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

ul.nde-menu-system, ul.nde-menu-system ul
{
  display: block;
  margin: 0;
  padding: 0;
  background-color: navy;
  border : 1px solid #FFDEAD;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size :16px;
  padding:1px;
  color:white;
}

ul.nde-menu-system li
{
  margin: 0;
}

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

ul.nde-menu-system li
{
  display: inline;
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}

/* 
nested lists inside of the top level items are initially 
not displayed
*/
ul.nde-menu-system li ul
{
  display: block;
  position: absolute;
  left: 0;
  top: 1em; /* required for NS 7.x/Gecko 1.0.x but not Gecko 1.3 */
  visibility: hidden;
  width: 9em;
  z-index: 1000;
}

/*
fix up the submenu items
voice-family lines screen correct CSS values from browsers that
improperly lay out block-level boxes and have broken CSS parsers
(IE5.5/Win)
*/
ul.nde-menu-system li ul li
{
  margin: 0 0 0 -1.5em;
  padding: 0;
  display: block;
  width: 100%;
  voice-family: "\"}\""; voice-family: inherit;
  margin-left: 0;
}

ul.nde-menu-system li ul li a
{
  display: block;
  margin: 0;
  padding: 0 0 0 5%;
  width: 100%;
  voice-family: "\"}\""; voice-family: inherit;
  width: 95%;
}

/* needed to keep IE from bubbling events
from items that are not contained but only
covered. */
ul.nde-menu-system
{
  background-color: navy;
  border : 1px dashed #F4A460;
}

ul.nde-menu-system li.submenu:hover
{
  padding-bottom: 30em;
}

ul.nde-menu-system li.submenu:hover ul 
{
  left: 0;
  visibility: visible;
}

ul.nde-menu-system *
{
  font: 1em verdana sans-serif;
}

ul.nde-menu-system li a
{
  display: inline;
  text-decoration: none;
  margin: 0;
  font-size: .9em;
  padding-left : 5px;
  padding-right : 5px;
  border : 1px solid #FFFAF0;
  background-color:navy;
  color:white;
}
ul.nde-menu-system li a:visited
{
  color: white;
  padding-left : 5px;
  padding-right : 5px;
}
ul.nde-menu-system li a:hover
{
  background-color: white;
  border : 1px outset;
  padding-left : 5px;
  padding-right : 5px;
  text-decoration : none;
  color : Navy;
}



ul.nde-menu-system li.submenu ul a
{
  color: white;
  border : 1px solid #FFFAF0;
  }

ul.nde-menu-system li.submenu ul a:hover
{
  color: navy;
  background-color: white;
  text-decoration : none;
}