﻿/* GLOBAL */

* {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;}
p {margin-bottom:1.5em;}
ul {margin-left:18px;margin-bottom:15px;}
ol {margin-left:23px;margin-bottom:15px;}
ul li ul {margin-bottom:0;}
ol li ul {margin-bottom:0;}
img {border:0}
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;}
.photo-caption {font-size:9px;}

/* MASTER LAYOUT */

#wrapper {margin:0 auto;width:800px;background-color:#fff;overflow:hidden;}
#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;}

/* MAP MASTER LAYOUT */

#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;}

/* HEADER */

#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;}

/* FOOTER */

#footer_container {width:800px;height:100px;background-color:#01537c;border:solid 1px #01537c;}
#footer_text {font-size:10px;color:#fff;margin:25px;}

/* BANNER SECTION */

#banner_container {width:800px;height:252px;text-align:left;}
#banner_logo {float:left;}

/* MENU */

#menu {border-left:solid 3px #fff;}
#menu a, #menu a:visited {text-decoration:none;background:#8eb190;color:#fff;display:block;width:255px;height:24px;padding-left:10px;padding-top:6px;border-bottom:solid 1px white;}
#menu a:hover {background:#7ca17e;color:#DEDEA5;}

/* DONATE SECTION */

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;}

/* NEWS */

.img-left {float:left;margin-right:10px;}
.img-left-above, .img-left-below {float:left;margin-right:10px;margin-top:10px;}

/* BOARD AND STAFF */

#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;}
.separate {clear:both;}

/* DONORS */

#donor-container {width:470px;}
.donor-left {float:left;width:200px;height:110px;text-align:center;}
.donor-right {float:right;position:relative;top:40px;width:270px;}

/* PROTECTING YOUR LAND */

p.section-heading {font-size:12px;border-top:solid 1px #000000;padding-top:20px;}
p.disclaimer {border-top:solid 1px #000000;padding-top:20px;}

/* COMPLETED PROJECTS */

.cpMap {height:60px;padding-top:15px;padding-left:90px;background:url(images/compMapSm.gif) no-repeat;}

/* COMPLETED PROJECTS MAP */

#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;}
#hovermap ul li a:hover b em span {font-weight:normal;}
#hovermap ul li a:hover b em img {margin-top:5px;}

/* FLOW AND LAKE DATA */

#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);}

/* SLIDESHOW */

.area {font-family:Arial;line-height:100%;width:532px;height:252px;float:right;}
.area img {border:0}
div.rotator {position:relative;height:252px;width:532px;padding:0px; background: #fff; }
div.navigation {display:none;padding-left:10px; position: absolute; bottom: 3px; left: 10px; z-index:100;}
div.navigation div.current, div.navigation a { width: 12px; height: 12px; margin: 0 8px 0 0; float: left; overflow: hidden; }
div.navigation a:hover {background:#f0ebcc; text-decoration: none; }
div.navigation div.current { background: #d5a25c; } /* was c00 */
div.navigation a { display: block; background: #ccc; }

#introslide { background: #eee;
    background: -moz-linear-gradient(top, #eee, #fff 50%);                  /* css3 gradient */
    background: -webkit-gradient(linear, 0 0, 0 50%, from(#eee), to(#fff)); /* css3 gradient */
color: #eee; text-align: center; }

.slide-text {text-align:right;width:502px;max-width:502px;padding:10px 10px 10px 10px;position:absolute;bottom:0px;right:0px;z-index:50;background:url(/images/transpBlack.png); }
.slide-text a {color:#fff;text-decoration:none;font-size:1.3em;font-weight:bold;}
.slide-text a:link {color:#fff;text-decoration:none;} /* covering for IE */
.slide-text a:hover {color:#fff;text-decoration:underline;}
.slide-text h3 {font-size:1.1em;font-weight:bold;margin:8px 0 5px 0;line-height:20px;}
.slide-text span  {color:#fff;font-size:1.1em;font-weight:bold;margin-right:5px}

