/* 
****************************************
****************************************
RESET CSS
****************************************
****************************************
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit; font-size: 1em; white-space: normal; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */
marquee { overflow: inherit !important; -moz-binding: none; }
blink { text-decoration: none; }
nobr { white-space: normal; }

/* 
****************************************
****************************************
Define CSS definitions
****************************************
****************************************
*/

/*	
****************************************
	Body definition
****************************************
*/
body
{ 
	font-family: 	Arial, Helvetica, sans-serif;
}
b
{
	font-weight: 	bold;
}
strong
{
	font-weight: 	bold;
}
a:hover
{
	color:			#33ffff;
}
img:hover
{
	color:			#33ffff;
}
p{
margin-bottom:		10px;
}
br.special{
margin-bottom:		10px;
}
i
{
	font-style:		italic;
}
em
{
	font-style:		italic;
}
/*
****************************************************************************
	BANNER
****************************************************************************
*/
div.banner
{
	position:		absolute;
	top:			0px;
	left:			0px;
}

/*
****************************************************************************
	NAVIGATION STRIP
****************************************************************************
*/
div.navigationstrip
{
	position: 		absolute;
	top: 			130px;
	left: 		  	0px;
}

/*
****************************************************************************
	NAVIGATION STRIP BUTTONS
****************************************************************************
*/
/* 
	Define Main Navigation Button characteristics 
*/
/*
		div for buttons	
*/
div.basicbutton
{
	vertical-align: center;
}
/*
		table for buttons
*/
table.tablebuttons
{
	position: 		absolute;
	top: 			130px;
	left:         	0px;
	padding:      	0px;
	border:       	0px green;
	margin:       	0px;
}
/*
		table item for buttons	
*/
td.tdbutton
{
	text-align: 	center;
	vertical-align:	middle;
	text-transform: uppercase;
	font-variant:	normal;
	font-size: 		50%;
	font-weight: 	bold;
	line-height: 	100%;
	width: 			89px;
	height:			56px;
	padding:      	0px;
	border:       	0px green;
	margin:       	0px;
}
td.tdbutton:hover
{
  background-color: white;
}
/*
		table item for home button	
*/
td.tdbuttonhome
{
	text-align: 	center;
	vertical-align:	middle;
	text-transform: uppercase;
	font-variant:	normal;
	font-size: 		50%;
	font-weight: 	bold;
	line-height: 	100%;
	width: 			89px;
	height:			56px;
	padding:      	0px;
	border:       	0px green;
	margin:       	0px;
}
td.tdbuttonhome:hover
{
  background-color: white;
}
/*
****************************************************************************
	Modification to indicate which page we're on
****************************************************************************
*/
td.tdbuttonhere
{
	text-align: 	center;
	vertical-align:	middle;
	text-transform: uppercase;
	font-variant:	normal;
	font-size: 		50%;
	font-weight: 	bold;
	line-height: 	100%;
	width: 			89px;
	height:			56px;
	padding:      	0px;
	border:       	0px green;
	margin:       	0px;
    background-color: white;
}
/*
		table item for home button	
*/
td.tdbuttonhomehere
{
	text-align: 	center;
	vertical-align:	middle;
	text-transform: uppercase;
	font-variant:	normal;
	font-size: 		50%;
	font-weight: 	bold;
	line-height: 	100%;
	width: 			89px;
	height:			56px;
	padding:      	0px;
	border:       	0px green;
	margin:       	0px;
    background-color: white;
}
/*
****************************************************************************
	CALENDAR
****************************************************************************
*/
div.calendar
{
	position:		absolute;
	height:			115px;
	width: 			111px;
	top:   			7.5px;
	left:  			849px;
}
img.calendar
{
	border:			0px	solid green;
}
/*
****************************************************************************
	LEFT SIDE PANEL
****************************************************************************
*/
div.leftsidepanel
{
	position: 		absolute;
	top: 			245px;
	left: 		  	0px;
	text-align:		center;
	height:			651px;
	width:			89px;
}
img.leftsidepanel
{
	height:			651px;
	width:			129px;
	padding:      	0px;
	border:       	0px red;
	margin:       	0px;
}

/*
****************************************************************************
	PAGE LAYOUT
****************************************************************************
*/
div.basicpagelayout
{
	position:		absolute;
	top:			186px;
	left:			191px;
	padding:    	0px;
	border:     	0px green;
	margin:     	0px;
	vertical-align:	text-top;
}

