/* =universals */
*  { margin:0; padding:0; }
h2, h3, p, ul { padding:.4em 20px; }
img { border:none; }
body { background:url(../images/body_bg.jpg) repeat-x top left #fff; padding:40px 0 0 0; font:76%/135% Tahoma, Geneva, sans-serif; color:#0e1d3e; text-align:center; }

/* =h1 */
h1.minewater-logo a { width:105px; height:41px; margin:57px 0 0 0; padding:0; background:url(../images/header_minewater-logo.gif) no-repeat left top; float:left; display:inline; text-indent:-9999px; text-decoration:none; overflow:hidden; }
h1.wyg-logo a { width:143px; height:142px; margin:0; padding:0; background:url(../images/header_wyg-logo.gif) no-repeat top right; float:right; display:inline; text-indent:-9999px; text-decoration:none; overflow:hidden; }

/* =h2 */
h2 { font-size:170%; color:#6a9bc6; background:#fff; padding-top:.2em; font-weight:normal; }

/* =h3 */
h3 { font-size:120%; color:#419675; background:#fff; font-weight:normal; }

/* =a */
a:link { text-decoration:none; color:#2667a1; }
a:visited { text-decoration:none; color:#2667a1; }
a:hover { text-decoration:underline; color:#2667a1; }
a:active { text-decoration:none; color:#2667a1; }

/* =ul and li */
ul.normal { list-style: url(../images/bullet.gif) square; margin: 0 0 0 3em; }

/* =img */
#content img { float:left; clear:left; margin:.7em 20px; border: 1px solid #687e90; }

/* =forms */
fieldset#contact { border:none; padding:.5em .5em .5em 3em; width:400px; height:450px; }
fieldset#contact .red { float:none; width:.25em; display:inline; color:#f00; background:#fff; }
fieldset#contact img { display:block; float:left; padding:1em 0; }
fieldset#contact label, label span { display:block; padding-bottom:.25em; }
fieldset#contact label { float:left; width:99%; }
fieldset#contact label span { float:left; width:30%; text-align:right; font-size:100%; }
fieldset#contact input { float:right; padding:.25em; width:60%; border: 1px solid #cfd6dc; font:100% Tahoma, Geneva, sans-serif; color:#0e1d3e; background:#fff; }
fieldset#contact input:hover { border-color: #6a9bc6; }
fieldset#contact input:active, input:focus { border-color: #419675; }
fieldset#contact textarea { float:right; width:60%; height:80px; padding:.25em; border: 1px solid #cfd6dc; font:100% Tahoma, Geneva, sans-serif; color:#0e1d3e; background:#fff; }
fieldset#contact textarea:hover { border-color: #6a9bc6; }
fieldset#contact textarea:active, textarea:focus { border-color: #419675; }
fieldset#contact div input { height:25px; float:right; margin:1em 0; width:20%; background-color: #d9e1e8; border-top: 2px double #c6d1da; border-right:2px double #adb8c1; border-bottom:2px double #adb8c1; border-left:2px double #adb8c1; font: bold 92% Tahoma, Geneva, sans-serif; color:#0e1d3e; }
fieldset#contact p { padding:0; }
fieldset#hidden { display:none; }

/* =layouts */
#wrapper { width:762px; margin:0 auto; padding:0; background:url(../images/wrapper_bg2.gif) no-repeat top right #fff; overflow:hidden; }

#header { width:670px; height:170px; margin:0; padding:40px 52px 10px 40px; }
#header_squares { width:350px; height:170px; margin:0 0 0 30px; padding:0; background:url(../images/header_squares.jpg) no-repeat; float:left; display:inline; }

#content { width:535px; margin:20px 52px 20px 0; display:inline; padding:0; float:right; text-align:left; background:url(../images/content_bg.gif) repeat-y left top #fff; }

#content_projects { width:535px; margin:20px 52px 20px 0; display:inline; padding:0; float:right; text-align:left; background:url(../images/content_bg.gif) repeat-y left top #fff; }
#content_projects p, #content_projects h3 { padding-left:152px; }
#content_projects img { float:left; clear:left; margin:.7em 20px; border: 1px solid #687e90; }

#content_project_details { width:84%; margin:20px 0; display:inline; padding:0; float:right; text-align:left; background:url(../images/content_bg.gif) repeat-y left top #fff; }
#content_project_details img { float:left; clear:left; margin:.7em 20px; border:1px solid #687e90; }

ul.projects_nav { display:inline; position:relative; float:right; clear:right; list-style-type:none; text-align:center; margin:.4em 0; padding:0;  }
ul.projects_nav li { float:left; padding:0 .5em; border-right:1px solid #2667a1; }
ul.projects_nav li.no_border { border:none; }

ul#footer { position:relative; float:left; display:inline; width:670px; height:20px; margin:0 52px 20px 40px; background:url(../images/footer_bg.gif) no-repeat left top #d9e1e8; padding:0; list-style-type:none; overflow:hidden; }

li#footer_wyg { position:absolute; left:0px; width:92px; height:20px; background:url(../images/footer.gif) no-repeat 0 0; }
li#footer_privacy { position:absolute; left:270px; width:111px; height:20px; background:url(../images/footer.gif) no-repeat -270px 0; }
li#footer_terms { position:absolute; left:382px; width:85px; height:20px; background:url(../images/footer.gif) no-repeat -382px 0; }
li#footer_accessibility { position:absolute; left:468px; width:138px; height:20px; background:url(../images/footer.gif) no-repeat -468px 0; }
li#footer_sitemap { position:absolute; left:607px; width:63px; height:20px; background:url(../images/footer.gif) no-repeat -607px 0; }

li#footer_wyg a { display:block; width:92px; height:20px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#footer_privacy a { display:block; width:111px; height:20px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#footer_terms a { display:block; width:85px; height:20px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#footer_accessibility a { display:block; width:138px; height:20px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#footer_sitemap a { display:block; width:63px; height:20px; text-indent:-9999px; text-decoration:none; overflow:hidden; }

li#footer_wyg a:hover { background: url(../images/footer.gif) no-repeat 0 -20px; }
li#footer_privacy a:hover { background: url(../images/footer.gif) no-repeat -270px -20px; }
li#footer_terms a:hover { background: url(../images/footer.gif) no-repeat -382px -20px; }
li#footer_accessibility a:hover { background: url(../images/footer.gif) no-repeat -468px -20px; }
li#footer_sitemap a:hover { background: url(../images/footer.gif) no-repeat -607px -20px; }

#footer_shadow { margin:0 auto; width:762px; height:12px; padding:0 0 20px 0; background:url(../images/footer_shadow.gif) no-repeat left top; }

/* =navigation */
ul#nav { position:relative; float:left; width:750px; height:20px; margin:0; padding:0; background: url(../images/nav_bg.gif) no-repeat left top #d9e1e8; list-style-type:none; }

li#nav_home { position:absolute; left:40px; width:48px; height:20px; background:url(../images/nav.gif) no-repeat -40px 0; }
li#nav_mgmt { position:absolute; left:89px; width:84px; height:20px; background:url(../images/nav.gif) no-repeat -89px 0; }
li#nav_rivers { position:absolute; left:174px; width:104px; height:20px; background:url(../images/nav.gif) no-repeat -174px 0; }
li#nav_types { position:absolute; left:279px; width:116px; height:20px; background:url(../images/nav.gif) no-repeat -279px 0; }
li#nav_passive { position:absolute; left:396px; width:113px; height:20px; background:url(../images/nav.gif) no-repeat -396px 0; }
li#nav_projects { position:absolute; left:510px; width:59px; height:20px; background:url(../images/nav.gif) no-repeat -510px 0; }
li#nav_research { position:absolute; left:570px; width:66px; height:20px; background:url(../images/nav.gif) no-repeat -570px 0; }
li#nav_contact { position:absolute; left:637px; width:73px; height:20px; background:url(../images/nav.gif) no-repeat -637px 0; }

li#nav_home a { display:block; width:48px; height:20px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#nav_mgmt a { display:block; width:84px; height:20px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#nav_rivers a { display:block; width:104px; height:20px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#nav_types a { display:block; width:116px; height:20px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#nav_passive a { display:block; width:113px; height:20px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#nav_projects a { display:block; width:59px; height:20px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#nav_research a { display:block; width:66px; height:20px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#nav_contact a { display:block; width:73px; height:20px; text-indent:-9999px; text-decoration:none; overflow:hidden; }

li#nav_home a:hover { background: url(../images/nav.gif) no-repeat -40px -20px; }
li#nav_mgmt a:hover { background: url(../images/nav.gif) no-repeat -89px -20px; }
li#nav_rivers a:hover { background: url(../images/nav.gif) no-repeat -174px -20px; }
li#nav_types a:hover { background: url(../images/nav.gif) no-repeat -279px -20px; }
li#nav_passive a:hover { background: url(../images/nav.gif) no-repeat -396px -20px; }
li#nav_projects a:hover { background: url(../images/nav.gif) no-repeat -510px -20px; }
li#nav_research a:hover { background: url(../images/nav.gif) no-repeat -570px -20px; }
li#nav_contact a:hover { background: url(../images/nav.gif) no-repeat -637px -20px; }

/* =classes */
.green { color:#419675; }
.red { color:#f00; }
.grey { color: #868e9e; }
.padding_bottom { padding:0 0 .8em 0; }
.no_padding_top { padding-top:0; }
.no_padding_bottom { padding-bottom:0; }
.no_padding_top_bottom { padding-bottom:0; padding-top:0; }
.clear_left { clear:left; }
.clear_right { clear:right; }
.float_left { float:left; }
.float_right { float:right; }