/* CSS Document */
/* ---GENERAL------*/
* {margin: 0; padding: 0; border: 0; outline: 0; color: #1C1C1C;}
html {height: 100%;}
body {background:#513b27 url(../images/bg-page.gif) top left repeat-x; font: 75% Verdana, Corbel, Tahoma, sans-serif; text-align: center; /* Centers the page content container in IE 5 browsers. */ height: 100%;}
html>body {font-size: 12px;}
h1 {margin: 1.5em 0; text-transform: uppercase; font: bold 1.5em/1em Verdana, Candara, Tahoma, sans-serif;}
h2 {margin: 1.286em 0; font: bold 1.1667em/1.4em Verdana, Candara, Tahoma, sans-serif; text-transform:capitalize; font-weight:bold;}
h3 {margin: 1.5em 0; font: bold 1em/1.5em Verdana, Candara, Tahoma, sans-serif; /*text-transform:uppercase;*/}
h4 {margin: 1.5em 0; font: bold 1em/1.5em Verdana, Candara, Tahoma, sans-serif; text-transform:uppercase;}
p {margin: 1.5em 0; font: 1em/1.5em Verdana, Candara, Tahoma, sans-serif;}
p.bold {font-weight: bold;}
.index{padding-left: 20px;}	
a {text-decoration: none; border-bottom: 1px dotted #1C1C1C;}
a:hover{color: #FFFDFB; background-color: #513B27;} 
ul {list-style-position: inside;}	
#subleft li {line-height: 1.5em; margin-bottom: 1.5em;}
/* ----STRUCTURE & STRUCTURE-SPECIFIC TAGS-------*/
#container { /*background-color:#83532b;*/ width: 750px; min-height: 100%; margin: 0 auto 0 auto; text-align: left;}
#header {width: 100%; height: 119px; /*background-color: #D7D2C7;*/}
#logo {width: 500px; overflow: hidden; float: left; }
#logo img {padding: 20px 0px 0px 0px; margin-bottom:-5px; border: none;}
#logo h1 {padding: 0px 0 5px 10px; margin: .5em 0; font: bold 1em/1em Verdana, Candara, Tahoma, sans-serif; color:#000; letter-spacing: .1em; text-transform:none;}
#logo a, #logo a:hover {border: none; background-color: transparent;}
#tagline {clear:both; margin:0; width: 100%; overflow: hidden; background: #587756 url(../images/SampleWithConfidence.gif) 85.9% 50% no-repeat; border: 2px solid #83532b; border-width: 20px 0px 20px 0px;}
#tagline img {float: left; overflow: hidden; margin: 0; /*border-right: #83532b 20px solid;*/}
#content {width: 100%; overflow: hidden; margin:0; background-color: #83532b; /*border-left: #513b27 2px solid; border-right: #513b27 2px solid;*/}
#homeleft {float: left; margin:0; padding: 0 20px; width: 460px; background-color: #FFFDFB;}
#homeright {float: right; width: 250px; margin: 0; min-height: 450px; /*req'd for IE */}
#subcontent {clear:both; width: 100%; overflow: hidden; margin:0; background: url(../images/subcontentbg.gif) repeat; border: 2px solid #83532b; border-width: 20px 0px 0px 0px;}
#subleft {float: left; padding: 0 20px; width: 460px; margin: 0;}
#subleft ul ul {list-style:circle inside; padding-left: 20px;}
.listfirst {padding-top: 20px;}
#subright {float: right; width: 250px; margin: 0;}	
#subright h3{ color: #F8F6F4;}
#address {clear: both; padding: 10px 10px 10px 10px;}
#address p {color: #F8F6F4;}	
#address h4 {color: #F8F6F4;}	
#footer {clear:both; width: 100%; margin-top: 0; padding-top: 10px; padding-bottom: 20px; background-color: #513B27; border: 2px solid #513B27; border-width: 0 2px 2px;}
#footer img { padding-left: 20px; border:0}
.peer {font-size: 0.8333em; line-height: 1.25em; color: #CABAAA; padding-left: 20px;}
.peer a {color: #CABAAA; text-decoration: none; border-bottom: 1px dotted #CABAAA;}
.peer a:hover {color: #FFFDFB; border-bottom: 1px dotted #FFFDFB;}
/* -----NAVIGATION-------*/
#nav {padding: 0; margin: 0; height: 2em; overflow: inherit;}
#nav ul {padding: 0; margin: 0; list-style: none;}
#nav li {float: left; width: 220px; display: block; line-height: 2em; padding: 0 15px; border-bottom: #9A7251 solid 1px;}
#nav li.first {border-top: #9A7251 solid 1px;}
#nav li.last {border-bottom: none;}
#nav li a {display: block; color: #FFFDFB; font-weight:bold; text-decoration: none; border: none; line-height: 2em;}
#nav li:hover, #nav li.sfhover {background-color: #513B27; border-bottom: 1px solid #91886D;}
#topsubmenu {margin: 0; width: 175px; float: right; padding: 0 5px 0 0; font: .75em Verdana, Candara, Tahoma, sans-serif; text-align: right; overflow: hidden;}
a.topmenu {padding: 5px; text-decoration: none; border-right: 1px solid #513b27; border-bottom: none; color: #513b27;}
a.topmenulast {padding: 5px; text-decoration: none; border-bottom: none; color: #513b27;}
a.topmenu:hover, a.topmenulast:hover {background-color: #513b27; border-bottom: none; color: #FFFDFB;}
#navsub {clear: both; padding: 0; margin: 0; overflow: inherit;}
#navsub ul {padding: 0; margin: 0; list-style: none;}
#navsub li {float: left; width: 220px; display: block; line-height: 2em; padding: 0 15px; border-bottom: 1px solid #9A7251;}
#navsub li.last {border-bottom: none;}
#navsub li.first {border-top: 1px solid #9A7251;}
#navsub li a {display: block; color: #FFFDFB; font-weight:bold;  text-decoration: none; border: none; line-height: 2em;}
#navsub li:hover, #navsub li.sfhover {background-color: #513B27; border-bottom: 1px solid #513B27;}
#home #navsub-home, #who #navsub-who, #what #navsub-what, #stormwater #navsub-stormwater, #groundwater #navsub-groundwater, #wastewater #navsub-wastewater, #services #navsub-services, #contact #navsub-contact, #index #navsub-index {background-color: #587756; font-weight:bold;  color: #FFFDFB;}