* { margin: 0; padding: 0; }

h3 { margin-top: .5em; }

#list1 li { list-style-type: none; }
#list1{ width:244px; }


#list1  {
	width: 244px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	margin:  0px;
	padding: 0px;
	font-size: 11px;
}
#list1 p {
	margin-bottom : 10px;
	border: none;
	color: #62307b;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	padding: 10px 20px 10px 20px;
	background-color: #fff;
	overflow: hidden;
	height: 20em; /*change this height for content inside accordian*/	
}
#list1 h3 {
	cursor:pointer;
	display:block;
	padding:6px 5px 5px 10px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: white;
	background: url(https://images.gocomics.com/images/ucg/siteAssets/accordian_bg.png) no-repeat;
	border-bottom: 1px solid #fff;
}
#list1 h3:hover {
	font-size: 11px;
	color: #cecece;
	background: url(https://images.gocomics.com/images/ucg/siteAssets/accordian_bg.png) no-repeat;
	border-bottom: 1px solid #fff;
		font-weight: bold;
}

#list1 h3.selected {
	font-size: 11px;
	color: #cecece;
	background: url(https://images.gocomics.com/images/ucg/siteAssets/accordian_bg-select.png) no-repeat;
	border-bottom: 1px solid #fff;
}



#list1 a:link, a:visited, a:hover {
	color: #62307b;
	text-decoration: none;
	font-size: 11.5px;
	font-weight: bold;
}