#navbar {
  width: 130px;          /* menu width */
  font-size:10px;
  line-height: 1em;
/*	Height: 200px;*/
	
}

#navbar ul {
  background-color: #ffffe9;
  list-style-type: none; /* get rid of the bullets */
  padding:0;             /* no padding */
  margin:0;              /* no margin for IE either */
}

#navbar ul li {
  margin: 0;
  padding: 0;
  background-color: #ffffe9;
  display:block;
/*  border-top: 1px solid #ffffe9; *//* lines */
}

#navbar ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: #666;
  background-color: #ffffe9;
  padding: 3px 3px 3px 23px;
  padding: 0px 0px 0px 12px;
  margin:0;
  text-decoration: none;
  height:15px;           /* hint for IE, alternatively remove whitespace from HTML */
}

#navbar ul ul li a {
  margin-left: 10px;     /* indent level 1 */
}

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

#navbar li ul, #navbar li.open li.closed ul {
  display: none;         /* collapse */
}

#navbar li.open ul {
  display: block;        /* expand */
}
 
#navbar ul li.open a {
  background-image: url(img/bullet_open.png);
  background-repeat: no-repeat;
}

#navbar ul li.closed a {
  background-image: url(img/bullet_closed.png);
  background-repeat: no-repeat;
}

#navbar ul li.leaf a {
  background-image: url(img/bullet_leaf.png);
  background-repeat: no-repeat;
}
 
#navbar li.active a {
  background-position: 0px 0px;
  color: #ff6600;            /* highlight text */
}
 
#navbar li.active li a {
  background-position: 0px 0px;
  color: #666;          /* fix lower levels */
}

#navbar ul li a:hover {
  color: #ff6600;
	font-style: bold;
  background-color: #ffffe9; /* rollover effect */
}