#nav {
  position:absolute;
  top:110px;
  left:10px;
}

#nav, #nav ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  float : left;
  width : 12em;
  background:#6666CC;
  z-index: 50;
}

#nav li { /* all list items */
  position : relative;
  font-family: Tahoma, sans-serif;
  float : left;
  line-height : 1.75em;
  margin-bottom : -1px;
  width: 12em;
}

#nav li ul { /* second-level lists */
  position : absolute;
  left: -999em;
  margin-left : 13.0em;
  margin-top : -1.75em;
  border: solid gray 1px;
  background: #6666CC;
  width:14.5em;
  z-index:100;
}

#nav li ul ul { /* third-and-above-level lists */
  left: -999em;
}

#nav li a {
  width: 12em;
  w\idth : 11em;
  display : block;
  color : white;
  font-weight : bold;
  text-decoration : none;
  background : url(../images/bluecircle.gif) center left no-repeat;
  padding : 0 0.5em 0 25px;
}

#nav li a:hover {
  color : white;
  background : url(../images/redsquare.gif) center left no-repeat;
/*  background-color : black;*/
}

#nav li li a {
  
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}