/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/
.haccordion{
	padding: 0;
}
.haccordion ul{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden; /*leave as is*/
}
.haccordion li{
	margin: 0;
	padding: 0;
	display: block; /*leave as is*/
	width: 100%; /*For users with JS disabled: Height of each content*/
	overflow: hidden; /*leave as is*/
	float: left; /*leave as is*/
}
.haccordion li .hpanel{
	width: 100%;  /*For users with JS disabled: Height of each content*/
}
/*CSS for example Accordion #hc1*/
#hc1 {
	width: 620px;
	height: 150px;
	overflow: hidden;
	margin-bottom: 5px;
}
#hc1 li{
	color: #FFFFBF;
	width: 610px;
	height: 150px;
	text-align: center;
}
#hc1 li .hpanel{
	padding: 2px;
}
#hc1 li img{
	float:left;
	padding-right:0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#hc1 a{
	color: #FF9900;
}
#hc1 a:hover{
	color: #FFFF00;
}