#navbar {
  font-family: verdana, arial;
  min-width: 950px;
  width: 100%;
  padding-bottom: 5px;
  position:fixed;
  left: 0;
  top: 0;
  border: solid black 0px;
  background-color: white;
}
#top_form_bar {padding-top:4px;}
#top_form_bar input {font-size:0.9em;}

#menubar {
  margin: 0;
  padding: 0;
  font-family: verdana, arial;
  font-size: 1.2em;
}
#menubar li {
  list-style: none;
  float: left;
}
/*  using divs (div.menubar_head) instead of anchors for level one, don't work on iPad.  So avoid. */
#menubar li a, #menubar li div.menubar_head, #menubar li div.menubar_headspecial {
  display: block;
  padding: 3px 8px;
  background-color: #FFF8C0;
  color: black;
  text-decoration: none;
}
#menubar li ul {
  display: none;
  width: 15em; /* Width to help Opera out */
  font-size: 0.9em;
  background-color: #FFF8C0;
}

/*class hover is for IE fix below where state hover will not work*/
#menubar li:hover ul, #menubar li.hover ul {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
}
#menubar li:hover li, #menubar li.hover li {
  float: none;
}
#menubar li:hover li a, #menubar li.hover li a {
  background-color: #FFF8C0;
  /*border-bottom: 1px solid black;*/
  color: #000;
}


#menubar li.spacer {
  height: 10px;
}
#menubar li div.menubar_headspecial {
  background-color: #666;
  color: white;
}
#menubar li li a:hover {
  color:white;
  background-color: #444
}