#topnav {
border:1px solid #999;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
font-size:8pt;
font-family:verdana, arial, helvetica;
background:#999;
}





#nav, #nav ul { /* all lists */
list-style: none;
width: 100%;
height: 21px;
border-left : 1px solid #FFF; 
font-size:8pt;
font-family: verdana, arial, helvetica;
margin: 0;
padding: 0
line-height: 1;
}

#nav a, #nav li a:visited {
display:block;
font-size:8pt;
font-family:verdana, arial, helvetica;
text-align:center;
text-decoration:none;
border-left : 1px solid #FFF; 
background:#999;
color:#fff;
width:145px;
height:13px;
padding:4px 0;


}

#nav li { /* all list items */
display:block;
float:left;
position:relative;
width:145px;
margin:0;
padding:0;

}

#nav li ul { /* second-level lists */
position: absolute;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
width:145px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
position: absolute;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
margin: -1.5em 0 0 13.5em;
width:145px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
background: none;

}

#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 { /* lists nested under hovered list items */
left: auto;
background:#000;
}