.col {
  width: 940px;
  float: left;
 
  margin-bottom: 16px;
}
.col .c3 {
  margin-right:0;
}



.col h3 {
  margin: 0;
 	background-image:url(../images/accordian_back.png);
 width:100%;
 height:30px;
}

.col h3 a {
  /*background: url("sprite.png") 15px 13px no-repeat;*/
  	display: block;
	padding:8px;
	font-family:Arial;
	font-size:16px;
	color:#102946;
	font-weight:bold;
 	text-decoration: none;
	margin-left:25px;
  	
  /*border-bottom: 1px solid rgba(128, 10, 85, 0.5);*/
   /*text-shadow: 1px 1px 1px rgb(128,10,85);*/
}

.col h3:hover 
{ 
	background-image:url(../images/accordian_back.png);
 	width:100%;
 	height:30px;
}
.col h3.open  
{
	 background-image:url(../images/accordian_back.png);
 		width:100%;
 		height:30px;
}




/* Pre hide sections with JavaScript on
--- */
.col h3+div {
  display: none;
}

/* CSS3 Animation example
--- */
.col #css3-animated-example h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #000;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
.col #css3-animated-example .content 
{
	font-family:Arial;
	font-size:13px;
	color:#425469;
	float:left;  
  
}

.col #css3-animated-example h3.open + div {
  height: auto;
  background-color:#FFF;
}