/*heading styles*/
#accordian h3 {

	padding: 0 5px;
	cursor: pointer;
	color: #ffffff;
	/*fallback for browsers not supporting gradients*/
	/*font-size: 0.9em;*/
}


/*list items*/
#accordian li {
	list-style-type: none;
	margin-left: -40px;
}
/*links*/
#accordian ul ul li a {
	color: #ffffff;
	text-decoration: none;
	font-size: 0.9em;
	display: block;
	padding: 2px 15px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
	
}
/*hover effect on links*/
#accordian ul ul li a:hover {
	
	border-left: 5px solid #ffffff;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}
#accordian li.active ul {
	display: block;
}