body {
    background: #fff url(/static/img/back.gif) 0 0 repeat-x; 
    margin: 0; padding: 0; 
    font: 14px verdana, arial, helvetica, sans-serif; 
    color: #444; text-align: center; }

.clr {
    clear: both; font-size: 1px; height: 1px; } 

a {
    color: #003C61; }

a img {
    border: none; }

h1,h2,h3,p,li,ul,form {
    margin: 0; padding: 0; }

ul,li {
    list-style: none; }


/*  Main Page Sections */ 

#container {
    width: 734px; margin: 0 auto;
    text-align: left; 
}
    
#header {
    height: 71px;
    background: url('/static/img/head.jpg') 0 0 no-repeat;
}

#homeP #header {
  background-image: url('/static/img/head_homeP.jpg');
}

#logo {
    float: left; 
    height: 61px; width: 127px;  
    margin-left: 48px; margin-top: 10px; 
}

#homeP #logo {
  display: none;
}

/*
Header links 
-------------------------------------------------------------------------------------
*/

#header_links_container {
  padding: 32px 43px 0 0;
}

#header_links {
  background: url('/static/img/header_links.gif') 0 -33px no-repeat;
  width: 393px;
  height: 33px;

  float: right;
  position: relative;
}

#header_links a {
  float: right;
  height: 33px;
  background: url('/static/img/header_links.gif') 0 0 no-repeat;
}

#header_links a span {
  display: none;
}

a#hdr_contactUs:hover, a#hdr_aboutUs:hover, a#hdr_caseStudies:hover, a#hdr_services:hover, a#hdr_home:hover {
  background: none;
}

a#hdr_contactUs {
  width: 70px;
  background-position: -323px -66px;
}

#contactP a#hdr_contactUs {
  background-position: -323px 0;
}

a#hdr_aboutUs {
  margin-right: 23px;
  width: 61px;
  background-position: -239px -66px;
}

#aboutP a#hdr_aboutUs {
  background-position: -239px 0;
}

a#hdr_caseStudies {
  margin-right: 22px;
  width: 81px;
  background-position: -136px -66px;
}

#caseStudiesP a#hdr_caseStudies {
  background-position: -136px 0;
}

a#hdr_services {
  margin-right: 23px;
  width: 52px;
  background-position: -61px -66px;
}

#servicesP a#hdr_services {
  background-position: -61px 0;
}

a#hdr_home {
  margin-right: 23px;
  width: 38px;
  background-position: 0px -66px;
}

#homeP a#hdr_home {
  background-position: 0px 0;
}

#industrialHome, #municipalHome {
    margin-top: 21px; float: left;
    width: 271px; height: 107px;
}

#industrialHome a, #municipalHome a {
  display: block;
  text-decoration: none;
  width: 271px; height: 107px;
}

#industrialHome, #industrialHome a {
    background: #81B2FF url('/static/img/water_home.png') 15px 22px no-repeat;
}

#municipalHome, #municipalHome a {
    background: #FEFD65 url('/static/img/wastewater_home.png') 15px 22px no-repeat;
}

#municipalHome a:hover, #industrialHome a:hover {
    background: none; }
    
#industrialHome div {
    padding: 17px 0 0 19px; }

#industrialHome {
    clear: left; }

#municipalHome div {
    padding: 17px 0 0 19px; }

.homeMontage {
  margin-top: 21px; float: left;
  width: 207px;
}

.hack {
    padding-left: 7px; }

#rightCol h1 {
    color: #09598c;
    font-family: helvetica;
    font-size: 20px;
    font-weight: normal;
}



p.big {
    font-size: 15px; margin-bottom: 20px; 
    font-weight: bold; }

h1.pad, .pad h1 {
    margin-top: 15px;
    margin-bottom: 18px;
}

p.block {
    background: #E3F2F9;
    padding: 7px 10px; }

p.alert {
    color: #A62930;
    font-weight: bold; 
    font-size: 20px;
    padding-bottom: 18px; }

/*  Latest News  */ 

#industrialHome h2 {
       /* Size of the image */
       padding-top: 15px;
       width: 122px;

       /* The image */
       background: url(/static/img/h2_industrialHome.gif) 0 0 no-repeat;

       /* Hide the text */
       overflow: hidden;
       /* WIN IE5 hack */
       height: 15px;

       voice-family: "\"}\""; 
       voice-family:inherit;
       height: 0; }

#municipalHome h2 {
       /*Size of the image*/
       padding-top: 17px;
       width: 177px;

       /*The image*/
       background: url(/static/img/h2_municipalHome.gif) 0 0 no-repeat;

       /*Hide the text*/
       overflow: hidden;
       /* WIN IE5 hack */
       height: 17px;

       voice-family: "\"}\""; 
       voice-family:inherit;
       height: 0;
}

