body {background-color: #000003;
}


#page {
width: 850px;
position: relative;
}

#header { 
position: relative; 
margin: 0; 
background-color: #000000; 
height: 283px; 
width: 850px; 
padding-top: 0px; 
padding-right: 0; 
padding-bottom: 0; 
padding-left: 0; 
background-image: url(images/logo.png); 
background-repeat: no-repeat; 
background-position: center;
 }
 
 
/*Begin Menu */ 
 
 #menu{						  
position: relative;
font: bold 15pt Arial;
width: 850px; /*leave this value as is in most cases*/	
height: 35px;
float: none;
overflow: hidden;	
border-left: 0;
border-right: 0;
border-top: 0;
border-bottom: 0;
background-color: #efbc3c;
text-align: center;
}
		
.home {	   
position: absolute;
left: 0px;
width: 90px;
height: 25px;
padding: 5px 0px 0px 0px;
border-right: none; /*1px solid #800000;*/
background: #efbc3c;
text-transform: uppercase; 
text-align: center;
float: left;

}

.home a{   
width: 90px;
height: 35px;
float: none;
color: #000cb2; /*text color*/
padding: 5px 0px 0px 0px;
text-decoration: none;
/*border-right: 1px solid #f4cb0a;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.home a:visited{
color: #000cb2;
}

.home a:hover {
display: block;
background-color: #000cb2; 
width: 100%;
height: 35px;
color: #ffffff !important; /*text color of selected and active item*/
/*padding-top: 6px; /*shift text down 1px for selected and active item*/
/*padding-bottom: 5px; /*shift text down 1px for selected and active item*/

} 

.about {	   
position: absolute;
left: 160px;
width: 125px;
height: 25px;
padding: 5px 0px 0px 0px;
border-right: none; /*1px solid #800000;*/
background: #efbc3c;
text-transform: uppercase; 
text-align: center;
float: left;

}

.about a{   
width: 125px;
height: 35px;
float: none;
color: #000cb2; /*text color*/
padding: 5px 0px 0px 0px;
text-decoration: none;
/*border-right: 1px solid #f4cb0a;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.about a:visited{
color: #000cb2;
}

.about a:hover {
display: block;
background-color: #000cb2; 
width: 100%;
height: 35px;
color: #ffffff !important; /*text color of selected and active item*/
/*padding-top: 6px; /*shift text down 1px for selected and active item*/
/*padding-bottom: 5px; /*shift text down 1px for selected and active item*/

} 


.services {	   
position: absolute;
left: 360px;
width: 100px;
height: 25px;
padding: 5px 0px 0px 0px;
border-right: none; /*1px solid #800000;*/
background: #efbc3c;
text-transform: uppercase; 
text-align: center;
float: left;

}

.services a{   
width: 110px;
height: 35px;
float: none;
color: #000cb2; /*text color*/
padding: 5px 0px 0px 0px;
text-decoration: none;
/*border-right: 1px solid #f4cb0a;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.services a:visited{
color: #000cb2;
}

.services a:hover {
display: block;
background-color: #000cb2; 
width: 100%;
height: 35px;
color: #ffffff !important; /*text color of selected and active item*/
/*padding-top: 6px; /*shift text down 1px for selected and active item*/
/*padding-bottom: 5px; /*shift text down 1px for selected and active item*/

} 


.contact {	   
position: absolute;
left: 540px;
width: 140px;
height: 25px;
padding: 5px 0px 0px 0px;
border-right: none; /*1px solid #800000;*/
background: #efbc3c;
text-transform: uppercase; 
text-align: center;
float: left;

}

.contact a{   
width: 140px;
height: 35px;
float: none;
color: #000cb2; /*text color*/
padding: 5px 0px 0px 0px;
text-decoration: none;
/*border-right: 1px solid #f4cb0a;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.contact a:visited{
color: #000cb2;
}

.contact a:hover {
display: block;
background-color: #000cb2; 
width: 100%;
height: 35px;
color: #ffffff !important; /*text color of selected and active item*/
/*padding-top: 6px; /*shift text down 1px for selected and active item*/
/*padding-bottom: 5px; /*shift text down 1px for selected and active item*/

} 


.email {	   
position: absolute;
left: 730px;
width: 80px;
height: 25px;
padding: 5px 0px 0px 0px;
border-right: none; /*1px solid #800000;*/
background: #efbc3c;
text-transform: uppercase; 
text-align: center;
float: left;

}

