div#s1 {
    width: 137px;
	padding-left: 2px;
	border: 0px solid #000000;
	background:#ffffff;
    /* menu width */
}
div#s1 ul {
\<p></p>
    background-color: #ffffff;
    list-style-type: none;
    /* get rid of the bullets */
    padding:0;
    /* no padding */
    margin:0;
    /* no margin for IE either */
}
div#s1 ul li {
    margin: 0;
    padding: 0;
    font:bold 8pt arial;
    background-color: #669966;
	border-bottom: 1px solid #000000;
    display:block;
    border-top: 1px solid #ffffff;
    /* lines */
}
div#s1 ul li a {
    display: block;
    /* lines extend to right, make area clickable */
    color: #003300;
    background-color: #ffffff;
    padding: 0px 0px 2px 0px;
    margin:0;
    text-decoration: none;
    
    /* hint for IE, alternatively remove whitespace from HTML */
}

div#s1 ul ul li a {
  font:8pt arial;
  margin-left: 6px;     /* indent level 1 */
}
div#s1 ul ul ul li a {
  font:8pt arial;
  margin-left: 10px;     /* indent level 2 */
}
div#s1 ul ul ul ul li a {
  font:8pt arial;
  margin-left: 15px;     /* indent level 3 */
}
div#s1 ul ul ul ul ul li a {
  font:8pt arial;
  margin-left: 20px;     /* indent level 4 */
}
div#s1 li ul, div#s1 li.open li.closed ul {
  display: none;         /* collapse */
}
div#s1 li.open ul {
  display: block;        /* expand */
}
 
div#s1 ul li.open a {
  background-repeat: no-repeat;
}
div#s1 ul li.closed a {
  background-repeat: no-repeat;
}
div#s1 ul li.leaf a {
  background-repeat: no-repeat;
}
 
div#s1 li.active a {
  background-position: 0px 0px;
  color: #CC9933;            /* highlight text */
}
 
div#s1 li.active li a {
  background-position: 0px 0px;
  font: 8pt arial;
  color:#000000;          /* fix lower levels */
}
div#s1 ul li a:hover {
    color: #ffffff;
    background-color: #000000;
	text-decoration:underline;
    /* rollover effect */
}