/* Accordian Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/

/*****Custom Classes*****/
.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/

/*****Accordion Styles*****/
#lede{
	width: 855px;
	height: 305px;
	background: white url(../images/events_lede.jpg) no-repeat top center;
	position: relative;
}

#horrorlede{
	width: 855px;
	height: 305px;
	background: white url(../images/cmf_horror.jpg) no-repeat top center;
	position: relative;
}

#elflede{
	width: 855px;
	height: 305px;
	background: white url(../images/elfenworks.gif) no-repeat top center;
	position: relative;
}

#valede{
	width: 855px;
	height: 271px;
	background: white url(../images/va_lede.jpg) no-repeat top center;
	position: relative;
}


#schoollede{
	margin: 0;
	width: 855px;
	height: 305px;
	background: white url(../images/school_lede.jpg) no-repeat top center;
	position: relative;
	z-index: 1;
}

#schoollede h1{
	padding: 20px 0 0 30px;
	font-size: 24px;
	font-weight: bold;
	color: white;
	z-index: 2;
}

#schoollede h2{
	padding: 20px 0 0 30px;
	font-size: 32px;
	font-weight: bold;
	color: white;
	z-index: 2;
}

#schoollede h3{
		padding: 20px 0 0 30px;
	font-size: 40px;
	font-weight: bold;
	color: white;
}

#supportlede{
	margin: 0;
	width: 855px;
	height: 305px;
	background: white url(../images/support-lede.jpg) no-repeat top center;
	position: relative;
	z-index: 1;
}

#supportlede h1{
	padding: 20px 0 0 30px;
	font-size: 24px;
	font-weight: bold;
	color: white;
	z-index: 2;
}

#supportlede h2{
	padding: 20px 0 0 30px;
	font-size: 32px;
	font-weight: bold;
	color: white;
	z-index: 2;
}

#supportlede h3{
		padding: 20px 0 0 30px;
	font-size: 40px;
	font-weight: bold;
	color: white;
}


#accbox{ width: 600px; margin: auto; }
#accbox h1{
	font-size: 16px;
	font-weight: bold;
	color: black;
}
ul#accordion, ul#accordion ul { list-style: none; margin: 0; }
ul#accordion { border-bottom: 1px solid #C2C8D1; }
ul#accordion li { border: 1px solid #C2C8D1; border-bottom: none; font-size: 14px; line-height: 16px }
ul#accordion ul li { border: none; border-bottom: 1px solid #C2C8D1; color: #000; padding: 5px 10px; }
ul#accordion ul li:last-child { border-bottom: none; }
ul#accordion a.heading { 
	background: #eaeaea;
	color: black;
	display: block;
	font-size: 14px;
	line-height: 14px;
	padding: 10px 5px;
	text-decoration: none;
	text-transform: uppercase;
}
ul#accordion a.heading:hover { background: #333; color: #fff; }
ul#accordion li.ui-accordion-selected a.heading, ul#accordion li.current a.heading { background: #660000; color: #fff; }
ul#accordion li ul a { color: #650000; text-decoration: none; }
ul#accordion li ul a:hover { text-decoration: underline; border-bottom: none; }
ul#accordion li ul .date { padding-right: 10px; }
ul#accordion li ul .count { padding-left: 10px; }

/*****Additional Custom Accordion Styles*****/
body#customAccordion ul#accordion li ul { display: none; }
/*body#customAccordion ul#accordion li.current ul { display: block; }*/