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

ul.menu-system, ul.menu-system ul
{
  display: block;
  margin: 0;
  padding: 0;
  background-color:#5bc0f4 ; // #006600;//blue
  color: white;
}

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

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

/* 
nested lists inside of the top level items are initially 
not displayed
*/
ul.menu-system li ul
{
  display: block;
  position: absolute;
  left: 0;
  top: 2.7em;   /*1em: no x jscript*/   /* required for NS 7.x/Gecko 1.0.x but not Gecko 1.3 */
  visibility: hidden;
  width: 15em;
  z-index: 1000;
  border-bottom: 2px solid #003300;
}

/*
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.menu-system li ul li
{
  margin: 0 0 0 -1.5em;
  padding: 0;
  display: block;
  border-top: 2px solid #003300;  
  width: 100%;
  voice-family: "\"}\""; voice-family: inherit;
  margin-left: 0;
}

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

/* solo per netscape/mozilla (andrebbe oltre la cell l'hover del mouse sugli item) */
html>body ul.menu-system li ul li a { width: 95%;}

/* needed to keep IE from bubbling events
from items that are not contained but only
covered. */
ul.menu-system
{
  border-top: 2px solid #006600;
  border-bottom: 2px solid #003300 ;
}