/* RBFF main style sheet */

/* --- Universal Styles --- */
body    {
	margin: 0px;
	background-color:#E3E1C1;
}


p, td
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 8.5pt;
	color: #000000;
	line-height:12pt;
}


td.lvHeader
{
background-image: url(http://www.waterworkswonders.org/images/lv_masthead.jpg);
background-repeat: no-repeat; 
background-color: #6699CC
height:51px;
}

td.search
{
background-color: #6699CC
height:51px;
}

td.navTop
{
background-image: url(http://www.waterworkswonders.org/images/nav_top_bg.gif);
background-repeat: repeat-x;
height:28px;

}

table.twoColBG
{
background-image: url(http://www.waterworkswonders.org/images/2colBG.gif);
}


table.threeColBG
{
background-image: url(http://www.waterworkswonders.org/images/3colBG.gif);
}


td.nav
{
background-color: #C0BAAA;
border-right: 1px solid #000000;
}

td.col2
{
background-color: #DEDCCB;
}


span.srch
{
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 7.5pt;
}

div.lvContent
{
margin: 10px 35px 20px 35px;
}

div.lvContentFD
{
margin: 0px 15px 20px 35px;
}

td.grn
{
background-color: #336666;
}

h4
{
color: #336666;
margin-bottom:-6px;
text-transform:uppercase;

}

h5
{
margin-bottom:-10px;
}

div.breadcrumbs
{
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 7.5pt;
color: #9C9687;
margin-bottom:12px;
}

div.appBread
{
margin:10px 15px 0px 35px;
width:340px
}

span.crumbs
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #9C9687;
	text-decoration:none;
	
}

span.crumbsOn
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #433F3B;
	text-decoration:underline;
	
}

div.callout
{
font-family: Arial,Helvetica,Sans-Serif;
font-size: 8.5pt;
color: #DEDCCB;
text-transform:uppercase;
font-weight:bold;
}

div.calloutTag
{
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 8.5pt;
color: #ffffff;
}

img.orangePoint
{
margin-right:4px;
margin-bottom:0px;
}

td.hmBlack
{
border-right:1px solid #000000;
}

div.hmColumn
{
padding:10px 10px 10px 10px;
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 7.5pt;
}

td.hmContent
{
background-color:#ffffff;
padding:20px 30px 10px 7px;
}

div.hmBold
{
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 8.5pt;
color: #336699;
font-weight:bold;
margin-top:15px;
margin-bottom:8px;
}


div.waterResultDiv
{
margin-top:10px;
margin-bottom:5px;
border-top:1px #666666 solid;
width:480px
}

div.detailThreeHead
{
font-family: Verdana,Arial,Helvetica,Sans-Serif;
height:auto;
width:163px;
font-weight:bold;
font-size:9pt;
color:#ffffff;
background-color:#336699;
text-transform:uppercase;
text-align:center;
padding:6px;
}

div.waterDetailDiv
{
margin-top:10px;
margin-bottom:5px;
border-top:1px #666666 solid;
width:340px
}

div.detailThreeContent
{
margin:15px 12px 0px 12px;
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 7.5pt;
}

div.eventBold
{
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 8.5pt;
font-weight:bold;
color:#336699;
}

table.contentDots
{
border-right:solid 1px #000000;
}

/* nav styles */

div.navDiv
{
margin-top:0px;
margin-bottom:0px;
border-top:1px #000000 solid;
width:178px;
height:1px;
}

td.notOver
{
    padding-right: 3px;
    padding-left: 34px;
    padding-bottom: 3px;
    padding-top: 3px;
    font-weight: bold;
    font-size: 11px;
    font-family: verdana, Arial, Sans-Serif;
    color: #336699;
	text-transform:uppercase;
	font-weight:bold;
	background-color: #DDDBCA;
}


td.over
{
    padding-left: 34px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    font-weight: bold;
    font-size: 11px;
    font-family: verdana, Arial, Sans-Serif;
    color: #ffffff;
	background-color: #336666;
    text-transform:uppercase;
	font-weight:bold;
}

/* td.menuOneBar
{
    background-color: #26537e;
    padding-right: 10px;
    padding-left: 9px;
    padding-bottom: 0px;
    padding-top: 0px;
} */

a.notOver:link, a.notOver:visited, a.notOver:active
{
	color: #336699;
    text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}

a.notOver:hover
{
	color: #ffffff;
    text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
		background-color: #336666;
}

a.over:link, a.over:visited, a.over:active
{
	color: #FFFFFF;
    text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}

a.over:hover
{
	color: #FFFFFF;
    text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}

td.subOneTD
{
background-color: #DDDBCA;
}

a.subOne:link, a.subOne:visited, a.subOne:active
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 8.5pt;
	color: #336699;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

a.subOne:hover    
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 8.5pt;
	color: #336699;
	text-decoration:underline;
	text-transform:uppercase;
	font-weight:bold;
}

div.subOne
{
padding-top:2px;
padding-bottom:2px;
padding-right:2px;
/* padding-left:20px; */
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 8.5pt;
background-color: #DDDBCA;
/* height:16px; */
}

div.subOneOn
{
padding-top:2px;
padding-bottom:2px;
padding-right:2px;
/* padding-left:7px; */
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 8.5pt;
background-color: #DDDBCA;
/*height:16px;*/
}

table.subTwoT
{
/* border-bottom:1px solid #ffffff; */
}

td.subTwoTD
{
background-color: #F1EEE5;
margin-top:3px;
margin-bottom:3px;
padding-bottom:2px;
padding-top:2px;
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 7.5pt;
color: #336666;
font-weight:bold;
}

a.subTwo:link, a.subTwo:visited, a.subTwo:active
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #336666;
	text-decoration:none;
	/* text-transform:uppercase; */
	font-weight:bold;
}

