body {
  background-image: url(../images/bgn_body.jpg); background-repeat:repeat-x ; 
/*background-color: #E0E5EA;*/
background-color: #ECEBF1;
margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0;
text-align:left; 
font-size: 0.85em; 
line-height: 150%; 
}

/*  links */
a:link {	color: #003399; }
a:visited {	color: #003399; }
a:hover {	color: #ff8601; text-decoration: none}
a:active {	color: #ff8601; text-decoration: none; background-color: #8CCEE8;}

/*  boxes */

p ,ul,ol{
	font-family:  geneva, arial, helvetica, san-serif;
	text-decoration: none;
	/*text-align: left;*/
	TEXT-ALIGN: justify; color:#545454

}

h1 {
	margin-top: 4px; margin-bottom: 1px;  font-size: 24px;  line-height: 28px; font-family: geneva, arial, georgia, times, times new roman, serif; text-decoration: none; color: #2C74B6 ; 
}

h2{
	margin-top: 4px; margin-bottom: 1px;  font-size: 17px;  line-height: 22px; font-family: geneva, arial,georgia, times, times new roman, serif; text-decoration: none; color: #215687 ; 
}

h3 {
	margin-top: 3px; font-size: 14px; margin-bottom: 1px; line-height: 16px; font-family: geneva, arial,georgia, times, times new roman,  serif; text-decoration: none; color: #215687 ; 
}


h4 {
	margin-top: 1px;font-size: 12px; margin-bottom: 1px; line-height: 14px; font-family: geneva, arial, georgia, times, times new roman,  serif; text-decoration: none; color: #2C74B6 ; 
}
h5{
 font-size: 10px;   font-family: geneva, arial, georgia, times, times new roman,  serif; text-decoration: none; color: #2C74B6  ;  }

h6 { line-height: 10px; }

.small {
font-size: 80%; color: #554455; font-family: arial, helvetica, sans-serif; 
}
.medium {
font-size: 90%; color: #554455; font-family: arial, helvetica, sans-serif;
}
	/*     ////////////////////////     HEADER           //////////////////////////////////      /      */

#outerwrapper {margin:0 auto;width:100% ; background-image: url(../images/water08.jpg); background-repeat:repeat-x 
}
#wrapper {
	width:880px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header {
	margin:0 auto;
	width:880px;
	height:115px;
	background-image:url(../images/bgn_top.jpg);
	background-repeat:repeat-x;
 
}
#topboxleft{
	width: 320px;
	float: left;
		background-image:url(../images/maintek_FreshWater_logo.jpg);

	background-repeat:no-repeat;
	background-position:center top;
	height: 115px;
	text-align:left;
}
#topboxcenter{
	width: 250px;
	float: left;
	background-image: url(../images/top_logo.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height: 115px;
	text-align: center;
}

 
#topboxright{
	width: 200px;
	float: right;
	height: 115px;
	background-image: url(../images/phone.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	  }
	
#top03 {
	width:99%;
	height:2px;
	margin:0 auto;
	background-image:url(../images/TopSideGrad-Dark.jpg);
		background-color:#009933;
		background-repeat: repeat-y;
		display: block;
}		

#top04 {
	width:780px;
	height:15px;
	margin:0 auto;
	background-image: url(../images/dropshadow.gif);
	background-repeat: repeat-x;
	text-align:center ;
		display: block;
}

.clear {clear:both; line-height:0;}
.hide { display:none;}
.space { width:100px; ; height:10px; clear:both; line-height:0;}
.spaceright {width:100px;  height:10px; float:right; clear:both; line-height:0;}
.white {color:#FFFFFF; }
.white a:link,.white a:visited {color:#FFFFFF; }
hr { color: #0099CC; height:1px; }


#container {margin:0 auto;width:780px; background:#FFFFFF; background-image: url(../images/page.jpg); background-repeat: repeat-x; clear:both }
.container {
	margin:0 auto;
	width:880px;
	background:#FFFFFF;
	background-image:url(../images/pagerightshad.jpg);
	background-repeat:repeat-y;
	background-position:right;
	clear:both
}

#leftcol {width:150px;float:left;padding:0px;}
	* html #leftcol {width:150px;wid\th:150px;}
#centercol {
	width:560px;
	float:left;
	padding:10px;
}
	* html #centercol {width:510px;wid\th:510px;}
	
#rightcol {
	width:260px;
	float:right;
	padding:0 5px  0 0;
	background-image:url(../images/pageTopLeft.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	}
	* html #rightcol {width:250px; wid\th:250px;}
	

.content{	width: 450px; padding:10px ;  margin:0; margin-left:auto ; margin-right:auto;
	font-family:  geneva, arial, helvetica, san-serif;
	text-decoration: none;
	text-align: justify; color:#545454}
	
.content img{float:right; margin:15px 0 5px 10px ; }
.content h1,.content h2,.content h3 { text-align:left; }

.photobox {	float:left; margin:15px 10px 1px 0 ; width:185px; 	font-size: 12px;
	font-family:  geneva, arial, helvetica, san-serif; text-align:center;}

.leftbox{
	width: 140px;
	padding:5px;
	float:left;
	margin: 0 5px 5px 0;
}

.rightbox{
	width: 85%;
	padding:0 10px 10px 10px;
}

.leftboxcontainer{
	width: 120px;
	padding:0;
	float:left;
	margin: 0 15px 5px 0;
}
.middlebox{	width: 400px; padding:20px ;  margin:0; margin-left:auto ; margin-right:auto;
display: block;}	
.mainbox{	width: 450px; padding:10px ;  margin:0; margin-left:auto ; margin-right:auto;
clear:both;}


.rightTop{
	width: 250px;
	height:25px;
	padding:0;
	margin:0 5px 0 0;
	float:right;
	display: block;
	background-image:url(../images/sideboxtop08.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.rightMid{
	width: 250px;
	padding:5px 0;
	margin:0 5px 0 0;
	float:right;
	display: block;
	background-image:url(../images/sideboxmiddle08.gif);
	background-repeat:repeat-y; font-size:85%; 
	 
}

.rightMid h3 {font-size:95%;}
.rightMid-Example { padding:0 8px 0 12px; text-align:justify; }
.rightMid-Example img { float:right; padding:5px 0 5px 7px;}
.rightMid-Example a:link ,.rightMid-Example a:visited { text-decoration:none; color: #2C74B6 ;}
.rightBot{
	width: 250px;
	height:25px;
	padding:0;
	margin:0 5px 0 0;
	float:right;
	display: block;
	background-image: url(../images/sideboxbottom08.gif);
	background-repeat:no-repeat;
	background-position:left  top;
}


.rightMid h2   {	margin-top: 2px; line-height: 20px; 
}

.rightlogoTop{
	width: 250px;
	height:25px;
	padding:0;
	margin:0 5px 0 0;
	float:right;
	display: block;
	background-image: url(../images/sideboxtoplogo.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.rightlogoMid{
	width: 250px;
	padding:5px 0;
	margin:0 5px 0 0;
	float:right;
	display: block;
	background-image: url(../images/sideboxmiddle-logo.gif);
	background-repeat:repeat-y;
	font-size:85%;
	 
}

.rightlogoBot{
	width: 250px;
	height:25px;
	padding:0;
	margin:0 5px 0 0;
	float:right;
	display: block;
	background-image: url(../images/sideboxbotlogo.gif);
	background-repeat:no-repeat;
	background-position:left  top;
}


.rightlogoMid h2   {	margin-top: 2px; line-height: 20px; color:#FFFFFF 
}


#foot {
	margin:0 auto;
	width:880px;
	height:60px;
	background-color:#FFFFFF;
	background-image:url(../images/page_bottom_bgnd.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
#footleft {
	width: 80px;
	height:60px;
	padding:0;
	float:left;
	background-image:url(../images/page_bottom_left.jpg) ;
	background-repeat:no-repeat;
	background-position:bottom left;
}
#footcenter {
	width: 600px;
	height:60px;
	float:left;
	background-image:url(../images/logosmall08.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-align: right;
	padding:0;
}

#footright {
	width: 200px;
	height:60px;
	padding:0;
	float:right;
	background-image:url(../images/page_bottom_right.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#nav{width: 100%; height:65px; padding:0 ; background-color:#FFFFFF  ;  background-image: url(../images/pageTopRight.jpg); background-repeat:no-repeat; background-position:right top;  display:block; margin-bottom:10px;  }

#navbox1{width: 800px; height:28px;   padding:3px 0  0 10px; float:left; display:block;}
#navbox2{
	width: 800px;
	height:25px;
	padding:15px 0 15px 25px;
	float:left; 	

}
#navbox2 h1{ font-family: "Times New Roman", Times, serif ; font-size:26px;
}
#navlist{
padding: 5px 3px;
margin: 0;
border-bottom: 1px solid #778;
font: bold 10px Verdana, sans-serif;
text-decoration: none; 
 
}
* html body #navlist { 
	line-height:13px;
}
#navlist li{
list-style: none;
margin: 0;
display: inline; 
  
}

#navlist li a{
	padding: 5px 0.5em;
	margin-left: 1px;
	border: 1px solid #778;
	border-bottom: none;
	background: #274A6E;
	text-decoration: none;
	background-image:url(../images/menu.gif);	background-repeat: repeat-x;	
}
* html body #navlist li a{ 
	padding: 10px 0.5em;
}

#navlist li a:link { color: #fff; }
#navlist li a:visited { color: #F2F2F2; }

#navlist li a:hover{color: #000;
background-color: #8CCEE8;
	background-image: url(../images/menuBgnd.gif);
	background-repeat: repeat-x;	
}

#navlist li a:active{color: #000;
background-color: #8CCEE8;
	background-image: url(../images/menuBgnd.gif);
	background-repeat: repeat-x;	
}

#navlist li a#current{
	background: white;
	border-bottom: 1px solid white;
	color: #3366CC;
}
.padleftright { padding:0 15px 0 10px}

.highlight {background-color: pink; }
.txtgrey { color:#545454}

.border {border-width:1px;border-style:solid;border-color:#02467d;}
.table1 {border-width:1px;border-style:solid;border-color:#ccc;}
ul.list1  { list-style:none}
.rightbox li  { 	margin-top: 6px; font-weight: normal; font-size: 17px; margin-bottom: 3px; line-height: 22px; font-family: geneva, arial,georgia, times, times new roman, serif; text-decoration: none; color: #02467d ; }
.yellow {
	color:#FFB50F;
	font-weight: bolder;
	background-color: #103194;
}
#nav{width: 100%; height:65px; padding:0 ; background-color:#FFFFFF  ;  background-image: url(../images/pageTopRight.jpg); background-repeat:no-repeat; background-position:right top;  display:block; margin-bottom:10px;  }