#menu
{
  position: relative;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  list-style-type: none;
  z-index: 50;
  margin-top: -2px;
}
#menu a
{
  text-decoration: none;
  border-bottom: none;
}
#menu li
{
  display: block;
  float: left;
  position: relative;
  z-index: 100;
  width: 84px;
  margin-right: 2px;
}
#menu li.last
{
  margin-right: 0;
  float: right;
}
#menu li span
{
  color: #007382; /* set same as background so it is not visible on load */
  display: block;
  z-index: 100;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  background: transparent;
}
#menu li a, #menu li a:visited
{
  display: block;
  padding: 0;
  text-align: center;
}
#menu dl
{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
/* top item */
#menu dt
{
  margin: 0;
  font-size: 11px;
  float: left;
  height: 35px;
  width: 84px;
  text-transform: uppercase;
  background: transparent url(/images/tab-up.gif) top left no-repeat;
}
#menu dt.active
{
  margin: 0;
  font-size: 11px;
  float: left;
  height: 35px;
  width: 84px;
  text-transform: uppercase;
  background: transparent url(/images/tab-hit.gif) top left no-repeat;
}
#menu dd
{
  font-size: 11px;
  text-align: left;
  text-transform: capitalize;
  display: none;
  clear: left;
  margin: 0;
  padding: 0;
}
#menu dt a, #menu dt a:visited
{
  display: block;
  color: #000000;
  padding: 12px 10px 0 10px;
  text-decoration: none;
}
#menu dt.active a, #menu dt.active a:visited
{
  padding: 7px 10px 0 10px;
}
#menu dd a, #menu dd a:visited
{
  background-color: #464749;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 5px 10px;
  text-align: left;
}
#menu li a:hover
{
  border: 0;
}
#menu li:hover dd, #menu li a:hover dd
{
  display: block;
}
#menu li:hover dl, #menu li a:hover dl
{
}
#menu li:hover dt a
{
  padding-top: 7px;
  height: 35px;
  background: transparent url(/images/tab-over.gif) top left no-repeat;
  color: #FFFFFF;
}
/* top item hover */
#menu li a:hover dt a
{
  padding-top: 7px;
  height: 35px;
  background: transparent url(/images/tab-over.gif) top left no-repeat;
  color: #FFFFFF;
}
/* sub item hover */
#menu dd a:hover
{
  background-color: #696A6C;
  color: #FFFFFF;
}