ul#nav {
  padding: 5px;
  margin: 5px;
  list-style: none;
  background-color: #BBEOE3; }

#nav li, #nav li a {
  float: left;
  position: relative;
  font: normal 15px book antiqua;
  font-weight: bold; 
  color: black;
  text-decoration: none;
  cursor: pointer;
  }

#nav li ul li a
{ font: normal 8pt/12pt arial;
  color: black;
  text-transform: none; }
  
#nav li ul li a:hover
{ text-decoration: underline; }
  
li ul {
  display: none;
  position: absolute; 
  top: 16px;
  left: -10px;
  background: #9999FF;
  border: 1px solid gray;
  text-align: left;
  margin: 0px;
  padding: 4px 0px 4px 3px;
  width: 110px;
/*  height: 160px;*/
  }
  
li ul li
{ text-transform: none;  }

#nav li ul li a
{ width: 110px; }
  
li > ul {
  top: auto;
  left: auto;
  }

li:hover ul, li.over ul
{ display: block;
  clear: left;  }