/* common styling */
.menu {
  font-family: arial, sans-serif;
  width:925px;
  position:relative;
  font-size:13px;
  margin:0px ;
  margin-left: 23px;
  z-index:2;
}

.menu ul li a, .menu ul li a:visited {
  display:block;
  text-decoration:none;
  color:#000;
  min-width: 92px;
  height:20px;
  text-align:center;
  color:#fff;
  border:1px solid #003F6D;
  background: #003F6D;
  line-height:20px;
  font-size:13px;
  overflow:hidden;
}

.menu ul {
  padding:0;
  margin:0;
  list-style-type: none;
}

.menu ul li {
  float:left;
  margin-right:1px;
  position:relative;
}

.menu ul li ul {
  display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
  color:#000;
  background: #DDDDDD;
}

.menu ul li:hover ul {
  display:block;
  position:absolute;
  top:21px;
  left:0;
  min-width: 93px;
}

.menu ul li:hover ul li a.hide {
 /* background: #6a3;*/
  /*color:#fff;*/
}

.menu ul li:hover ul li:hover a.hide {
  /*background:#6fc;  */
  color:#000;
}

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

/* controls immediate submenu */
.menu ul li:hover ul li a {
  padding-left: 3px;
  border: 1px solid #0080c0;
  text-align:left;
  width: 175px;
  display:block;
  background:#fff;
  color:#000;
}

.menu ul li:hover ul li a:hover {
  background:#e5e5e5;
  color:#000;
}

.menu ul li:hover ul li:hover ul {
  display:block;
  position:absolute;
  left:100%;
  top:0;
}

.menu ul li:hover ul li:hover ul.left {
  left:-100%;
}