#dd {
  padding: 0 0 2px 0;
  text-align: left;
  margin: 0 0 0 0;
}

#dd li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font: bold 10pt arial;
}

#dd li a.menu {
  display: block;
  text-align: center;
  background: maroon;
  padding: 1px 1px;
  margin: 0 1px 0 0;
  color: yellow;
  width: 70px;
  text-decoration: none;
}

#dd li a.menu:hover {
  background: white;
  color: red;
}

.submenu {
  background: maroon;
  border: 1px solid white;
  visibility: hidden;
  position: absolute;
  z-index: 5;
}

.submenu a {
  display: block;
  font: 10pt arial;
  text-align: left;
  text-decoration: none;
  padding: 1px;
  margin: 0 1px 0 0;
  color: yellow;
  width: 120px
}

.submenu a:hover {
  background: navy;
  color: white;
}