.menu li {
  font-size: 12px;
  font-weight: bold;

  height: 20px;
  line-height: 20px;
}

.menu a {
 padding: 0px 10px 0px 10px;
 color: #FFFFFF !important;
 text-decoration: none !important;
}

.menu a:hover, .menu a.highlighted:hover, .menu a:focus, .menu a.highlighted {
 color: #FFFFFF !important;
 text-decoration: none !important;
}

.menu ul {
	margin: 15px 0 0 10px;
}

.menu ul li {
  font-size: 12px;
  height: 21px;
  margin: 0 0 1px 0;
}

.menu ul li a {
  background-color: #002E54;
  color: #FFFFFF !important;
  padding: 4px 10px 5px 10px;
  filter: alpha(opacity=75);
  -moz-opacity: .75;
  opacity: .75;
}

.menu ul li a:hover, .menu ul li a.highlighted:hover, .menu ul li a:focus, .menu ul li a.highlighted {
 color: #FFFFFF !important;
 text-decoration: none;
 background-color: #002E54;
 filter: alpha(opacity=100);
 -moz-opacity: 1;
 opacity: 1;
}

.menu ul {
 width: 200px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menu ul ul {
 left: 197px;
 color: #FFFFFF;
 margin-top: 1px;
}

.menu ul ul li {
  height: 22px;
  margin-bottom: 1px;
  margin-left: 0px;
}

.menu ul ul li a {
	background-color: #404040;
  color: #FFFFFF;
}

.menu ul ul li a {
 padding: 4px 5px 6px 5px;

}

.menu ul ul li a:hover, .menu ul ul li a.highlighted:hover, .menu ul ul li a:focus, .menu ul ul li a.highlighted {
 color: #FFFFFF;
 text-decoration: none;
 background-color: #706F6D;
}