#municipalHome h2.bot {
       /*Size of the image*/
       padding-top: 15px;
       width: 132px;

       /*The image*/
       background: url(/static/img/h2_productsHome.gif) 0 0 no-repeat;

       /*Hide the text*/
       overflow: hidden;
       /* WIN IE5 hack */
       height: 15px;

       voice-family: "\"}\""; 
       voice-family:inherit;
       height: 0;
}


#industrialHome ul {
    margin-top: 7px;
}

#industrialHome li, #municipalHome li {
    padding: 5px 1px; font-size: 14px;
}

#municipalHome ul {
    margin-top: 5px;
}

#municipalHome ul.top {
    margin: 5px 0 10px;
}




ul.dots, #rightCol ul {
    margin-top: 7px; }

ul.dots li, #rightCol ul li {
    background: url(/static/img/bullet.gif) 0 13px no-repeat;
    padding: 10px 0 12px 21px; }

ul.dots li + li, #rightCol ul li + li {
    border-top: 1px dotted #4197CA;
}

/*  ----------------

    Right column header images

    ----------------    */ 

#rightCol h2 {
       /*Size of the image*/
       padding-top: 17px;
       overflow: hidden;
       height: 0; }

h2#h_needMoreInfo {
       width: 125px;
       background: url(/static/img/h2_needMoreInfo.gif) 0 0 no-repeat; }

h2#h_latestNews {
       width: 92px;
       background: url(/static/img/h2_latestNews.gif) 0 0 no-repeat; }

h2#h_caseStudies {
       width: 96px;
       background: url(/static/img/h2_caseStudies.gif) 0 0 no-repeat; }

h2#h_upcomingEvents {
       margin-top: 20px;
       width: 132px;
       padding-top: 21px;
       background: url(/static/img/h2_upcomingEvents.gif) 0 0 no-repeat; }

h2#h_relatedDocuments {
    width: 161px;
    padding-top: 18px;
    background: url(/static/img/h2_relatedDocuments.gif) 0 0 no-repeat; }

h2#h_municipal {
    background: url(/static/img/h2_municipal.gif) 0 0 no-repeat; 
    width: 81px;
    padding-top: 22px;
}

h2#h_industrial {
    background: url(/static/img/h2_industrial.gif) 0 0 no-repeat; 
    width: 76px;
    padding-top: 17px;
    margin-top: 20px;
}


#rightCol {
    float: right; width: 249px; }

#rightColZ {
    padding: 72px 43px 0 19px; }

#leftCol {
    float: left; width: 485px; }

#leftColZ {
    padding: 90px 30px 0 27px; }

.pad h1, h1.pad, 
.pad p, p.pad, 
.pad ul, ul.pad, 
.pad table,
.pad h2, h2.pad, .subServicesP ul.raquo {
    margin-left: 20px; margin-right: 30px; }

table.elements {
  margin: 7px 0 19px;
  width: 420px;
}

table.elements td {
  line-height: 19px;
  width: 50%;
}


.pad h2, h2.pad {
  margin-top: 19px;
  line-height: 19px;
  font-size: 13px;
  margin-bottom:0;
  padding-bottom:0;
}

.pad ul, ul.pad {
  margin-top: 10px;
}

.subServicesP ul.raquo {
    margin-top: 15px;
}

.pad p, p.pad {
  margin-top:0;
  line-height: 19px;
  margin-bottom: 19px;
}

.pad p strong, p.pad strong {
    color: #000; }

#newsP #leftCol {
    background: url(/static/img/newsLeft.jpg) 0 0 no-repeat; }
#newsP #rightCol {
    background: url(/static/img/newsRight.jpg) 0 0 no-repeat; }
#aboutP #leftCol {
    background: url(/static/img/aboutLeft.jpg) 0 0 no-repeat; }
#aboutP #rightCol {
    background: url(/static/img/aboutRight.jpg) 0 0 no-repeat; }
#caseStudiesP #leftCol {
    background: url(/static/img/caseStudiesLeft.jpg) 0 0 no-repeat; }
#caseStudiesP #rightCol {
    background: url(/static/img/caseStudiesRight.jpg) 0 0 no-repeat; }


#contactP #leftCol {
    background: url(/static/img/contactLeft.jpg) 0 0 no-repeat; }
#contactP #rightCol {
    background: url(/static/img/contactRight.jpg) 0 0 no-repeat; }
