* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  background: #eee;
}

#menu {
  position: absolute;
  top: 21px;
  left: 0px;
  z-index: 3;
  margin: 0em 0em 0em 2.45em;
  width: 39em;
}

#menu li {
  width: 7.5em;
  list-style: none;
  display: inline;
  float: left;
  margin: 0em;
  display: block;
}

#menu li#current {
  width: 7.5em;
  list-style: none;
  display: inline;
  float: left;
  margin: 0em;
  display: block;
}

#menu li a {
  background: white url(img/liback.png) repeat-x top left;
  color: #000000;
  text-decoration: none;
  text-align: left;
  padding: 0em 0em 0em 0.25em;
  display: block;
  border: 1px solid #c0c0c0;
}

#menu li a:hover {
  background: #7a7cd6;
  color: #ffffff;
  text-decoration: none;
  text-align: left;
  padding: 0em 0em 0em 0.25em;
  display: block;
  border: 1px solid #7a7cd6;
}

#menu li#current a {
  background: #602080;
  color: #ffffff;
  text-decoration: none;
  text-align: left;
  padding: 0em 0em 0em 0.25em;
  display: block;
  border: 1px solid #602080;
}

#menu li ul {
  display: none;
}

#menu li:hover ul,
#menu li.over ul {
  display: block;
  position: absolute;
  border: 1px solid black;
  margin-top: -1px;
  background: #f8f8f8;
  width: 10em;
}

#menu li ul li {
  display: block;
  border: 0px;
  z-index: 500;
  clear: left;
  margin: 0em;
  width: 10em;
}

#menu li ul li a, #menu li#current ul li a {
  border: 0px;
  background: #f8f8f8;
  width: 90%;
  color: black;
  margin: 0em 0.5em;
}

#menu li ul li a:hover, #menu li#current ul li a:hover {
  background: #bbf;
  color: #ffffff;
  border: 0px;
}

#menu li ul li a.sub, #menu li#current ul li a.sub {
  background: #f8f8f8 url(menu-test-arrow.gif) no-repeat bottom right;
  color: #000;
  border: 0px;
}

#menu li ul li a.sub:hover, #menu li#current ul li a.sub:hover {
  background: #bbf url(menu-test-arrowhigh.gif) no-repeat bottom right;
  color: #fff;
  border: 0px;
}

#menu li:hover ul li ul, #menu li:hover ul li ul li ul, #menu li:hover ul li ul li ul li ul,
#menu li.over ul li ul, #menu li.over ul li ul li ul, #menu li.over ul li ul li ul li ul {
  display: none;
}

#menu li ul li:hover ul, #menu li ul li ul li:hover ul, #menu li ul li ul li ul li:hover ul,
#menu li ul li.over ul, #menu li ul li ul li.over ul, #menu li ul li ul li ul li.over ul {
  display: block;
  margin-left: 9.8em;
  margin-top: -1.25em;
  border: 1px solid black;
  width: 100%;
}