/* NAVIGATION */
div#navigation {
	left: 12px;
	min-height: 320px;
	padding-top: 20px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	background-color: #CED2C8;
	z-index: 2;
	border: 1px solid #333333;
	-moz-border-radius: 3px;

}

div#navigation {
  width: 140px;          /* menu width */
}

div#navigation ul {
	list-style-type: none;
	padding:0;
	margin:0;
	line-height: 140%;

}

div#navigation ul li {
  margin: 0;
  padding: 0;
  display:block;
}

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

div#navigation ul ul li a {
	margin-left: 16px;
	font-size: 10px;
	
}

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

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

div#navigation li.open ul {
  display: block;        /* expand */
}
 

 
div#navigation li.active a {
  background-position: 0px -20px;
  color: red;            /* highlight text */
}
 
div#navigation li.active li a {
  background-position: 0px 0px;
  color: black;          /* fix lower levels */
}

div#navigation ul li a:hover {
  color: #FFFFFF;
  background-color: #666666; /* rollover effect */
}
ul {
	list-style-position: inside;
	list-style-type: disc;
	display: block;
	text-indent: -16px;
	line-height: 130%;
}