/*
use xb settings to make ul/li appear the 
same in mozilla, ie and opera
*/

#navbar ul
{
  display: block;
  margin: 0;
  padding: 0;
  background-color: red;
}

#navbar li
{
  margin: 0;
}

/* 
top level items in ul are inline to display horizontally 
across page
*/

#navbar ul li
{
  display: inline;
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}

/* 
nested lists inside of the top level items are initially 
not displayed
*/
#navbar ul li ul
{
  display: block;
  position: absolute;
  left: 0;
  visibility: hidden;
  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;
  visibility: visible;
}

/*
fix up the submenu items
*/
#navbar ul li ul li
{
  margin: 0 0 0 -1.5em;
  padding: 0;
  display: block;
  width: 100%;
}

/* provide correct CSS 'margin-left' value for non-IE5/Win
   browsers that properly lay out block-level boxes and
   don't have broken CSS parsers */

html>body #navbar ul li ul li
{
	margin-left: 0;
}

#navbar ul li ul li a
{
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 0 0 5%;
}

/* provide correct CSS 'width' value for non-IE5/Win
   browsers that get the box model right and don't have
   broken CSS parsers */

html>body #navbar ul li ul li a
{
  width: 95%;
}