/* Water Systems Optimization Main Styles :::::::::::::::::::::::::::::::::::::::::: */


* {
margin: 0;
padding: 0;
}

body { 
font: normal 0.75em/175% Verdana, Arial, Helvetica, sans-serif;
color: #4b4b4b;
text-align: center;
background: #ffffff url(../elements/full-span_bg.jpg) center 77px repeat-x;
}

#innerPages {
background-color: #ffffff;
background-image: none;
}

#bannerHead {
height: 78px;
width: 896px;
margin: 0 auto;
background-color: #ffffff;
}

#bannerHead #bannerWSOLogo {
float: left;
display: inline;
margin: 14px 0 0 64px;
width: 144px;
height: 54px;
/*background: transparent url(../elements/wso_logo.jpg) 0 -7px no-repeat;*/
overflow: hidden;
}

#bannerHead #bannerLocations {
float: right;
display: inline;
width: 400px;
margin: 20px 164px 5px 0;
color: #008ccc;
font-size: 9px;
text-transform: uppercase;
}

#bannerHead #bannerWSOWords {
float: right;
display: inline;
margin: -8px 160px 0 0;
width: 410px;
height: 28px;
/*background: transparent url(../elements/wso_logo-words.jpg) -8px -10px no-repeat;*/
overflow: hidden;
}

#bannerWrapper {
height: 78px;
text-align: center;
border-bottom: 1px solid #000000;
}


.ClearFloat {
clear: both;
height: 1px;
overflow: hidden;
}

#centerColumn {
float: left;
width: 300px;
margin-top: 28px;
}

#centerColumn p {
margin: 15px 0 15px 30px;
}

#conStrainer {
width: 895px;
margin: 0 auto;
text-align: left;
background: #ffffff url(../elements/gutter_stripe.gif) 216px 0 repeat-y;
padding-bottom: 30px;
}

#conStrainer #colLeft {
float: left;
width: 284px;
}

#conStrainer #colLeft #featureBlock {
width: 220px;
height: 214px;
background-color: #014666;
}

#conStrainer #colLeft #featureBlock img {
display: block;
position: absolute;
margin: 22px 0 0 16px;
}

#conStrainer #colCenter {
float: left;
width: 348px;
padding-top: 40px;
}

#conStrainer #colHighCenter {
float: left;
width: 348px;
}

#conStrainer #colCenter h1,
#conStrainer #colHighCenter h1,{ 
margin-left: 55px;
height: 12px;
font: normal 14px/12px Verdana, Arial, Helvetica, sans-serif;
color: #2d2d2d;
text-transform: uppercase;
letter-spacing: 3px;
}

#conStrainer #colCenter p,
#conStrainer #colHighCenter p {
margin: 10px 28px 20px 55px;
}

#conStrainer #colCenter ul,
#conStrainer #colHighCenter ul {
margin: 5px 30px 0 55px;
}


#conStrainer #colRight {
float: left;
width: 258px;
padding-top: 76px;
}

#conStrainer #colHighRight {
float: left;
width: 258px;
}

#conStrainer #colHighRight ul {
margin-top: 5px;
}


#conStrainer #colRight p,
#conStrainer #colHighRight p {
/*margin: 10px 0 24px 0;*/
margin: 10px 0 0 0;
}


#conStrainer #doubleWide { 
float: left;
width: 556px;
margin: 40px 0 0 52px;
}

#conStrainer #doubleWide .BlueText {
color: #014666;
background-color: #ffffff;
}

#conStrainer #doubleWide h2 {
margin-top: 25px;
height: 14px;
font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
color: #4d4d4d;
}

#conStrainer #doubleWide h1 { 
margin-bottom: 26px;
height: 12px;
font: normal 14px/12px Verdana, Arial, Helvetica, sans-serif;
color: #2d2d2d;
text-transform: uppercase;
letter-spacing: 3px;
}

#conStrainer #doubleWide img.structure {
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	border: 1px solid #014666;
	}
	
