.menu {
  margin: 0;
  padding: 0;
  font-family: verdana, geneva, arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #f6f3ab;
  background-color: #f6f3ab; /* light yellow header background */
}

.menu ul {
  background-color: #FF0000; /* red menu bar background */
  height: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  background-image: none;
}

.menu li {
  float: left;
  padding: 0px 8px;
}

.menu li a {
  color: #000;
  display: block;
  font-weight: bold;
  line-height: 20px;
  padding: 0 25px;
  text-align: center;
  text-decoration: none;
}

.menu li a:hover {
  color: #F6F3AB;
  font-size: 14px;
  font-weight: bold;
}

.menu li ul {
  background: #e0e0e0;
  /* Remove these borders to get rid of red outline */
  /* border-left: 2px solid #FF0000;
  border-right: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000; */
  display: none;
  position: absolute;
  width: 175px;
  opacity: 0.95;
  z-index: 200;
}


.menu li:hover ul {
  display: block;
}

.menu li li {
  float: none;
  width: 175px;
}

/* Updated submenu links with full grey background */
.menu li ul a {
  display: block;
  font-size: 12px;
  font-style: normal;
  padding: 0 10px; /* remove extra left padding */
  text-align: left;
  background-color: #e0e0e0;
  color: #000000;
}


.menu li ul a:hover {
  background-color: #F6F3AB;
  color: #FF0000;
  opacity: 1.0;
}

.menu p {
  clear: left;
}

.menu #current {
  background: url(images/current-bg.gif) top left repeat-x;
  color: #ffffff;
}