.menu {
font-size:12px;
  height:150px;
}

.menu ul {
  position:relative;
  z-index:500;
  padding:0;
  margin:0;
  list-style-type:none;
  width:232px;
}

.menu li {
  background:#DBEEFC;
  /* for IE7 */
  float:left;
}

.menu li.sub {
  background:#DBEEFC;
} 

/* remove the table */
.menu table {
  position:absolute; 
  border-collapse:collapse; 
  top:0; 
  left:0; 
  z-index:100; 
  font-size:1em;
}

.menu a, 
.menu a:visited {
  display:block; 
  text-decoration:none;
  line-height:29px;
  width:231px;
  color:#1D4A9B;
  border:1px solid #BDD9EE;
  border-width:0 1px 1px 1px;
}

.menu li li a, 
.menu li li a:visited {
  padding-left:5px;
}

/* hack for IE5.5 */
* html .menu a, 
* html .menu a:visited {
  width:232px; 
  w\idth:231px;
}

* html .menu a:hover {
  background:#DBEEFC; 
  position:relative;
}

.menu li:hover {
  position:relative;
}


.menu a:active, 
.menu a:focus {
  background:#DBEEFC;
}

.menu li:hover > a {
  background:#fff;
}
 
.menu li ul {
  visibility:hidden;
  position:absolute;
  top:-30px;
  left:175px;
  padding:30px;
  /* for IE */
  background:transparent url(images/nav/transparent.gif);
}

.menu li:hover > ul {
  visibility:visible;
}

/* for IE5.5 and IE6 */
.menu ul a:hover ul {
  visibility:visible;
}