﻿* {padding:0px;margin:0px;border:0;}
body {background-color:#01547C;margin:0;padding:0;border:0;font-family:Verdana,arial,helvetica,sans-serif;font-size:11px;color:#382222;}

#wrapper {margin:0 auto;width:800px;background-color:#fff;overflow:hidden;}

#header_container {width:800px;height:120px;}
#header_left {float:left;margin:0px;}
#header_right {float:right;margin:20px;text-align:right;}
* html #header_right {margin-right:10px;}

#banner_container {width:800px;height:252px;text-align:left;}
#banner_logo {float:left;}

#menu {border-left:solid 3px #fff;}
#menu a, #menu a:visited {text-decoration:none;background:#A8B798;color:#fff;display:block;width:255px;height:24px;padding-left:10px;padding-top:6px;border-bottom:solid 1px white;}
#menu a:hover {background:#97A687;color:#DEDEA5;}

#content_container {width:800px;background:url(Images/bg.gif);}
#content_left {float:left;width:265px;}
#content_right {float:right;width:450px;padding-top:15px;padding-bottom:30px;margin-left:35px;margin-right:50px;line-height:17px;}
* html #content_right {margin-right:25px;}

#content_container_map {width:800px;background-color:#ffffff;}
#content_map {width:725px;padding-top:15px;padding-bottom:30px;margin-left:35px;margin-right:40px;line-height:17px;}

#staff_container {width:450px;}
#staff_container img {margin-bottom:15px;margin-top:4px;}
.staff_left {float:left;width:165px;}
.staff_right {float:right;width:270px;padding-bottom:30px;padding-left:15px;}

#footer_container {width:800px;height:100px;background-color:#01537c;border:solid 1px #01537c;}
/*#footer_text {font-size:10px;color:#4e87a4;margin:25px;}*/
#footer_text {font-size:10px;color:#fff;margin:25px;}

p {margin-bottom:1.5em;}
ul {margin-left:18px;margin-bottom:15px;}
ol {margin-left:23px;margin-bottom:15px;}

a:link {color:#666C5E;font-size:11px;text-decoration:underline;}
a:visited {color:#666C5E;font-size:11px;text-decoration:underline;}
a:hover {color:#000;font-size:11px;text-decoration:none;}

a.left_link:link {color:#fff;font-size:11px;text-decoration:underline;}
a.left_link:visited {color:#fff;font-size:11px;text-decoration:underline;}
a.left_link:hover {color:#DEDEA5;font-size:11px;text-decoration:none;}




/* default link styles required for IE to work correctly with :active */
/*
a {color:#000;}
a:visited {color:#111;}
a:active {color:#222;}
a:hover {text-decoration:none;}
*/

/* The hover image map styling */
#hovermap {width:715px;height:536px;background:url(images/compMap.jpg);position:relative;}
#hovermap ul {background:transparent url(images/compMap.gif);padding:0;margin:0;width:715px;height:536px;list-style:none;}

#hovermap ul li {display:inline;width:0;height:0;} /* needed for IE to function correctly */

#hovermap ul li a {position:absolute;display:block;width:13px;height:13px;background:transparent;cursor:default;z-index:100;}
#hovermap ul li.p1 a {left:230px;top:119px;}
#hovermap ul li.p2 a {left:610px;top:441px;}
#hovermap ul li.p3 a {left:443px;top:211px;}
#hovermap ul li.p4 a {left:542px;top:286px;}
#hovermap ul li.p5 a {left:403px;top:128px;}
#hovermap ul li.p6 a {left:437px;top:154px;}
#hovermap ul li.p7 a {left:624px;top:420px;}
#hovermap ul li.p8 a {left:600px;top:430px;}

#hovermap ul li a b {display:none;}
#hovermap ul li a:hover {background:#000;}
#hovermap ul li a:hover {position:static;display:block;background:transparent;width:0;height:0;text-decoration:none;}
#hovermap ul li a:hover b {position:absolute;left:0;top:0;display:block;background:transparent;width:715px;height:536px;z-index:0;}
#hovermap ul li a:hover b em {display:block;position:absolute;left:0px;top:250px;width:275px;height:270px;color:#fff;border:0px solid #000;background:#888;padding:5px;font-style:normal;}




#imapbasin {display:block;width:700px;height:521px;background:url(images/USGSGages.jpg) no-repeat;position:relative;margin:0px 0 25px 0px;}
#imapbasin dd {position:absolute; padding:0; margin:0;}
#imapbasin #site08165300 {left:79px; top:50px; z-index:20;}
#imapbasin #site08165500 {left:79px; top:50px; z-index:20;}
#imapbasin #site08166200 {left:118px; top:55px; z-index:20;}
#imapbasin #site08167000 {left:172px; top:70px; z-index:20;}
#imapbasin #site08167500 {left:277px; top:93px; z-index:20;}
#imapbasin #site08167700 {left:317px; top:93px; z-index:20;}
#imapbasin #site08167800 {left:317px; top:93px; z-index:20;}
#imapbasin #site08169000 {left:332px; top:123px; z-index:20;}
#imapbasin #site08169500 {left:332px; top:123px; z-index:20;}
#imapbasin #site08169792 {left:362px; top:155px; z-index:20;}
#imapbasin #site08170500 {left:368px; top:91px; z-index:20;}
#imapbasin #site08171000 {left:336px; top:65px; z-index:20;}
#imapbasin #site08171300 {left:374px; top:65px; z-index:20;}
#imapbasin #site08172000 {left:430px; top:130px; z-index:20;}
#imapbasin #site08173000 {left:430px; top:130px; z-index:20;}
#imapbasin #site08173900 {left:467px; top:170px; z-index:20;}
#imapbasin #site08174600 {left:493px; top:173px; z-index:20;}
#imapbasin #site08175000 {left:467px; top:225px; z-index:20;}
#imapbasin #site08175800 {left:493px; top:255px; z-index:20;}
#imapbasin #site08176500 {left:555px; top:310px; z-index:20;}
#imapbasin #site08176900 {left:520px; top:301px; z-index:20;}
#imapbasin #site08177400 {left:526px; top:325px; z-index:20;}
#imapbasin #site08177500 {left:526px; top:325px; z-index:20;}
#imapbasin #site08177520 {left:566px; top:338px; z-index:20;}
#imapbasin #site08188800 {left:582px; top:368px; z-index:20;}

#imapbasin a {display:block; width:25px; height:25px; text-decoration:none; z-index:20;}
#imapbasin a em {display:none;}
#imapbasin a:hover em {z-index:30;display:block;position:absolute;left:27px;top:-26px;width:36px; height:36px;background:transparent url(images/pointer.gif);}
#imapbasin a span, #imapbasin a:visited span {display:none;}
#imapbasin a:hover {border:1px solid #B3BEC9;}
#imapbasin a:hover span {z-index:20;position:absolute; display:block; color:#000; width:255px; height:90px; padding :8px; font-style:normal; line-height:1.0em; font-size:10px; text-align:left; margin-left:5px; background:url(images/ballon.gif) no-repeat top left; border:0px solid #000; }
#imapbasin a:hover span {left:57px; top:-60px;}
#imapbasin a:hover span img {float:left; margin-right:0; margin-bottom:0.5em; border:0px solid #000;}

#site08173900 a:hover span {left:-310px; top:-60px;}
#site08173900 a:hover em {z-index:30;display:block;position:absolute;left:-36px;top:-26px;width:36px; height:36px;background:transparent url(images/pointer2.gif);}
#site08175000 a:hover span {left:-310px; top:-60px;}
#site08175000 a:hover em {z-index:30;display:block;position:absolute;left:-36px;top:-26px;width:36px; height:36px;background:transparent url(images/pointer2.gif);}
#site08174600 a:hover span {left:-310px; top:-60px;}
#site08174600 a:hover em {z-index:30;display:block;position:absolute;left:-36px;top:-26px;width:36px; height:36px;background:transparent url(images/pointer2.gif);}
#site08175800 a:hover span {left:-310px; top:-60px;}
#site08175800 a:hover em {z-index:30;display:block;position:absolute;left:-36px;top:-26px;width:36px; height:36px;background:transparent url(images/pointer2.gif);}
#site08176900 a:hover span {left:-310px; top:-60px;}
#site08176900 a:hover em {z-index:30;display:block;position:absolute;left:-36px;top:-26px;width:36px; height:36px;background:transparent url(images/pointer2.gif);}
#site08177400 a:hover span {left:-310px; top:-60px;}
#site08177400 a:hover em {z-index:30;display:block;position:absolute;left:-36px;top:-26px;width:36px; height:36px;background:transparent url(images/pointer2.gif);}
#site08177500 a:hover span {left:-310px; top:-60px;}
#site08177500 a:hover em {z-index:30;display:block;position:absolute;left:-36px;top:-26px;width:36px; height:36px;background:transparent url(images/pointer2.gif);}
#site08176500 a:hover span {left:-310px; top:-60px;}
#site08176500 a:hover em {z-index:30;display:block;position:absolute;left:-36px;top:-26px;width:36px; height:36px;background:transparent url(images/pointer2.gif);}
#site08177520 a:hover span {left:-310px; top:-60px;}
#site08177520 a:hover em {z-index:30;display:block;position:absolute;left:-36px;top:-26px;width:36px; height:36px;background:transparent url(images/pointer2.gif);}
#site08188800 a:hover span {left:-310px; top:-60px;}
#site08188800 a:hover em {z-index:30;display:block;position:absolute;left:-36px;top:-26px;width:36px; height:36px;background:transparent url(images/pointer2.gif);}
