body {background:#000 url("background2.jpg") center repeat-y; color:#333; font:normal 13px/17px Arial, Helvetica, sans-serif; margin:0; padding:0;}
#wrapper {background:url("background.jpg") top no-repeat; height:576px; text-align:center; width:100%;}
#centercontent {margin:0 auto; text-align:left; width:500px;}
#bottomphoto {background:url("../bottomphoto/") no-repeat; height:150px; margin:334px 0 0 -172px; position:absolute; width:200px;}
#bottomphoto p {color:#333; font:normal 11px/15px Arial, Helvetica, Tahoma, sans-serif; margin:160px 0 0; padding:0 20px 0 30px; width:170px;}
a {outline:none;}
h1 {float:left; height:165px; text-indent:-5000px; margin:50px 0 0 -205px; padding:0; position:absolute; width:266px;}
h1 a {display:block; height:165px; margin:-40px 0 10px 55px; overflow:hidden; position:relative; width:366px; z-index:0;}
h1 a:focus { outline: none; }
p#announcement {background:#fff; color:#0832a2; font:bold 13px/19px Arial, Helvetica, Tahoma, sans-serif; margin:30px 0 0 330px; padding:10px 15px; position:absolute; width:320px; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
ul#navigation1 {display:block; list-style:none; margin:220px 0 0 -85px; padding:0; position:absolute; width:700px;}
ul#navigation1 li {display:inline; font:normal 16px/28px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;} 
ul#navigation1 li a {border-right:1px solid #02122c; color:#02122c; display:block; float:left; padding:0 10px; text-decoration:none; width:auto;}
ul#navigation1 li#x06 a {border-right:none;}
ul#navigation1 li sup {position:absolute; margin:-5px 0 0;}
ul#navigation1 li a:hover {color:#51613e;}
ul#navigation2 {display:block; list-style:none; margin:320px 0 0 550px; padding:0; position:absolute; width:200px;}
ul#navigation2 li {font:normal 16px/22px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;} 
ul#navigation2 li#y01 {color:#600; margin-bottom:20px; padding:0 0 0 25px; text-decoration:underline;} 
ul#navigation2 li a {color:#600; text-decoration:none;}
ul#navigation2 li a { background: url(bottomnav.gif) no-repeat 0 -44px; padding:0 0 0 25px; }
ul#navigation2 li a:hover { background: url(bottomnav.gif) no-repeat 0 0; padding:0 0 0 25px; }
p#reportpollution {height:120px; margin:170px 0 0 592px; padding:0; position:absolute; text-indent:-6000px; width:130px;}
p#reportpollution a {background:url("reportpollution.jpg") no-repeat 0 0; display:block; height:120px; margin:0; overflow:hidden; width:130px; z-index:0;}
p#reportpollution a:hover {background:url("reportpollution.jpg") no-repeat -130px 0;}
p#reportpollution a:focus { outline: none; }
p#donatenow {height:130px; margin:462px 0 0 504px; padding:0; position:absolute; text-indent:-6000px; width:130px;}
p#donatenow a {background:url("donatenow.jpg") no-repeat 0 0; display:block; height:130px; margin:0; overflow:hidden; width:130px; z-index:0;}
p#donatenow a:hover {background:url("donatenow.jpg") no-repeat -130px 0;}
p#donatenow a:focus { outline: none; }
div#text {margin:300px 0 0 80px; position:absolute; width:420px;}
div#footer {background:url("footerstripe.jpg") no-repeat center; color:#333; font:normal 13px/17px Arial, Helvetica, sans-serif; margin:30px 0 5px; padding:60px 0 0; position:relative; text-align:center; width:405px;}
div#footer p {clear:left; display:inline; float:left; height:62px; margin:-50px 0 0 -200px; padding:0; position:relative; text-indent:-5000px; width:176px;}
div#footer p a {background:url("waterkeeper.gif") no-repeat left; border-bottom: 0; display:block; height:62px; margin:0; padding:0; width:176px;}
div#footer p a:hover {background:url("waterkeeper.gif") no-repeat left; }
h2, h3, h4 {color:#51613e; font:normal 30px/36px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif; margin:0; padding:0;}
p {margin:0; padding:1em 0 0;  }
span.riverkeeper {font-family:serif;}
div#text a { color: #00164c; text-decoration: none; border-bottom: 1px dotted #5e687a; }
div#text a:focus { outline:none; }
div#text a:hover { color: #5f8c07; background: #f2f6ec; border-bottom: 0px; }
h3 { font-size:23px; margin:8px 0;}
h4 { font-size:18px; margin:8px 0 0;}

p#webdesign { display:none; font:normal .1em Georgia, "Times New Roman", Times, serif; text-indent:-5000px; visibility:hidden;}

/* Scroller */

div.scroller { overflow: hidden; width: 405px; }
div.scroller div.section { float:left; margin:.5em .5em 1em 0; overflow:hidden; width: 405px; }
div.scroller div.content { width: 10000px; }
.controls {margin:10px 0;}
div.scroller div.section hr {background:#dbebfa; border:0; color:#dbebfa; clear:left; height:1px; margin:10px 0; padding:0; width:1px;}

.profile {font:normal 12px/15px Arial, Helvetica, sans-serif; margin:1em 0; padding:0 2px 0 0; }
.profile img {border:1px solid #333; float:left; margin:0 15px 15px 10px; padding:0;}
.profile hr {clear:left;}

/* Forms */
div.row { clear: both; padding: 10px 0 0 0; }
div.row span.label { float: left; text-align: right; width: 135px; }
div.row span.field { float: left; padding:0 0 0 15px; text-align: left; width: 270px; } 



/*------------------------TABLE-------------------------*/
table.sortable{
	border:1px solid #369;
	font-family:Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	margin-left:5px;
	}
.sortable th{
	background-color: #E4EDFC;
	border-bottom: 3px solid #336699;
	border-left: 1px solid #336699;
	border-right: 1px solid #336699;
	cursor:pointer;
	padding: 5px;
	text-align:left;
	font-size:.85em;
	}
.sortable td{
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	color: #222222;
	font-size:.9em;
	margin:0;
	padding: 1px 6px 2px 7px;
	white-space: nowrap;
	text-align:left;
	vertical-align:top;
	}