ul.menu, ul.menu ul {
  list-style-type:none;
  text-align:left;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  width:180px;
  margin-top: 1px;
}

ul.menu li a {
  
  background: #1E1E8E;
  color: #FFFFFF;
  text-decoration: none;	
  padding: 0.5em;
}

ul.menu li a:hover {
  	background: #000066;
	color: #FFFFFF;
  	text-decoration: none;	
  	padding: 0.5em;
}

ul.menu li ul li a {
  display: block;
  width:154px;
  background: #ECF6FF;
  color: #000066;
  padding-left: 20px;
  text-decoration: none;
}

ul.menu li ul li a:hover {
  display: block;
  width:154px;
  background: #BADBF9;
  border-left: 5px #000066 solid;
  color: #000066;
  padding-left: 15px;
  text-decoration: none;
}