body {
	margin:0px;
	padding-top:0px;
	text-align:center;
	background:#5D5F65 url(../GUI/body_bkgd.gif) repeat-y 50% 0%;

}

#container {
	width:751px;
	margin:0px auto;
	text-align:left;
	background-color:white;;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	line-height:20px;
  border:1px solid #717278;
 
}

#banner{
	background:#080C25;
  color: white;
  height: 30px;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
}

#logo {
	float:right;
	margin-top:62px;
	margin-right:20px;
}
.nav {
	clear:both;
	height:30px;
	text-align:center;
  background:#5D5F65 url(../GUI/nav_bg.gif) repeat-x;  
}

.nav ul {
	margin-top:10px;
  padding-left:150px;
  margin-bottom:0px;

	list-style-type:none;
	float:left;
  border:0px;
}

html>body .nav ul {
padding-left:225;
}

.nav ul li {
	float:left;
  margin:0px;
	padding-left:10px;
  padding-right:10px;
  border-right:1px solid #FFFFFF;
}

.nav ul a {
	border-top:0px solid #F6F6F6;
	padding:0px 0px;
	display:block;
	background:#F6F6F6;
}

.nav ul a img { 
  margin-left:0px;
  border:0px; 
}

.nav a:hover { 
 
 }


#header {
	background:black url(../GUI/banner.jpg) no-repeat bottom left;
	height:447px;
	overflow:hidden;
}

#header_bottom {
	background:black url(../GUI/banner_bottom_bg.gif) repeat-x;
	height:16px;
  overflow:hidden;
}


#main {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:15px;
	margin-top:10px;
	padding-bottom:0px;
	letter-spacing:1px;
	z-index:-1;  
}


html>body #container #left {
	height:auto;
  min-height:500px;
}

#left {
	float:left;
	width:188px;
  background:#FFFFFF;
	text-align:center;
  margin:0px;
  padding:0px;
}

#left ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
  border:0px;

}

#left ul li {
  margin:0px;
	padding:0px;

}


html>body #left ul a {
	display:block;
}

#left ul a img { 
  margin:0px;
  padding:0px;
	border:0px;
}
 
 
#content {
	padding:0px;
  padding-left:5px;
	margin-left:190px;
	margin-right:0px;
  height:auto;
  background:#FFFFFF;
  border-left:1px dashed #CCD7CF;
  height:500px;  
}
html>body #content {
	height:auto;
	min-height:500px;
}


#content h1 {
	color:#14302C;
	font-size:16px;
	padding-top:3px;
	font-family:Arial,Helvetica,sans-serif;
	border-left:18px solid #FF5B14;
	padding-left:10px;
  margin-top:15px;
	font-style: italic;
	font-weight: bold;   
 	margin-right:10px;
}

#content h2 {
	font-size:12px;
	margin-right:10px;
	padding-left:28px;
	font-family:Arial,Helvetica,sans-serif;
	color:#14302C;
	font-style:none;
	font-weight:bold;   
}

 #content p {
	color:#000000;
	font-size:11px;
  padding-left:28px; 	
	font-family:Arial,Helvetica,sans-serif;
	margin-right:15px;   
 }
 
 
 #content ul{
	list-style-image:url(../GUI/bullet.gif);
}

#content ul li{
	color:#D58741;
	font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
}


.bottom_nav {
	clear:both;
	height:30px;
	text-align:center;
  background:#white;  
	border-top:1px dashed #CCD7CF; 
 	border-bottom:1px dashed #CCD7CF;  
}

.bottom_nav ul {
	margin-top:10px;
  padding-left:150px;
  margin-bottom:0px;
	list-style-type:none;
	float:left;
  border:0px;
}

html>body .bottom_nav ul {
	padding-left:225;
}

.bottom_nav ul li {
	float:left;
  margin:0px;
	padding-left:5px;
  padding-right:5px;
  border-right:1px solid #000000;
}

.bottom_nav ul a {
	border-top:0px solid #F6F6F6;
	padding:0px 0px;
	display:block;
  color:#000000;
}

.bottom_nav ul a img { 
  margin-left:0px;
  border:0px; 
}

.bottom_nav a:hover {
	color:#CCD7CF; 

 }
 
#footer {
	clear:both;
	background:#000000;
	text-align:right;
	color:#CCD7CF;
	font-size:10px;
	padding:2px 5px;
	letter-spacing:1px;

}

#footer a {   margin-right:15px; color:#CCD7CF; font-weight:bold; font-size:1.1em; letter-spacing:2px; text-decoration:none; }
#footer a:hover { text-decoration:underline; }


table.contact_form { 
font-family:Arial,Helvetica,sans-serif;
color:#000000;
	font-size:10px; 
}

html>body table.contact_form th,table.contact_form td{
padding-left:26px;
}
table.contact_form th { text-align:left; vertical-align:top; }

table.products {
  margin-left:26px; 
  font-size:12px; 
  color:#000000;
  font-family:Arial,Helvetica,sans-serif;
	vertical-align:top; 
	text-align:center;
 	margin-right:10px;  
  margin-bottom:10px;
  margin-top:5px;

}
table.products p {
  text-align:left;
	font-size:11px;
	color:#000000;
  padding-left:28px; 	
	font-family:Arial,Helvetica,sans-serif;
	margin-right:15px;   
  
 }
 
 table.products th {
   font-size:10px;
 }
 
table.products td {

	text-align:center;
	vertical-align:top;
  padding-top:10px;
  padding-bottom:0px;
  text-align:center;
}

table.hydrol_products {
  font-size:10px; 
  color:#000000;
  font-family:Arial,Helvetica,sans-serif;
	vertical-align:top; 
	text-align:left;
  margin-bottom:10px;
  margin-top:5px;
	width:500px;
}
 
 table.hydrol_products th {
   font-size:11px;
   background:gray;
	text-align:center;
 }
 
table.hydrol_products td {
	width:40%;
	background:#EBEBEB;
	vertical-align:top;
  padding:5px;
  text-align:left;
}


