#accordian {
	background: #0084B5;
	color: white;
	/*Some cool shadow and glow effect
	box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);*/
}
/*heading styles*/
#accordian a {
color: #fff;

}
#accordian h3 {

	line-height: 34px;
    cursor: pointer;
	padding: 0;
    margin: 0;
	background: #0084B5; 

}
/*heading hover effect*/   
#accordian h3:hover  a:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
    color:#ebebeb !important;
}
/*iconfont styles*/
#accordian h3 span {

	margin-right: 1px;
}
#accordian ul {
	margin: 0;
    padding: 0;
    text-align: center;
}
#accordian ul li{
font-size: 1em;
    list-style-type: none;
    margin-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
    background: #9CD1EA !important; 
}
#accordian ul ul li h3{
color: #000;
    background: #9CD1EA !important; 
}
/*list items*/
#accordian li {
	list-style-type: none;
}
/*links*/
#accordian ul ul li a {
font-size: 0.8em;
	text-decoration: none;

	line-height: 27px;
	display: block;
	padding: 0 15px;
/*	transition for smooth hover animation*/
	transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
	background: #CCE5F0;
    color: #000;
 
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
    text-align: left;
   
}
#accordian li.active ul {
	display: block;
}