body {
text-align:center;
}

#navbar {
  display:block;
  background:#978942;
  width:568px;
  height:24px;
  margin-top:0;
  padding-top:0;
  position:relative;
  top:0;
  margin:0;
  padding:0;
  z-index: 2;
}

#navbar ul { /* all lists */
    list-style:none;  
    margin-left:-35px;
    margin:0;
    padding:0;
    
}

#navbar li {
  margin:0;
  padding:0;
  margin-left:-3px;
  margin-top:0px;
    float: left;
	width: auto; /* width needed or else Opera goes nuts */
    padding: 2px 8px;
}

#navbar a {
    color:#000;
    text-decoration:none;
    display: block;
    width: auto;
    font: 12px times;
    padding-top:5px;
    padding-bottom:3px;
    margin:0;
    padding:0;
}

#navbar li a {
    height: 25px;
}

#navbar li ul a {
    height: auto;
    width:15em;
}
#navbar li ul li { 
    border-bottom: 1px solid gray;
    width:17em;
    background:#978942;
}
#navbar li ul { /* second-level lists */
    position: absolute;
    width:17em;
    background:#978942;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navbar li:hover ul, #navbar li.sfhover ul { /* lists nested under hovered list items */
    top:27px;
    display:inline;
    margin-top:-4px;
    width:17em;
    left: auto;
    font-size: 8pt;   
    padding: 0px 0px 0px 0px;
}