body {
  margin: 5px;
  padding: 0;
}

#menuContainer {
  width: 210px;
  padding: 0px;
}
#menuContainer ul { 
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menuContainer li {
 background-color: #EDF4EC;
  width: 200px;
  /* this is to make the submenus position relative to this li */
  position: relative; 
  padding: 8px;
}
#menuContainer a {
  text-decoration: none;
  color: #002868;
  font-weight: bold;
  font-size: 10pt;
  font-family: arial, verdana;
}
#menuContainer li:hover {
  background-color: #C5D8E6;
}

#menuContainer a:hover {
  color: #002868;
}
#menuContainer ul ul {
  position: absolute;
  left: 210px;
  top: 0;
  visibility: hidden;
}
#menuContainer li:hover > ul {
  visibility: visible;
}
/*Mouseover: display second level or third level pop-up*/

#menuContainer li:hover ul, #menuContainer li:hover li:hover ul {
  visibility: visible;
}
/* Hide third level menu when the mouse is over the first level li*/
#menuContainer li:hover ul ul {
	visibility: hidden;
}