/*
.menu ul { border: 1px solid #f00; }

.menu a { border: 1px solid #00f; }

.menu ul { background-color:  #f00; }
.menu li { background-color:  #0f0; }
.menu a { background-color:  #00f; }
*/



.menu {
  width: 100%;
}

.menu ul, .menu li {
  list-style: none;
  margin: 0;
  background-color: #fff;
  }
  
.menu ul li a{
padding:1px 1px 1px 3px;

}

.menu ul li ul li{
  background-color: #c4cef5;  /* very light blue */
  font-size:12px;
}

.menu ul li ul li a {
  padding:3px;


}

.menu ul li ul li a:hover {
  background-color: #FFDD00; /* yellow */

}

.menu li {
  /* IE GOES CRAZY WITHOUT A BORDER *SHRUG* */
  border: 1px solid #fff !important;
}

.menu ul ul {
  display: none;
}

.menu a {
  display: block;
}

.menu li { position: relative; }
.menu li ul {
  position: absolute;
  top: 0%;
  left: 100%;
  width: 100%;
  margin-top: -2px;
  z-index: 500;
  }

.menu a:hover {
  background-color: #FFDD00;
  text-decoration:none;
    color: #333333;

}