@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}

body{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #151515;
text-decoration: none;
font-weight: normal;
line-height: 165%;
}

a:link  {
font-weight: normal;
font-size: 12px;
color: #234A8D;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
line-height: 165%;
}
a:hover  {
font-weight: normal;
font-size: 12px;
color: #151515;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;		
line-height: 165%;
}
a:visited  {
font-weight: normal;
font-size: 12px;
color: #234A8D;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
line-height: 165%;
}

#mainWrapper{
width:750px;
margin: 0 auto;
}
#top{
height:154px;
background:url(images/wwTopNav1Bg.gif);
float:left;
width:750px;
}
#topNav{
float:left;
width:400px;
padding:10px 5px 5px 5px;
}
#topNav a{
font-size: 11px;
color: #234A8D;
text-decoration: none;
padding: 0 6px;
}
#topNav a.hover{
text-decoration:underline;
}
#searchBarContainer{
float:right;
width: 230px;
padding: 5px 0 0 0;
}
#searchBarContainer input {border:0;}
#searchBarContainer #searchTerms {width:145px; height: 30px;padding: 8px 0 4px 55px; vertical-align: top; line-height: 0; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333; background: url(images/wwSearchBg.gif) no-repeat;}
#searchBarContainer input#searchGo {
vertical-align: top;
width: 20px;
height: 30px;
margin-left:-2px;
background: url(images/wwSearchBtn.gif) no-repeat;
font-size: 0px; text-indent: -999px !important; text-transform: lowercase; border: 0; text-decoration:none; cursor:pointer;
}
#logoControlContainer{
width: 748px;
height: 75px;
margin: 50px 0 0 0;
}
#wrapHeaderContentFooter{
border-top: solid 1px #234a8d;
border-left: solid 1px #234a8d;
border-right: solid 1px #234a8d;
float:left;
width:748px;
}
#mainWrapper .header{
text-align:center;
width:748px;
height:100px;
background:url(images/wwTopNav2Bg.jpg);
}
#mainWrapper .header a{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 0 8px 0 0;
}
#mainWrapper .header a:hover{
color: #FFCC66;
text-decoration: underline;
}
#mainWrapper .header a.currentHeader{
color: #FFCC66;
}
#mainWrapper .leftNavContainer{
float:left;
width:190px;
padding: 20px 0 0 20px;
}
#mainWrapper .rightNavContainer{
float:right;
width:128px;
font-size: 11px;
padding: 20px 0 0 20px;
}
#mainWrapper .leftNavContainer li:first-child,
#mainWrapper .rightNavContainer li:first-child{
border-top: solid 1px #d0d7e6;
}
#mainWrapper .leftNavContainer ul,
#mainWrapper .rightNavContainer ul{
margin:0; padding:0;
}
#mainWrapper .leftNavContainer li,
#mainWrapper .rightNavContainer li{
list-style-type:none;
border-bottom: solid 1px #d0d7e6;
}
#mainWrapper .leftNavContainer p{
display:block;
margin:0;
padding: 4px 14px;
color: #234A8D;
text-decoration: none;
background-position: 0 10px;
}
#mainWrapper .leftNavContainer a
{
display:block;
margin:0;
padding: 4px 14px;
color: #234A8D;
text-decoration: none;
background:url(http://www.city.milwaukee.gov/ImageLibrary/Groups/WaterWorks/images/icon_arrow.gif) no-repeat;
background-position: 0 10px;
}
#mainWrapper .leftNavContainer a.noArrow{background: #999;
background: none;
margin: 0; padding: 0;
}
#mainWrapper .rightNavContainer a,
#mainWrapper .rightNavContainer p{
display:block;
margin:0;
padding: 4px 14px;
color: #234A8D;
text-decoration: none;
}
#mainWrapper .leftNavContainer a:hover{
text-decoration: underline;
}
#mainWrapper .rightNavContainer a:hover{
text-decoration: underline;
}
#mainWrapper .leftNavContainer a.currentLeftNav,
#mainWrapper .leftNavContainer p.currentLeftNav{
color: #996633;
background:url(http://www.city.milwaukee.gov/ImageLibrary/Groups/WaterWorks/images/icon_arrowon.gif) no-repeat;
background-position: 0 10px;
}
#mainWrapper .rightNavContainer a.currentRightNav,
#mainWrapper .rightNavContainer p.currentRightNav
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #996633;
text-decoration: none;
font-weight: normal;
}
#mainWrapper .leftNavContainer a.externalLink{
background:url(http://www.city.milwaukee.gov/ImageLibrary/Groups/WaterWorks/images/icon_popup.gif) no-repeat;
background-position: 0 10px;
}
#mainWrapper .leftNavContainer a span.externalIcon{
background:url(http://www.city.milwaukee.gov/ImageLibrary/Groups/WaterWorks/images/icon_popup.gif) no-repeat;
background-position: 0 10px;
}
#mainWrapper .column1{
clear:both;
width:700px;
margin:0 auto;
padding: 20px 0 0 0;
}
#mainWrapper .column2{
float:left;
width: 500px;
clear:right;
padding: 20px 0 0 20px;
}
#mainWrapper .column2Center{
float:left;
width: 340px;
clear:right;
padding: 20px 0 0 20px;
}
ul, ol{
margin:8px 0 4px 24px;
padding: 0 0 0 10px;
}
.callout250 {
display:block;
float: right;
width:250px;
margin: 0 0 0 20px;
color: #bbcfbe;
line-height: 145%;
}	
.callout150 {
display:block;
float: right;
width:150px;
margin: 0 0 0 20px;
color: #bbcfbe;
line-height: 145%;
}	
.callout250 td,
.callout150 td{
background:#0b6551;
text-align:center;
padding:10px;
}	
.callout250 h1,
.callout150 h1{
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
line-height: 145%;
margin:0px;
padding: 0 0 5px 0;
}	
.callout250 p,
.callout150 p{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #ffffff;
text-decoration: none;
font-weight: normal;
line-height: 145%;
}	
.callout250 a,
.callout150 a{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
line-height: 145%;
}
.callout250 a:hover,
.callout150 a:hover{
text-decoration: none;
}
#mainWrapper .open {
display: block;
}
#mainWrapper .closed {
display: none;
}	
#mainWrapper .footer{
clear:both;
height:133px;
width:748px;
background:url(images/wwFooterBg.gif);
text-align:center;
}
#mainWrapper .footer a{
font-size: 11px;
color: #FFFFFF;
text-decoration:none;
}
#mainWrapper .footer a:hover{
color: #FFCC66;
text-decoration:underline;
}
#mainWrapper .footer a .currentFooter{
color: #FFCC66;
text-decoration:underline;
}
#mainWrapper .footer p{
padding: 40px 0 0 0;
}
#mainWrapper .footerline {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #7089B5;
text-decoration: none;
font-weight: normal;
}
#mainWrapper .specialProject a .dateLink{
font-weight: normal;
font-size: 12px;
color: #234A8D;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
#mainWrapper .specialProject a:hover{
text-decoration: underline;
}
#mainWrapper .specialProject .dateSeparator{
color:#cccccc;
}
#mainWrapper .specialProject table{
border-collapse: collapse;
}
#mainWrapper .specialProject table td{
padding: 10px;
}
.copywright {
font-size: 10px;
color: #cccccc;
}
h1,h2,h3,h4,h5,h6,p {
margin-bottom:10px;
}
h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
color: #234A8D;
text-decoration: none;
font-weight: bold;
line-height: 125%;
}
h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
color: #0B6551;
text-decoration: none;
font-weight: bold;
line-height: 155%;
}
h3{
font-family: Arial, Verdana , Helvetica, Arial, sans-serif;
font-size: 14px;
color: #0B6551;
text-decoration: none;
font-weight: bold;
line-height: 165%;
}