body {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
background-color:#666666;
} 
#header
{
	float: left;
	width: 100%;
	height: 136px;
	background: #FFFFFF url(home_images/sanitary_sewer_and_tagline.gif) no-repeat bottom right;
}

#header-logo
{
	float: left;
	margin: 15px 0px 0px 10px;
}

#footer
{
	background-color: #39BDE1;
	clear: both;
	
	padding: 5px 0px;
	width:100%;
	--background: url(home_images/water_mark_footer_blue_bg.jpg) no-repeat top left;
}

#footer span {
	background: #39BDE1;
	color: #FFF;
	float: right;
	font-size: .8em;
	margin-right: 5px;
}

#left-top-img{
	float:left;
}
#right-bottom-img{
	float:bottom right;
}
#navigation-top
{
	float: right top;
	font-size:10px;
	font-weight:bold;
	margin-top: 15px;
	white-space:nowrap;
	
}

#navigation-top ul
{
	margin: 0;
	padding: 0;
}

#navigation-top ul li
{
	list-style-type: none;
	display: inline;
}

#navigation-top li a
{
	display: block;
	float: right;
	padding: 5px 10px;
	color: #003366;
	text-decoration: none;
	text-transform:uppercase;
}

#navigation-top li a:hover { 
/*background: #383;*/
color: #39BDE1;
}

#main-image
{
	background: url(home_images/water_main_background2.gif) no-repeat bottom left;
	display: none;
	float: left;
	height: 300px;
	position: absolute;
	width: 334px;
	
	  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

#main-container
{
	float: left;
	width: 100%;
	-background: #003366 url(home_images/water_main_background_blue.gif) no-repeat bottom left;
	background: #003366;
	
	--background: url("home_images/water_main_background2.gif") no-repeat bottom left;
	--background: url(home_images/water_mark_whole_blue_bg.jpg) no-repeat bottom left;
}

#main-text-container
{
	float: left;
	width: 370px;
	height: 336px;
	--padding: 20px 10px 10px 10px;
	background-color:#FFFFFF;
	background: #FFFFFF url("home_images/water_mark_main_white_bg.jpg") no-repeat bottom left;
}

#main-text-container div
{

	padding: 20px 10px 10px 10px;
	
}
#main-text-container p{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
line-height:20px;

}

 
/*inside pages main text area, this takes up the left side area too */
#inside-main-container
{
	float: left;
	width: 100%;
	-background: #003366 url(home_images/water_main_background_blue.gif) no-repeat bottom left;
	--background: #003366;
	background:#CCCCCC;
	--background: url("home_images/water_main_background2.gif") no-repeat bottom left;
	--background: url(home_images/water_mark_whole_blue_bg.jpg) no-repeat bottom left;
}

#inside-main-text-container
{
	float: left;
	--width: 590px;
	width: 550px;
	--padding: 20px 10px 10px 10px;
	background-color:#FFFFFF;
	
}

#inside-main-text-container div
{

	padding: 20px 20px 10px 30px;
	
}

#inside-main-text-container p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
} 
#inside-main-text-container td, li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
} 

#inside-main-text-container a{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003366;
font-size:12px;
text-decoration:underline;
}
#inside-main-text-container a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#39BDE1;
font-size:12px;
text-decoration:underline;
}
#inside-left-side
{
	float: left;
	width: 40px;
	background-color:#CCCCCC;
	height: 100%;
	--height: 336px;
	
	--background: url(home_images/water_mark_left_blue_bg.jpg) no-repeat bottom right;
	--background: #003366 url("home_images/water_mark_whole_blue_bg.jpg") no-repeat bottom right;
}
#left-side
{
	float: left;
	width: 220px;
	height: 336px;
	--height: 300px;
	background: url(home_images/water_mark_left_blue_bg.jpg) no-repeat bottom right;
	--background: #003366 url("home_images/water_mark_whole_blue_bg.jpg") no-repeat bottom right;
}

#right-side
{
	float: right;
	width: 210px;
	--padding: 20px 0px 10px 10px;
	background-color:#003366;
}

#right-side-home-image
{
	vertical-align:bottom;
	
}


#news
{

	padding: 20px 0px 10px 10px;
	background-color:#CCCCCC;
}

#news .header
{
color:#003366;
display: block;
font-size: 12px;
font-weight:bold;
margin: 5px 0px 5px -18px;
}

#news ul {
margin: -10px 0px 0px 10px;
padding: 10px;
}

#news ul li {
color:#000000;
font-size: 10px;
font-weight:normal;
list-style:square;
}



.investor-info {
background:#003366;
color:#FFF;
font-size: 14px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;

}

.investor-info:hover {
background:#003366;
color:#009933;
font-size: 14px;
font-weight:bold;

text-transform:uppercase;
text-decoration:none;
}
.bold_heading {
font-size: 12px;
font-weight:bold;
}
.supersmtext {
font-size: 4px;
}
.image-border{
border:#003366 2px solid;

}


/* jQuery Navigation */
#jsddm
{	
-font-family: 'Arial Narrow';
font-size: 11px;
-font-weight: bold;
margin: 0;
padding: 0;
text-transform:uppercase;
}

#jsddm li
{	
background: #39BDE1;
/* border-right: 1px solid white; */
float: left;
list-style: none;
width: 20%;
}

#jsddm li a
{	
color: #EAFFED;
display: block;
background: #39BDE1; /*#20548E;*/
padding: 5px 5px;
text-decoration: none;
text-align:center;
white-space: nowrap;
}

#jsddm li a:hover
{	
background: #20548E; /*#1A4473;*/
}

#jsddm li ul
{	
border-top: 1px solid white;
margin: 0;
padding: 0;
position: absolute;
text-transform: none;
visibility: hidden;
}

#jsddm li ul li
{	
float: none;
display: inline;
}

#jsddm li ul li a
{	
 /*width: auto;*/
background: #39BDE1;#9F1B1B;
text-align:left;
width: 200px;
}

#jsddm li ul li a:hover
{	
background: #20548E; /*#7F1616;*/
}
.page_header {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#39BDE1;
}
.sm_links {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#003366;
text-decoration:none;
}
.sm_links:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#003366;
text-decoration:underline;
}
.med_header {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#003366;
}