/* common styling */
.menu {
  font-family: arial, sans-serif; 
  width:700px; 
  position:absolute; 
  font-size:11px; 
  margin: 206px 0 0 28px;
  z-index:100;
}

.menu ul li a, .menu ul li a:visited {
  display:block;
  text-decoration:none;
  width:75px; 
  height:20px; 
  text-align:center; 
  color:#fff; 
  /* border:1px #619cdc; */
  /* border-width: 0 0 1px 0; */
  background: transparent url(../../images/opaque2.png);
  line-height:20px; 
  font-size:11px; 
  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:#0150af; 
  background: transparent url(../../images/opaque_white.png); 
}

.menu ul li:hover ul {
  display:block; 
  position:absolute; 
  top:20px; 
  left:0; 
  width:105px;
}

.menu ul li:hover ul li a.hide {
  background: transparent url(../../images/opaque_blue.png);
  color:#fff;
}

.menu ul li:hover ul li:hover a.hide {
  background: transparent url(../../images/opaque_white.png);
  color:#0150af;
}

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

.menu ul li:hover ul li a {
  padding: 2px 0 2px 10px;
  text-align:left; 
  width:150px; 
  display:block; 
  background: transparent url(../../images/opaque_blue.png); 
  color:#fff;
}

.menu ul li:hover ul li a:hover {
  background: transparent url(../../images/opaque_white.png);
  color:#0150af;
}

.menu ul li:hover ul li:hover ul {
  display:block; 
  position:absolute; 
  left:155px; 
  top:0;
	z-index:101;
}

.menu ul li:hover ul li:hover ul.left {
  left:-105px;
}
