.Accordion {
	overflow: hidden;
	width:172px;

	float:left;
	

} 

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}
.AccordionPane2 {
	margin: 0px;
	padding: 0px;
	
}
.AccordionPane3 {
	margin: 0px;
	padding: 0px;
}
.AccordionPane4 {
	margin: 0px;
	padding: 0px;
}
.AccordionPanelTab {
	color:white;
	font-size:15px;
	font-weight:bold;
	height:28px;
	padding-top:6px;
	background:url(../images/bg_slider.jpg) no-repeat;
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	margin-bottom:2px;
	text-align:center;
}
AccordionPanelTab h2{
	font-size:16px;
}
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding:0px;
	height:320px;
	background-color:#F2F2F2;
	
}

.AccordionPanelContent {
	

}
.AccordionPanelContent li {  margin-top:10px; }
.AccordionPanelContent img { border:none; }
.AccordionPanelContent a{ text-decoration:none;  }
.AccordionPanelContent a:hover{ text-decoration:underline;  }

/*************************/
.AccordionPanelOpen .AccordionPanelTab {
	color:#000000;
	font-size:16px;
	background:url(../images/bg_slider_open.jpg) no-repeat;
}

.AccordionPanelTabHover {
	color: #000000;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #000000;
}

.AccordionPanelOpen .AccordionPanelTab {
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
}