#conStrainer #doubleWide p { 	
margin: 10px 0;
}

/*--------------------------------------------
#doubleWideStruc is only for use on the page "wso-structure.php" to accommodate the main image - 6.23.2010*/

#conStrainer #doubleWideStruc { 
float: left;
width: 575px;
margin: 40px 0 0 30px;
}

#conStrainer #doubleWideStruc .BlueText {
color: #014666;
background-color: #ffffff;
}

#conStrainer #doubleWideStruc h2 {
margin-top: 25px;
height: 14px;
font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
color: #4d4d4d;
}

#conStrainer #doubleWideStruc h1 { 
margin-bottom: 26px;
height: 12px;
font: normal 14px/12px Verdana, Arial, Helvetica, sans-serif;
color: #2d2d2d;
text-transform: uppercase;
letter-spacing: 3px;
}

#conStrainer #doubleWideStruc img.structure {
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	/*border: 1px solid #014666;*/
	}
	
#conStrainer #doubleWideStruc p { 	
margin: 10px 0;
}

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

#conTainer {
width: 895px;
margin: 0 auto;
text-align: left;
}

#decoCircle {
position: absolute;
height: 11px;
width: 11px;
margin: 0 0 0 154px;
background: transparent url(../elements/deco_circle.gif) no-repeat;
}

#decoCircle2 {
position: absolute;
height: 11px;
width: 11px;
margin: 20px 0 0 215px;
background: transparent url(../elements/deco_circle.gif) no-repeat;
}

#featureField { 
height: 226px;
width: 893px;
border-top: 1px solid #014666;
}

#footerSection {
margin-top: 20px;
border-top: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
color: #b8b8b8;
font-size: 90%;
text-align: center;
padding: 12px 0;
}

#footerSection a {
color: #b8b8b8;
text-decoration: none;
}

#footerSection a:hover {
text-decoration: underline;
}


#imageSet { 
float: left; 
margin: 9px 12px 0 160px;
height: 169px;
}

#imageSet img {
margin-right: 8px;
}

#innerNavList { 
float: left;
display: inline;
width: 160px;
margin: 42px 0 0 66px;
list-style-type: none;
}

#innerNavList li {
display: inline;
}

#innerNavList a {
display: block;
width: 160px;
height: 22px;
line-height: 22px;
color: #6b6b6b;
text-transform: uppercase;
text-decoration: none;
}

#innerNavList a:hover {
color: #014666;
text-decoration: underline;
}

#locaTions {
margin: 18px 0 7px 271px;
height: 10px;
}

#locaTions #fourLocations {

}

#mastHead {
height: 77px;
width: 895px;
background-color: #ffffff;
}

#midSection {
position: relative;
width: 893px;
margin-top: -12px;
background: transparent url(../elements/gutter_stripe.gif) 155px 0 repeat-y;
}

/* Begin comment out */

#specialMargin {
margin: 0 0 0 28px;
}

#pdfList { 
margin-left: 0;
padding: 20px 0 15px 0;
list-style: none;
}

#pdfList li { 
border: 1px solid #ffffff; /* needed to get rid of a spacing bug in FF */
margin-left: 28px;
}

#pdfList  li.padBottom  {
	padding-bottom: 20px;
	}
	
.marBottom {
display: block;
margin: -6px 0 15px 0;
}	

#pdfList .NoPush {
margin: -6px 0 14px 0;
}

#pdfList .LeadLine {
margin-left: 0;
}

#pdfList .LeadLine2 {
margin-left: -30px;
}

#pdfList .LeadLine3 {
margin-left: -30px;
}
	
#pdfList a.PDFlink { 
display: block;
width: 250px;
padding: 0 0 5px 30px;
padding-bottom: 5px;
background: transparent url(../elements/pdficon_small.gif) 0 .5em no-repeat;
margin: 0;
}	

#pdfList a.PDFlink2 { 
display: block;
width: 250px;
padding: 0 0 5px 30px;
background: transparent url(../elements/pdficon_small.gif) 0 .5em no-repeat;
margin: 0;
}	

