#menubar, .sub-menu, #menubar .sub-menu li { 
  margin:0px; 
  padding:0px; 
}

#menubar {
  padding-top:5px;
}

#menubar li {
  float:left; 
  display:inline; 
  line-height:18px;
  list-style:none; 
  padding:2px 10px 0px 10px; 
  color:black;
  position:relative;
}

#menubar li ul.first-sub-menu {
  left:-1px; 
  top:100%;
}

div.menubar > li,div.menubar > li a {
  color:#000; 
  text-decoration:none;
}

#menubar .sub-menu li { 
  text-indent:10px; 
  margin-right:10px; 
  border:none;
  background:#fff;
}

#menubar li {
  background:#336699;
  border-right:1px black solid;
}

#menubar li a {
  text-decoration: none;
  color: white;
  display:block; 
}

ul.sub-menu { 
  display:none; 
}

#menubar li:hover {
  background:#000;
}

#menubar li:hover > a {
  color:#fff; 
}

li:hover > .sub-menu { 
  display:block; 
  position:absolute;
  top:-2px; 
  left:50%; 
  z-index:1000; 
  border:1px #000 solid; 
}

li:hover { 
  position:relative; 
  z-index:2000;
}

li:hover > ul.sub-menu {
  width:200px;
}

li:hover > ul.sub-menu li  a {
  width:200px;
  margin-right:0;
  height:20px;
  background:#888888;
  font-size: 9pt;
  border-bottom:1px #dddddd dotted;
}

li:hover > ul.sub-menu li a:hover {
  background:#000;
}


li:hover > ul.sub-menu li.has-sub-menu a {
 background:url(/wp-content/themes/lobos-multi/nav/submenu.gif);
}

li:hover > ul.sub-menu li.has-sub-menu a:hover {
  background:url(/wp-content/themes/lobos-multi/nav/submenu-over.gif);
}

li:hover > ul.sub-menu li.no-sub-menu a {
  background:#888888;
}

li:hover > ul.sub-menu li.no-sub-menu a:hover {
  background:#000000;
}