table.basicpagelayout
{
	position:		relative;
	top:			0px;
	left:			0px;
	padding:    	0px;
	border:     	0px green;
	margin:     	0px;
	vertical-align:	text-top;
}
tr.basicpagelayout
{
	position:		relative;
	top:			0px;
	left:			0px;
	padding:    	0px;
	border:     	0px green;
	margin:     	0px;
	vertical-align:	text-top;
}

td.basicpagelayout
{
	position:		relative;
	top:			0px;
	left:			0px;
	width:			273px;		
	padding:   		0px;
	border:    		0px green;
	margin:     	11px;
	vertical-align:	text-top;
}
div.columntext
{
	position:		relative;
	top:			-547px;
	width:			226px;
	padding:    	0px;
	border:     	0px green;
	margin:     	12px;
	text-align: 	left;
	font-size: 		85%;
	line-height: 	100%;
}
div.endpage
{
	position:		absolute;
	top:			0px;
	left:			0px;
}

/*
****************************************************************************
	PHOTOGALLERY TABLE 
****************************************************************************
*/
table.photolayout
{
	position:			relative;
	top:				1px;
	left:				1px;
	background-color: 	white;
}
tr.photolayout
{
}
td.photolayout
{
	background-color: 	#ccc; 
	padding: 			5px; 
	margin: 			5px; 
	border: 			1px solid white; 
	width: 				100px; 
	height: 			100px; 
	text-align:			center;
	vertical-align: 	middle;
}
td.photolayout:hover
{
	background-color: 	white; 
}

#page-wrap			
{ 
	width: 			1000px; 
	margin: 		0 auto; 
}

.photo-link			
{ 
 }
.photo-link:hover	
{ 
}
img.box
{
	position:		relative;
	display:		inline;
}

/*
****************************************************************************
	FACEBOOK ICON
****************************************************************************
*/
div.facebookicon
{
	position:		absolute;
	height:			50px;
	width: 			730px;
}
img.facebookicon
{
	position:		absolute;
	top:			7.5px;
	left: 			730px;
}

/*
****************************************************************************
	MISCELLANEOUS BULLSHIT
****************************************************************************
*/
div.bullshit
{
	position:			absolute;
	top:				946px;
	left:				0px;
	width: 				180px;
	text-align:			center;
	font-size:			50%;
	font-weight:		bold;
	background-color:	#ffffff;
}

div.riverlevelsbox
{
	position:			relative;
	top:				0px;
	left:				0px;
	width:				170px;
	padding:			0px;
	border:				5px solid black;
	margin:				0px;	
}

/*
****************************************************************************
	PHOTOGALLERY
****************************************************************************
*/
div.photogalleryreference
{
	position:			relative;
	margin: 			5px; 
	border: 			0px solid red; 
	width: 				226px; 
	height: 			100px; 
	text-align:			left;
	vertical-align:     middle;
	font-weight: 		bold;
	font-size: 			170%;
	line-height: 		100%;
}

.photo-display
{

}

/*
****************************************************************************
	POPUP
****************************************************************************
*/

img.popup
{
	position:		relative;
	width: 			1000px; 
	height: 		1000px; 
	top:			0px;
	left:			0px;
	padding:    	0px;
	border:     	0px green;
	margin:     	0px;
	vertical-align:	text-top;

}

#blanket 
{
		background-color:	#111;
		opacity: 			0.65;
		filter:				alpha(opacity=65);
		position:			absolute;
		width: 				1000px; 
		z-index: 			9001;
		top:				0px;
		left:				0px;
}


#popUpDiv 
{
		position:			absolute;
		background-color:	#eeeeee;
		z-index: 			9002;
}
/*
****************************************************************************
	RIVER_LEVELS
****************************************************************************
*/
div.riverlevels
{
	position:			absolute;
	top:				186px;
	left:				180px;
	width:				820px;
	background-image:  	url("./basicimages/basicpanel.jpg");
	background-repeat:	repeat-x;
	padding:    		0px;
	border:     		0px green;
	margin:     		0px;
	vertical-align:		text-top;
}

img.riverlevels
{
	left:				12px;
	padding:    		20px;
	border:     		0px green;
	margin-left:   		60px;
}