div#nav {
  Xbackground-color: #ccc;
  width: 195px;          /* menu width */
}

div#nav ul {
  Xbackground-color: #fff;
  list-style-type: none; /* get rid of the bullets */
  padding: 0;             /* no padding */
  margin: 0;              /* no margin for IE either */
}

div#nav ul li {
  margin: 0;
  padding: 0;
  Xbackground-color: #fff;
  display: block;
  Xborder-top: 1px solid #eee; /* lines */
}

div#nav ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: darkblue;
  font-size: .9em;
  font-weight: bold;
  Xbackground-color: #fff;
  padding: 3px 3px 8px 23px;
  margin: 0;
  text-decoration: none;
  Xheight: 1em;           /* hint for IE, alternatively remove whitespace from HTML */ 
}

div#nav ul ul li a {
  margin-left: 10px;     /* indent level 1 */
  font-size: .9em;
  font-weight: normal;
}

div#nav ul ul ul li a {
  margin-left: 20px;     /* indent level 2 */
}

div#nav ul ul ul ul li a {
  margin-left: 30px;     /* indent level 3 */
}

div#nav ul li a:hover {
  Xbackground-color: #fefdeb;    /* rollover effect */
  text-decoration: underline;
}

div#nav ul li a.active {
}

div#nav ul li a.current {
  color: darkred;
}