#pdfList .EmphaSize { 
font: bold 1em/1em Verdana, Arial, Helvetica, sans-serif;
color: #4b4b4b;
}
	
	

#pdfListPlain {
	margin-left: 0;
	padding: 20px 0 15px 0;
	list-style: none;
	}

#pdfListPlain li {
	padding-left: 30px;
	padding-bottom: 20px;
	/*background-image: url(../elements/pdficon_small.gif);*/
	background-repeat: no-repeat;
	background-position: 0 .5em;
	}	


/* menu list styles for horizontal menus with doubleWide*/


#navcontainer {
	margin-top: 10px;
	overflow: hidden;
	width: 480px;
	}

#horzList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#horzList li {
	border-left: 1px solid #014666;
	float: left;
	line-height: 1.1em;
	margin: 0 .5em 15px -.5em;
	padding: 0 .5em 0 .5em;
	}

#horzList li a {
	color:  #730D1A;
	text-decoration: none;
	}

#horzList li a:hover {
	color: #1480B3;
	text-decoration: underline; 
	}

/* Begin comment out */

#basicList {
margin-top: -20px;
}

#basicList li {
	margin-top: -5px;
	margin-left: 20px;
	padding-bottom: 8px;
	}

/*END comment out */

#servList ul {
	list-style-type: none;
	padding-left: 20px;
	}

#servList ul li {
	padding-top: 10px;
	padding-bottom: 15px;
	}

#servList a {
	font: bold 85%/16px verdana, arial, helvetica, sans-serif;
	display: block;
	border: 1px solid #eee;
	margin: 0;
	padding: 2px 3px;
	}

#servList a:link, #servList a:visited {
	color: #4b4b4b;
	text-decoration: none;
	}

#servList a:hover {
	background-color: #369;
	color: #fff;
	}




#navList {
	float: left;
	width: 160px;
	margin: 43px 0 0 0;
	list-style-type: none;
	}

#navList li {
display: inline;
}

#navList a {
display: block;
width: 160px;
height: 22px;
line-height: 22px;
color: #6b6b6b;
text-transform: uppercase;
text-decoration: none;
}

#navList a:hover {
color: #014666;
text-decoration: underline;
}




.OutCast {
margin-top: 20px;
}

#rightColumn {
float: right;
margin-top: 42px;
width: 370px;
background: transparent url(../elements/arrow_box.gif) 0 0 no-repeat;
}

#rightColumn a {
	font-size: 90%;
	line-height: 16px;
	color:  #014666;
	text-decoration: underline;
	}

#rightColumn a:hover {
	color: #1480B3;
	text-decoration: underline; 
	}

#rightColumn p {
margin: 19px 0 19px 85px;
}

#serVices {
	float: left;
	width: 192px;
	margin: 50px 0 0 -10px;
	list-style-type: none;
	color: #ffffff;
	font-size: 88%;
	line-height: 17px;
	}
	
.StandardList {
list-style-type: disk;
}	

.StandardList li {
margin-left: 15px;
}

.SuperText {
font-size: 8px;
color: #000000;
}
	
.ToTop {
margin-top: 2px;
}	


#wsoLogo { 
float: left;
margin: 14px 0 0 0;
width: 144px;
height: 60px;
/*background: transparent url(../elements/wso_logo.jpg) no-repeat;*/
overflow: hidden;
}

#wsoWords {
float: left;
margin-top: 37px;
padding-left: 125px;
width: 425px;
height: 36px;
/*background: transparent url(../elements/wso_logo-words.jpg) center top no-repeat;*/
text-align: left;
overflow: hidden;
}


a:link {	
	color:  #730D1A;
	text-decoration: underline;
	}

a:visited {
	color:  #1480B3;
	text-decoration: none;
	}

a:hover {
	color: #1480B3;
	text-decoration: underline; 
	}

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

.BlueText2 {
color: #014666;
background-color: #ffffff;
}