#menu1 { 
 position: absolute; 
 top: 90px; 
 left: 167px; 
 width: 600px; 
 height: 21px; 
 visibility: visible; 
 display: block; 
 z-index: 3; 
}

body {
 font-family: Arial, sans serif;
 font-size: 12px;
}

#nav{ /* all lists */
 padding: 0;
 margin: 0;
 list-style: none;
 line-height: 160%;
 text-align: center;
}

#nav ul { /* all lists */
 padding: 0;
 margin: 0;
 list-style: none;
 text-align: center;
width: 150px;
}

#nav a {
 display: block;
 text-decoration: none;
 color: white;
 font-family: Arial, Sans Serif;
 font-size: 12px;
 font-weight: lighter;
}

#nav li { /* all list items */
 float: left;
 width: auto; /* width needed or else Opera goes nuts */
 height: 21px;
 width: 100px;
 background: #FFCC33;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: white;
 border-collapse: collapse; 
line-height: 21px;
}

#nav li ul { /* second-level lists */
 position: absolute;
 background: #FFCC33;
 width: 149px;
 left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ 
text-align: left; 
line-height: 21px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
 left: auto; 
}

#nav a:hover {
 background: #FFFFFF;
 color: #FFCC33;
}