a.subTwo:hover    
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #336666;
	text-decoration:underline;
	/* text-transform:uppercase; */
	font-weight:bold;
}

img.navBlok
{
margin:0px 2px 0px 0px;
}


table.subThreeT
{

}

td.subThreeTD
{
	background-color: #ffffff;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 6.5pt;
	color: #000000;
	text-decoration:none;
	padding-bottom:4px;
	padding-top:4px;
	line-height: 7pt;
	/* text-transform:uppercase; */
	
}

a.subThree:link, a.subThree:visited, a.subThree:active
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 6.5pt;
	color: #000000;
	text-decoration:none;
	/* text-transform:uppercase; */
	/* font-weight:bold; */
	margin-right:3px;
}

a.subThree:hover    
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 6.5pt;
	color: #000000;
	text-decoration:underline;
	/* text-transform:uppercase; */
	/* font-weight:bold; */
	margin-right:3px;
}

div.subThreeOn
{
color: #336666;
}

/* link styles */
a:link, a:visited, a:active
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 8.5pt;
	color: #336699;
	text-decoration:underline;
}

a:hover    
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 8.5pt;
	color: #336699;
	text-decoration:underline;
}

a.call:link, a.call:visited, a.call:active
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #FFA459;
	text-decoration:underline;
}

a.call:hover    
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #FFA459;
	text-decoration:underline;
}

a.hmColumn:link, a.hmColumn:visited, a.hmColumn:active
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #336699;
	text-decoration:underline;
}

a.hmColumn:hover    
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #336699;
	text-decoration:underline;
}


a.linkRelated:link, a.linkRelated:visited, a.linkRelated:active
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 8.5pt;
	color: #403f3a;
	text-decoration:underline;
	padding-bottom:3px;
}

a.linkRelated:hover    
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 8.5pt;
	color: #000000;
	text-decoration:underline;
	padding-bottom:3px;
}

a.crumbs:link, a.crumbs:visited, a.crumbs:active
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #9C9687;
	text-decoration:none;
	
}

a.crumbs:hover    
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #9C9687;
	text-decoration:underline;
	
}

a.detailThree:link, a.detailThree:visited, a.detailThree:active
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #336699;
	text-decoration:underline;
	
}

a.detailThree:hover    
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #336699;
	text-decoration:underline;
	
}
detailThree



/* lists  */

ol li  
{
padding-top: 0px;
margin-top: 0px;
padding-left: 0px;
margin-left: 20px;
list-style-type: decimal; 
}


ul    
{
padding-top: 0px;
margin-top: 0px;
padding-left: 0px;
margin-left: 20px;
list-style-position: outside;

 
}

ul li    
{
padding-top: 0px;
margin-top: 5px;
padding-left:0px;
margin-left:20px;
list-style-image: url(http://www.waterworkswonders.org/images/angle.gif);
}



/* footer  */

td.footerTD
{
background-color: #305F8F;
border-top: 1px solid #000000;
}

span.oranBerry
{
color: #FFA459;
}

div.foot
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #ffffff;
	padding-top:5px;
	padding-bottom:18px;
}

a.footLink:link, a.footLink:visited   
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #ffffff;
	text-decoration:none;
} 

a.footLink:hover, a.footLink:active
{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 7.5pt;
	color: #ffffff;
	text-decoration:underline;
}


/* --- Main Template Specific Styles --- */



td.leftShade
{
background-image: url(http://www.waterworkswonders.org/images/left_shade.gif);
background-repeat:repeat-y;
border-right: 1px solid #000000;
}

td.rightShade
{
background-image: url(http://www.waterworkswonders.org/images/right_shade.gif);
background-repeat:repeat-y;
border-left: 1px solid #000000;
}



/* Navigation Styles */




/* form elements */
form
{
padding: 0px;
margin: 0px;
}



input.searchBox
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
/* border-style: solid; */
font-size: 11px;
width:100px;
color: #000000;
font-family: verdana, Arial, Sans-Serif;
height:15px;
}

input.zipBox
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
/* border-style: solid; */
font-size: 11px;
width:50px;
color: #000000;
font-family: verdana, Arial, Sans-Serif;
height:15px;
}

input.submit
{
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight:bold;
background:#486da9;
color:#ffffff;
height:20px;
margin-left:5px;
text-align:middle;
border:0px;

} 


select.quickfind
{
    width: 236px;
    font-family: verdana, Arial, Sans-Serif;
    font-size: 11px;
    margin-bottom:10px;
    background-color:#D5E8DF;
}

.error
{
	color:Red;
}