@charset "utf-8";

/* Layout */

* { margin:0; padding:0; }

.hide {
	position:absolute;
	left:-9999px;
}
.clear {
	clear:both;
	visibility:hidden;
}
body {
	background-color:#003;
	margin:0 auto;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#000;
}
#page {
	width:740px;
	margin:0 auto;
	text-align:left;
	background:url(../web/web_of_water/images/ipagebkgd.gif) repeat-y;

}
#header {
	width:740px;
	height:45px;
	background:url(../web/web_of_water/images/header309.gif) no-repeat;
}
#logo {
	width:350px;
	height:97px;
	background:#fff url(../web/web_of_water/images/webofwater309.gif) no-repeat;
	margin-left:198px;
	/*position:absolute;
	left: 301px;
	top: 58px;*/
}
#logo_riv {
	width:350px;
	height:97px;
	background:#fff url(../web/web_of_water/images/RiverVenture.gif) no-repeat;
	margin-left:208px;
	/*position:absolute;
	left: 301px;
	top: 58px;*/
}
#logo a {
	width:350px;
	height:110px;
	display: block;
}/*Link to Home Page Block*/

/*Relative to top navigation links*/
#topnav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#c5cda9;
	font-weight:bold;
	text-align: center;
	margin-left:180px;
	margin-top: 134px;
	width:740px;
	height:26px;
	position:absolute;
	left: -121px;
	top: -116px;
	
}
#tabnav {
	float: right;
	width:500px;
	height:18px;
	margin-right:8px;	
	margin-left:5px;
	margin-top: 7px;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#99FFFF;
	padding: .3em .3em;		
}

/*OLD Relative to top navigation links
#navcontainer ul
{
margin-top: 2px;
margin-left:2px;
margin-right:10px;
list-style-type: none;
font-color:#00005c;
line-height: 1.9;

}
#navcontainer ul li { 
	display: inline; 
}

#navcontainer ul li a
{
text-decoration: none;
padding: .3em .3em;
color: #FBF390;
}

 #navcontainer ul li a:hover
{
padding: .3em .3em;
color: #fbc464;
}
/*end top navigation*/

/*NEW Relative to top navigation links*/
#topnavcontainer ul
{
margin-top: 1px;
margin-left:2px;
margin-right:10px;
list-style-type: none;
font-color:#ffcc99;
line-height: 1.9;

}
#topnavcontainer ul li { 
	display: inline; 
}

#topnavcontainer ul li a
{
text-decoration: none;
padding: .3em .3em;
color: #FBF390;
}

 #topnavcontainer ul li a:hover
{
padding: .3em .3em;
color: #ffffff;
}
/*end top navigation*/


#sidebar {
	width:200px;
	margin-left:10px;
	margin-top:2px;
	float:left;
	overflow:hidden;
	display:inline;
	background:#fff url(../web/web_of_water/images/sm_map_bkg.gif) no-repeat;
}
#photobox {
	width:380px;
	margin-left:2px;
	margin-top:1px;
	float:left;
	/*overflow:hidden;
	display:inline;*/
	
}
#videobox {
	width:486px;
	float:right;
	
}

#tabsbox {
	width:95%;
	float:center;
	left-margin:15px;
	
}

#Databox {
	width:716px;
	float:center;
	left-margin:45px;
	
}
#nav {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}



#content{
	width:94%;
	margin-left:20px;

	/*overflow:hidden;
	display:inline;*/
}

#footer {
	width:740px;
	height:108px;
	background:url(../web/web_of_water/images/footer.gif) no-repeat;
	clear:both;
	position:relative;
	
}


/*Holds Map Navigation*/
#mapbox{
	font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;
	font-size: 10pt;
	line-height:1.0;
	position:relative;
	width: 442px;
	height:329px;
	margin-left: 150px;
	margin-top: 28px;
	margin-right:0px;
	color:#000000;
	background: url(../web/web_of_water/images/map3-23.jpg) no-repeat;
	}
	

/*Map Navigation */


	

#Center{
font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;
float: center;
font-size: 12pt;
color:#efb271;
background-color:#000000;
border-style:double;
border-color:#580603;
text-align: center;
margin-left:10px;
}
		

		
#archive {
	height:260px;
	overflow:auto;
	margin:18px 0 18px;
}
#archive img {
	float:left;
	clear:left;
	margin-right:10px;
	border:none;
}


/* Text Styles */


p {
	margin-bottom:18px;
	line-height:1.5;
}

ul, ol, blockquote {
	margin:0 0 18px 35px;
	line-height:1.5;
}
a:link, a:visited {
	color:#336699;
	text-decoration:underline;
}
a:hover, a:active {
	color:#663300;
	text-decoration:underline;
}

h2 {
	font-size:20px;
	font-weight:normal;
	color:#00005c;
}
h2 a:link, h2 a:visited {
	color:#00005c;
	text-decoration:none;
}
h2 a:hover, h2 a:active {
	color:#00005c;
	text-decoration:underline;
}
h3 {
	font-size:16px;
	font-weight:normal;
	color:#00005c;
	margin-bottom:8px;
}
h3 a:link, h3 a:visited {
	color:#00005c;
	text-decoration:none;
}
h3 a:hover, h3 a:active {
	color:#00005c;
	text-decoration:underline;
}
.date {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
.excerpt {
	font-size:11px;
	line-height:1.4;
}


/* Footer Logos */



#footer li {
	list-style:none;
}
#footer li a {
	color:#fff;
	font-size:1px;
	display:block;
	position:absolute;
}
#logo1 a {
	width:46px;
	height:38px;
	top:20px; left:170px;
}
#logo2 a {
	width:100px;
	height:21px;
	top:37px; left:240px;
}
#logo3 a {
	width:90px;
	height:41px;
	top:25px; left:360px;
}
#logo4 a {
	width:115px;
	height:28px;
	top:28px; left:476px;
}
#logo5 a {
	width:67px;
	height:63px;
	top:8px; left:614px;
}

/*News Nav*/

.newsheadline {
	font-size:14px;
	font-weight:bold;
	background:url(../Style/images/arrownews.gif) no-repeat;
	background-position:0 5px;
	padding-left:35px;
}
.news {
	font-size:10px;
}
.news span {
	font-weight:bold;
	border-right:2px solid #9cf;
	padding-right:5px;
	margin-right:5px;
}

/* Comments */
.comment {
	margin-top:18px;
}
.commentauthor {
	font-weight:bold;
	font-size:10px;
	color:#00005c;
	margin-top:-10px;
	padding:0 0 10px 15px;
	border-bottom: 1px solid #ccc;
}
.commentauthor span {
	font-weight:normal;
	color: #000;
}


