/*custom font for text*/
@import url(http://fonts.googleapis.com/css?family=Nunito);
/*CSS file for fontawesome - an iconfont we will be using. This CSS file imported contains the font-face declaration. More info: http://fortawesome.github.io/Font-Awesome/ */
@import url(http://thecodeplayer.com/uploads/fonts/fontawesome/css/font-awesome.min.css);

/*Basic reset*/
* {margin: 0; padding: 0;}
#accordian {
	width: 200px;
	margin: -5px 0px 0px 0px;
	color:#2F5BA6;
	min-height:450px;
}
/*heading styles*/
#accordian h3 {
	font-size: 18px;
	line-height: 34px;
	padding: 0px;
	cursor: pointer;
	font-weight:normal;
	text-transform:uppercase;
}
/*heading hover effect*/
#accordian h3:hover {
}
/*iconfont styles*/
#accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}
/*list items*/
#accordian li {
	list-style-type: none;;
}
#accordian ul li h3{
	border-bottom:dotted 2px #2F5BA6;
}
/*links*/
#accordian ul ul li a {
	color:#666666;
	text-decoration: none;
	font-size: 14px;
	line-height: 27px;
	font-weight:normal;
	display: block;
	padding: 2px 10px;
	background-color:#F0F0F0;
	border-bottom:#333333 1px solid;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}
#accordian ul ul li.selected a , #accordian ul ul li a:hover{
	background-image:url(../images/selected_03.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:20px;
}
#accordian ul ul li:last-child a{
	border-bottom:dotted 2px #2F5BA6;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}
#accordian li.active ul {
	display: block;
}