/*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: 450px; /*For users with JS disabled: Width of each content*/
height: 131px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: right; /*leave as is*/
}

.haccordion li .hpanel{
	width: 450px;
	height: 131px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
}
a {
     border-bottom: 1px dotted #ffffff;
	 text-decoration: none; 
	 color: #ffffff;
}
a:hover {
     border-bottom: 1px solid #ffcc00;
	 text-decoration: none; 
	 color: #ffcc00;
}