body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.7em;
}
#navigation{
	line-height:2em;
	}
	
#navigation ul {
	list-style-type:none;
	 width: 220px;
	}
	

#navigation ul.active{
	list-style-type:none;	
	}
	
#navigation li ul,
#navigation li.active ul li ul {
	display: none;
	list-style-type:none;
}
#navigation li.active ul{
	display: block;
}
	
#navigation li.active ul li.active ul {
	display: inline;
	color:#819AC0;
}

#navigation li.active ul li.active ul li {
	display: block;
	color:#000;

}
#navigation ul a {
	display:block;
	text-decoration: none;
	color:#000;
	padding-left:2px;
	border-bottom:solid #5272A3 1px;
}
#navigation ul li a:hover {
	display:block;
  	text-decoration: none;
	color:#5272A3;
	font-weight:bold;
	background-color:#FFF;
}
#navigation ul li.active {
	display:block;
  	text-decoration: none;
	color:#5272A3;
	font-weight:bold;
}

/* second level */
#navigation ul li ul li a {
	display:block;
	color: #000;
	background-color:#CCC;
	padding-left:10px;
	margin-top:1px;
	font-weight:normal;
	border:none;
}
#navigation ul li ul li a:hover {
	display:block;
	color: #5272A3;
	background-color:#CCC;
	padding-left:10px;
	margin-top:1px;
}
#navigation ul li ul li.active a {
	display:block;
	color: #5272A3;
	background-color:#CCC;
	font-weight:bold;
	margin-top:1px;
	}
/* third level */
#navigation ul li ul li ul li a {
	color: #000;
	padding-left:20px;
	font-weight:normal;
	}
#navigation ul li ul li ul li a:hover {
	color: #5272A3;
	padding-left:20px;
	font-weight:bold;
	}
#navigation ul li ul li ul li.active a {
	color: #5272A3;
	padding-left:20px;
	font-weight:bold;
	}
#navigation ul li li.active li a{
	color: #000;
	padding-left:20px;
	font-weight:normal;
}