/*** newmenu.css   css menu styles   ****************/

#cssmenu {
  /* absolute width to stop screwy menu wrap in IE */
  width: 1000px;
  background: transparent;
  float: left;
  position: absolute;
  top: 3px;
  left: 10px;
  z-index: 500; /* keep menus on top of all elements incl div */
}

#cssmenu td {
  text-align:left;
}

#cssmenu ul {
  list-style: none;
  /* forces IE to minimise display to text plus 2 nbsp when small text size */
  width: 1em;
  margin: 0;
  padding: 0;
  float: left;
  white-space: nowrap;
}

#cssmenu a, #cssmenu h2 {
  display: block;
  margin: 0;
  border-width: 1px;
  border-style: outset;
  border-color: white;
  padding: 2px 3px;
  font-family: Trebuchet MS,Verdana,Tahoma,san-serif;
  font-size: 12px;
}

#cssmenu h2 {
  font-weight: bold;
  color: black;
  background: white;
}

#cssmenu a {
  font-weight: normal;
  color: black;
  background: white;
  text-decoration: none;
}

#cssmenu a:hover {
  color: blue;
  background: lightgrey;
  font-weight: bold;
}
#cssmenu h2:hover {
  color: blue;
  background: lightgrey;
}

#cssmenu li {position: relative;}

#cssmenu ul ul {
  position: absolute;
  z-index: 500;
}

#cssmenu ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
}

div#cssmenu ul ul,
div#cssmenu ul li:hover ul ul,
div#cssmenu ul ul li:hover ul ul
{display: none;}

div#cssmenu ul li:hover ul,
div#cssmenu ul ul li:hover ul,
div#cssmenu ul ul ul li:hover ul
{display: block;}