.menuBar {
  background-color: #336699;
  width: 100%;
}

.menuBar td {
  background-color: #336699;
  height: 10px;
}

.menuItems {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding-left: 15px;
}

.menuItems tr td {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding-left: 15px;
}

.menuItems a {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
}

.menuList {
   margin: 0;
   padding: 0px 0;
}

.menuList ul {
  margin: 0px;
  padding: 0px;
}

.menuList li {
  display: inline-block;
  position: relative;
  height: 31px;
}
.menuList li a:hover {
  background-color:#76ac09;
}

a.homemenu {
  background-color: transparent;
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin: 0px;
  padding: 0px 8px;
  text-decoration: none;
  vertical-align: super;
}

a.homemenu:hover {
  background-color: none;
  color: #EEE;
}

/* actuators are what trigger the menu display, in conjunction with js */
a.actuator {
  background-color: transparent;
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin: 0px;
  padding: 0px 8px;
  text-decoration: none;
  vertical-align: super;
}

a.actuator:hover {
  background-color: none;
  color: #EEE;
}
/* for submenu */
a.subactuator {
  font-weight: bold;
  /* background-image: url(../images/arrow.png); */
  background-repeat: no-repeat;
  background-position: 100% 0px;
}
.menuList li  a {
  display: block;
  padding: 7px 30px 7px 20px;
  margin-top: 0px;
  font-size: 14px;
  font-weight: normal;
}
.menuList li:first-child a{
  padding-right: 15px;
}
.menuList li  img {
  display: none;
}

.menu {
  color: #fff;
  background-color: #336699;  
  position: absolute;
  z-index:5;
  left:0px !important;
  top:31px !important;
  display:none;
  visibility: visible !important;
  min-width: 160px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .menu {
  width: 290px;
 }
}
.menuList li:hover .menu{
  display:block;
}
.menu li {
  float:none;
  display: block;
  height:33px;
  width: 250px;
}
.menu li a {
  background-color: transparent;
  color: #fff;
  display: block;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding:8px 10px;
  text-decoration: none;
  background-image: none;
}


.menu li a:hover {
  background-color: none;
  color: #EEE;
}

/*
  This is what modifies the display position of the submenu.
*/
.submenu {
  color: #fff;
  background-color: #eee;
  border: 1px solid #999;
  position: absolute;
  visibility: hidden;
  left: 140px;
  text-decoration: none;
}

span.key {
  text-decoration: none;
}


.menu-icons {
  text-align: right;
  padding-right: 0px;
}
.menu-icons a {
  display: inline-block;
  margin-top: 4px;
}