#servicesP #leftCol {
    background: url(/static/img/servicesLeft.jpg) 0 0 no-repeat; }
#servicesP #leftColZ {
    padding-left: 7px; padding-right: 0; }
#servicesP #rightCol {
    background: url(/static/img/servicesRight.jpg) 0 0 no-repeat; }


#homeP #leftCol {
    background: url(/static/img/splashMain.jpg) 0 0 no-repeat; }
#homeP #leftColZ {
    padding: 103px 0 0 7px; }    
#homeP #rightCol {
    background: url(/static/img/splashRight.jpg) 0 0 no-repeat; }
#homeP #rightColZ {
    padding-top: 112px; }

#contactT {
    background: #E3F2F9;
    width: 380px;
    margin: 25px 0 25px 30px; }

ul.errorlist {
    font-weight: bold;
    color: #A62930; 
}

#contactT th, #contactT td {
    font-weight: normal;
    font-size: 11px;
    vertical-align: top;
    text-align: left;
    padding: 8px 15px; }

#contactT tr.submit td {
    padding-bottom: 12px; }
    
input.text, textarea.text {
    width: 225px; }    

textarea.text {
    height: 100px; }



.preview {
    clear: both;
    border-top: 1px dotted #4496C8;
    padding-top: 15px; margin-top: 15px;  }

.preview h2 {
    font-size: 13px; }    
.preview h3 {
    color: #000; font-size: 14px; }

.preview img {
    float: right; width: 75px; height: 75px; 
    margin: 0 0 5px 5px; border: 3px solid #ddd; }

.date {
    font-size: 11px; }    
    
#previewTop {
    border: none; 
    margin-top: 35px; padding: 0; }    

#imageLibrary {
    text-align: center;
    margin: 25px 0; padding: 10px 0; 
    border: 1px solid #ddd; border-width: 1px 0; }

.imageNav {
 
    font-size: 11px; color: #444; }

.imageNav span.lite {
    color: #999; }

.image {
    padding-top: 10px; }

.imgWrap {
    background: #dcdcdc;
    padding: 5px; margin-bottom: 10px; }

.caption {
    padding-top: 10px; color: #000; 
}


/*  News articles */

h1 {
    color: #000;
    font-size: 35px;
    font-weight: normal;
    font-family: helvetica, sans-serif;
}
.articleBody {
    margin-top: 20px; }
.articleBody h2 {
    font-size: 15px; 
    color: #000; }
.articleBody ul, .articleBody h2, p {
    margin-top: 7px; 
}
.articleBody ul li {
    list-style-type: disc;
    padding-left: 1.2em;
    margin-left: 1.1em;
    margin-bottom: .8em;
}

/* Services page */

.servicePreview {
    width: 478px; margin: 0 20px 0;
    font-size: 11px; }

.servicePreview h2 {
    margin-top: 20px;
    color: #000;
    font-size: 14px; margin-bottom: 3px; }

.servicePreview h3 {
    font-size: 12px; padding-top: 3px; }

.servicePreview table {
    width: 452px; }    

.servicePreview table td {
    width: 186px; vertical-align: top; 
    padding-right: 40px; }

ul.raquo, .pad ul {
    margin-bottom: 10px; }

ul.raquoBig {
    margin: 7px 10px; }

ul.raquo li, ul.raquoBig li, .pad ul li {
    background: url(/static/img/raquo.gif) 0 7px no-repeat;
    padding: 3px 0 3px 11px; }

ul.raquoBig li {
    padding-top: 2px; padding-bottom: 7px; }

#s_wastewater {
    background: url(/static/img/s_wastewater.gif) 0 0 no-repeat; }
#s_water {
    background: url(/static/img/s_water.gif) 0 0 no-repeat; }


/*  ----------------

    Footer    

    ----------------    */ 

#footer {
    margin: 45px 0 0;
    float: left;
    clear: left; width: 460px; height: 53px; padding-top: 12px; padding-left: 15px;
    background: #dcdcdc url(/static/img/footer.gif) 0 0 no-repeat; 
    font-size: 10px; color: #444; 
    font-family: verdana, sans-serif;
}    

#homeP #footer {
    margin-top: 18px; }
#footer div {
    margin-bottom: 2px;    
}

#mail_setup {
    margin-top: 50px;
    color: #000;
}

#mail_setup ol li {
    list-style-type: decimal;
    margin-left: 0;
    padding-left: 0;
    margin-top: 2em;
}

#mail_setup ol {
    margin-left: 0;
    padding-left: 1.55em;
}

.mail_info {
    margin-top: 10px;
}

a.active {
    text-decoration: none;
    color: #444;
}