/* Styles for Example #2 */
#accord {
	margin:0;
	padding:0;
	width:200px;
	list-style-type:none;
	background-color:#FFFFFF;
	color:#000000;
	line-height:120%;
	height:330px;
}
#accord a {
	display:block;
	font-weight:normal;
	text-decoration:none;
}
#accord a:hover { text-decoration: none; border: 0px ; }
#accord ul {
	overflow: hidden;
	margin:0;
	padding:0;
}
#accord li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#accord li a {
	width:185px;
	padding:3px 0 0 15px;
	display:block;
	color:#000000;
	background-image:url(../images/ha-header.jpg);
	height:17px;
}
#accord li a.closed {
	color:#000000 !important;
	background-image:url(../images/ha-header.jpg) !important;
}
#accord li.firstitem a.closed {
	color:#000000 !important;
	background-image:url(../images/ha-header-first.jpg) !important;
}
#accord li.lastitem a.closed {
	color:#000000 !important;
	background-image:url(../images/ha-header-last.jpg) !important;
}
#accord li li {
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	padding:0 15px 0 15px;
	height:310px;
}
#accord li li a {
	background-image:none;
	display:inline;
	height:auto;
	width:auto;
	padding:0 0 0 0;
	
}

#accord li a.opened {
	background-image:url(../images/ha-header-active.jpg);
	color:#FFFFFF;
}
#accord li.firstitem a.opened {
	background-image:url(../images/ha-header-first-active.jpg);
	color:#FFFFFF;
}
#accord li.lastitem li {
	margin-bottom:-4px;
}
#accord li.lastitem ul {
	background-image:url(../images/ha-footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:4px;
}