/* common styling */
.menu {
  font-family: verdana;
  width:165px;
  height:150px;
  position:relative;
  margin:0;
  font-size:11px;
  margin:50px 0;
}
.menu ul li a, .menu ul li a:visited {
  display:block;
  text-decoration:none;
  color:#FFF;
  width:115px;
  height:20px;
  text-align:left;
  padding: 5px;
  border:1px solid #fff;
  border-width:0px 1px 0px 1px;
  background:#0063ff;
  line-height:19px;
  font-size:11px;
  font-weight:bold;
}
.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:#FFF;
  font-weight:bold;
  background-image: url(over.jpg);
  text-decoration: underline;
}
.menu ul li:hover ul {
  display:block;
  position:absolute;
  top:0;
  left:105px;
  width:105px;
}
.menu ul li:hover ul li a.hide {
  background:#dfc184;
  color:#000;
}
.menu ul li:hover ul li:hover a.hide {
    width:150px;
}
.menu ul li:hover ul li ul {
    display: none;
}
.menu ul li:hover ul li a {
  display:block;
  background:#0063ff;
  color:#000;
  width:150px;
}
.menu ul li:hover ul li a:hover {
  background:#dfc184;
  color:#000;
}
.menu ul li:hover ul li:hover ul {
  display:block;
  position:absolute;
  left:151px;
  top:0;
  color:#000;
}
.menu ul li:hover ul li:hover ul li a {
  display:block;
  width:200px;
  background:#dfc184;
  color:#000;
}
.menu ul li:hover ul li:hover ul li a:hover {
  background:#bd8d5e;
  color:#fff;
}