.email a{   
width: 90px;
height: 35px;
float: none;
color: #000cb2; /*text color*/
padding: 5px 0px 0px 0px;
text-decoration: none;
/*border-right: 1px solid #f4cb0a;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.email a:visited{
color: #000cb2;
}

.email a:hover {
display: block;
background-color: #000cb2; 
width: 100%;
height: 35px;
color: #ffffff !important; /*text color of selected and active item*/
/*padding-top: 6px; /*shift text down 1px for selected and active item*/
/*padding-bottom: 5px; /*shift text down 1px for selected and active item*/

} 


a{   
color: #000cb2;
}

a:hover {
background-color: #ffffff; 
}

a:visited{
color: #000cb2;
}

#leftcol {
  background: #000cb2;
  position: relative;
  width: 265px;
  height: 750px;
  float: left;
   padding-top: 10px; 
 padding-right: 5px; 
 padding-bottom: 10px; 
 padding-left: 10px;
 font-size: 14pt;
 color: #efbc3c;
 font-family: arial;

}



#content {
  background: #ffffff;
  position: relative;
  width: 530px;
  height: 750px;
  font-size: 14pt;
  color: #0033CC;
  text-align: left;
 float: right;
   padding-top: 10px; 
 padding-right: 15px; 
 padding-bottom: 10px; 
 padding-left: 25px;
 background-image: url(images/waterservices.png);
background-repeat: no-repeat;
background-attachment: absolute;
background-position: center;
}




#footer {
    position: absolute;
	left: 0px;
	top: 1085px;
  width: 850px;
  clear: both;
  height: 45px;
  background-color: #efbc3c;
  text-align: center;
  font-size : 10pt;
  padding-top: 0px; 
  padding-left: 0px;
  padding-right: 0px;
  color: #ffffff;

  }

p.classhead {
font-size: 20pt;
font-color: #000cb2;
font-family: Comic Sans Ms;
text-decoration: underline;


}


p.class {
font-size: 16pt;
font-color: #000cb2;

}


p.peace {
font-size: 16pt;
font-color: #efbc3c;
)

p.phone {
font-size: 14pt;
font-color: #efbc3c;
font-family: Arial;

}

ul.class {
font-size: 16pt;
font-color: #000cb2;

}




#leftcolservices {
  background: #000cb2;
  position: relative;
  width: 265px;
  height: 750px;
  float: left;
   padding-top: 10px; 
 padding-right: 5px; 
 padding-bottom: 10px; 
 padding-left: 10px;
 font-size: 14pt;
 color: #efbc3c;
 font-family: arial;

}


#contentservices {
  background: #ffffff;
  position: relative;
  width: 530px;
  height: 750px;
  font-size: 14pt;
  color: #0033CC;
  text-align: left;
 float: right;
   padding-top: 10px; 
 padding-right: 15px; 
 padding-bottom: 10px; 
 padding-left: 25px;
 background-image: url(images/waterservices.png);
background-repeat: no-repeat;
background-attachment: absolute;
background-position: center;
}


#footerservices {
    position: absolute;
	left: 0px;
	top: 1085px;
  width: 850px;
  clear: both;
  height: 45px;
  background-color: #efbc3c;
  text-align: center;
  font-size : 10pt;
  padding-top: 0px; 
  padding-left: 0px;
  padding-right: 0px;
  color: #ffffff;

  }
  
  
  
  
  #leftcolcontact {
  background: #000cb2;
  position: relative;
  width: 265px;
  height: 750px;
  float: left;
   padding-top: 10px; 
 padding-right: 5px; 
 padding-bottom: 10px; 
 padding-left: 10px;
 font-size: 14pt;
 color: #efbc3c;
 font-family: arial;

}


#contentcontact {
  background: #ffffff;
  position: relative;
  width: 530px;
  height: 750px;
  font-size: 14pt;
  color: #0033CC;
  text-align: left;
 float: right;
   padding-top: 10px; 
 padding-right: 15px; 
 padding-bottom: 10px; 
 padding-left: 25px;
 background-image: url(images/waterservices.png);
background-repeat: no-repeat;
background-attachment: absolute;
background-position: center;
}


#footercontact {
    position: absolute;
	left: 0px;
	top: 1085px;
  width: 850px;
  clear: both;
  height: 45px;
  background-color: #efbc3c;
  text-align: center;
  font-size : 10pt;
  padding-top: 0px; 
  padding-left: 0px;
  padding-right: 0px;
  color: #ffffff;

  }