body { margin: 0; padding: 0; background-color: #444; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #777 }
#content { width: 800px; margin: 50px auto 0; background-color: #222; border: 1px solid #111; }
h2 {
	margin: 0;
	padding: 0;
	font-size: 22px;
	color: #a00;
}
p#footer { clear: both; width: 100%; margin: 40px auto 0; padding: 7px 0; text-align: center; font-size: 11px; color: #333; background-color: #111; }
p#footer a { color: #333; text-decoration: underline; }
p#footer a:hover { color: #fff; text-decoration: none; }

#content #header { width: 800px; height: 107px; background: url(images/headerbg.jpg) top left repeat-x #ddd; border-bottom: 4px solid #a00; }
#content #header a#logo img { float: left; width: 194px; height: 107px; margin-left: 20px; border: none; }
#content #header ul { float: right; width: 555px; height: 23px; margin: 84px 0 0 0; padding: 0 0 0 30px; list-style-type: none; background: url(images/tabsbg.jpg) top left no-repeat #a00; }
#content #header ul li { float: left; margin: 0 1px 0 0; padding: 0; }
#content #header ul li a { display: block; height: 17px; padding: 6px 17px 0; color: #fff; font-size: 12px; text-decoration: none; }
#content #header ul li a:hover, #content #header ul li a.active { color: #222; }

#content #home #info {
	width: 300px;
	padding: 20px;
}
.lineheight2 {
	color: #FFF;
	line-height: 23px;
}
#content #home #info p.desc { width: 760px; margin: 12px 0 0 0; padding: 0; font-size: 12px; line-height: 17px; }
#content #home #info p.desca { width: 760px; margin: 5px 0 0 0; padding: 0; font-size: 15px; line-height: 24px; color: #a00;}
#content #home #info p.sub { width: 760px; margin: 0; padding: 0; font-size: 24px; color: #fff; line-height: 15px; }
#content #home #slideshow { width: 780px; height: 285px; border-left: 0px solid #000; border-right: 0px solid #000; }

#content #press ul { margin: 0; padding: 0; list-style-type: none; }
#content #press ul li { margin: 15px 0 0 0; padding: 0; font-size: 12px; line-height: 17px; }
#content #press ul li strong { display: block; }

#content #schedule h3 { margin: 15px 0 0 0; padding: 0; font-size: 14px; color: #a00; }
#content #schedule ul { width: 500px; margin: 0; padding: 0; list-style-type: none; }
#content #schedule ul li { margin: 10px 0 0 0; padding: 0; font-size: 12px; line-height: 17px; }
#content #schedule ul li p.dates { float: left; height: 100%; margin: 0; padding: 0; }
#content #schedule ul li p.desc { margin: 0 0 0 196px; padding: 0; }

#content #support { padding: 10px 0 0 5px; }
#content #support h2 { float: left; width: 100px; }
#content #support p { margin: 10px 20px 5px 310px; padding: 0; font-size: 12px; line-height: 17px; }
#content #support ul { margin: 0 0 0 330px; padding: 0; list-style-type: none; }
#content #support ul li { margin: 10px 20px 0 0; padding: 0; font-size: 12px; line-height: 17px; }

/* ===== lots of grouped styles ===== */

#content #about, #content #classes, #content #contact, #content #press, #content #schedule, #content #work { margin: 20px 0 0 20px; }
#content #about div, #content #work div { width: 585px; margin: -48px 0 0 195px; }
#content #about #tab1 img { display: block; width: 585px; height: 142px; background-color: #000; }
#content #about p, #content #classes p, #content #contact p, #content #work p { margin: 15px 0 0 0; padding: 0; width: 565px; font-size: 12px; line-height: 17px; }
#content #about p a, #content #classes p a, #content #contact p a,#content #home #info a, #content #schedule ul li p.desc a, #content #support p a, #content #support ul li a, #content #work p a { color: #777; }
#content #about p a:hover, #content #classes p a:hover, #content #contact p a:hover, #content #home #info a:hover, #content #schedule ul li p.desc a:hover, #content #support p a:hover, #content #support ul li a:hover, #content #work p a:hover { text-decoration: none; color: #fff; }
#content #about ul.idTabs, #content #classes ul.idTabs, #content #contact ul.idTabs, #content #work ul.idTabs { float: left; width: 184px; margin: 0 0 40px 0; padding: 0; list-style-type: none; }
#content #about ul.idTabs li, #content #classes ul.idTabs li, #content #contact ul.idTabs li, #content #work ul.idTabs li { margin: 0 0 3px 0; padding: 0; }
#content #about ul.idTabs li a, #content #classes ul.idTabs li a, #content #contact ul.idTabs li a, #content #work ul.idTabs li a { display: block; width: 184px; color: #777; text-decoration: none; font-weight: bold; font-size: 14px; }
#content #about ul.idTabs li a:hover, #content #about ul.idTabs li ul li a:hover, #content #classes ul.idTabs li a:hover, #content #contact ul.idTabs li a:hover, #content #classes ul.idTabs li a.selected, #content #work ul.idTabs li a:hover, #content #about ul.idTabs li a.selected, #content #about ul.idTabs li ul li a.selected,#content #classes ul.idTabs li a.selected, #content #contact ul.idTabs li a.selected, #content #work ul.idTabs li a.selected { color: #fff; }
#content #about ul.idTabs li ul { margin: 0; padding: 3px 0; list-style-type: none; }
#content #about ul.idTabs li ul li { margin: 5px 0 5px 15px; padding: 0; }
#content #about ul.idTabs li ul li a { font-size: 12px; font-weight: bold; color: #777; }
#content #about ul#tab2 { width: 585px; height: 100%; margin: 0 0 0 194px; padding: 0; list-style-type: none; }
#content #about ul#tab2 li.left { float: left; width: 325px; margin: -14px 0 40px 0; padding: 0; }
#content #about ul#tab2 li.left p { width: 325px; }
#content #about ul#tab2 li.right { float: right; width: 255px; margin: -48px 0 40px 0; padding: 0; }
#content #about ul#tab2 li.right img { float: right; background-color: #000; }
#content #about ul#tab3 { width: 585px; margin: 0 0 0 194px; padding: 0; list-style-type: none;  }
#content #about ul#tab3 li.left { float: left; width: 173px; margin: -24px 0 40px 0; padding: 0; }
#content #about ul#tab3 li.left ul { margin: 0; padding: 0; list-style-type: none; }
#content #about ul#tab3 li.left ul li { margin: 0; padding: 0; font-size: 18px; font-weight: bold; color: #a00; }
#content #about ul#tab3 li.right { float: right; width: 412px; margin: -48px 0 40px 0; padding: 0; }
#content #about ul#tab3 li.right img { float: right; width: 400px; height: 527px; background-color: #000; }
#content #classes div, #content #contact div { width: 585px; margin: -14px 0 0 195px; }
#content #contact form { width: 368px; height: 250px; margin: 15px 0; padding: 11px 20px; background-color: #111; }
#content #contact form input.text { width: 226px; }
#content #contact form strong { display: block; margin-top: 9px; font-size: 12px; }
#content #contact form textarea { display: block; margin-bottom: 16px; }
#content #work img { display: block; width: 585px; height: 300px; background-color: #000; }
.upcomingdate {
	color: #C5A9FF;
	float: left;
	margin: 0px;
	padding: 0px;
}
.upcomingfont {
	color: #C5A9FF;
	margin-left: 196px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.headline2 {
	color: #FFF;
	text-decoration: underline;
}
