/*

use xb settings to make ul/li appear the 

same in mozilla, ie and opera

*/



#navbar ul {display: block; margin: 0; padding: 0;}

#navbar li {margin: 0;}





/* 

top level items in ul are inline to display horizontally 

across page

*/



#navbar ul li {display: inline; position: relative !important;

  margin: 0; padding: 0;

  list-style: none;}





/* 

nested lists inside of the top level items are initially 

not displayed

*/



#navbar ul li ul {position: absolute; visibility: hidden;

  top: 1.4em; left: 0; width: 10em;}





/*

for css based versions extend the li

below the menu so that the mouse will

stay over the li and keep the hover active

*/



#navbar li.submenu:hover {padding-bottom: 30em;}

#navbar li.submenu:hover ul {left: 0; top: 1.4em;

  visibility: visible;}





/*

fix up the submenu items

*/



#navbar ul li ul li {display: block; width: 100%;

  margin: 0; padding: 0; list-style: none;}

#navbar ul li ul li a {display: block; width: 100%;

  margin: 0; padding: 0;}