#nav, #nav ul {
    float: left;
    width: 652px;
    list-style: none;
    line-height: 1;
    background: #FFFFFF;
    font-weight: bold;
    padding: 0;
    border: solid #FFCC00;
    border-width: 0;
    margin: 0 0 1em 0;
    font-family:verdana,tahoma,arial,sans-serif;
    font-size:11px;
}
#nav a {
    display: block;
    color: #04367D;
    text-decoration: none;
    padding: 0.25em 2em;
}
#nav li {
    float: left;
    padding: 0;
}
#nav li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 14.4em;
    w\idth: 13.9em;
    font-weight: normal;
    margin: 0;
}
#nav li li {
    padding-right: 1em;
    width: 13em;
    border: solid #9BBCCD;
    border-width: .11em;
}
#nav li ul a {
    width: 13em;
    w\idth: 9em;
}
#nav li ul ul {
    margin: -1.75em 0 0 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}
#nav li:hover, #nav li.sfhover {
    background: #FFCC00;
}
/* Begin Defining Top Graphics */
div.aboutus {
background-image:url('');
background-repeat:no-repeat;
width: 57px;
height: 31px;
}
div.meetings {
background-image:url('');
background-repeat:no-repeat;
width: 57px;
height: 31px;
}
    
div.plans {
background-image:url('');
background-repeat:no-repeat;
width: 43px;
height: 31px;
}
    
div.pubs {
background-image:url('');
background-repeat:no-repeat;
width: 72px;
height: 31px;
}
    
div.stormwater {
background-image:url('');
background-repeat:no-repeat;
width: 73px;
height: 31px;
}
    
div.wastewater {
background-image:url('');
background-repeat:no-repeat;
width: 73px;
height: 31px;
}
    
div.supply_and_conservation {
background-image:url('');
background-repeat:no-repeat;
width: 124px;
height: 31px;
}
    
div.education_and_awareness {
background-image:url('');
background-repeat:no-repeat;
width: 153px;
height: 31px;
}