#navleft, #navleft ul { /* all lists */
  float: left;
  padding: 0;
  margin: 0 0 10px 0;
  list-style: none;
  border-width:0;
}

#navleft a {
  display: block;
  width: 100%;
  font-family: Verdana, sans-serif;
  font-weight:bold;
  color:#FFFFFF;
  text-decoration: none;
  margin:0;
  border-bottom: 1px #fff solid; margin-bottom:10px;
}

#navleft a:hover {
  display: block;
  width: 100%;
  font-family: Verdana, sans-serif;
  font-weight:bold;
  color:#444;
  text-decoration: none;
  margin:0;
  border-bottom: 1px #444 solid; margin-bottom:10px;
}

#navleft li { /* all list items */
  position : static;
  float: left;
  width: 180px; /* width needed or else Opera goes nuts */
  height:auto;
  margin : 0;
  padding : 0;
  border:0px solid #E1001E;
}

#navleft li ul { /* second-level lists */
  float: left;
  padding: 0;
  margin: 0 0 10px 10px;
  list-style: none;
  border-width:0;
}

#navleft li li a {
   color:#000;
   font-weight:normal;
   display: block;
   width: 180px;
   margin : 0px;
   padding : 0;
   border-width:0;
}

#navleft li li a:hover {
   color:#FFFFFF;
   font-weight:normal;
   display: block;
   width: 180px;
   margin : 0;
   padding : 0;
   border-width:0;
}

/* third level */
#navleft li ul ul { 
  position: absolute;
  width: 200px;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  margin: -25px 0 0 160px;
  border-bottom:1px solid #FFF;
  background: #A8E8E0;
}

#navleft li li li { 
  /* do not put position:relative; in here */
  float: left;
  width: 200px; /* width needed or else Opera goes nuts */
  height:auto;
  margin : 0px 0px -1px 0px;
  padding : 2px 2px 2px 2px;
  border:1px solid #FFF;
  background: #A8E8E0;
}

#navleft li li li:hover,#navleft li li li.sfhoverleft { 
  /* do not put position:relative; in here */
  float: left;
  width: 200px; /* width needed or else Opera goes nuts */
  height:auto;
  margin : 0px 0px -1px 0px;
  padding : 2px 2px 2px 2px;
  border:1px solid #FFF;
}

#navleft li li li a {
   color:#000;
   display: block;
   width: 180px;
   margin : 0px;
   padding : 1px 1px 1px 5px;
}

#navleft li li li a:hover {
   color:#FFFFFF;
   display: block;
   width: 180px;
   margin : 0px;
   padding : 1px 1px 1px 5px;
}

#navleft li:hover ul ul, #navleft li.sfhoverleft ul ul {
   left: -999em;
}

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