@charset "utf-8";

BODY {background: #4e4e4e}
#mainLayout {width: 736px; margin: 25px auto; border-top: 4px solid #550000;}
#features {width: 736px; height: 282px; background: #585959 url(images/main_feature.jpg) no-repeat;}
#newsletterPanel {}
#logo {float: right; position: relative; top: +15px; right: +15px;}
#navBar {width: 100%; white-space: nowrap;}
	#navBar img {border: none; float: left}

#headerBox {float: left; border-bottom: 1px solid #2c2c2c}
#mainContent {height: 100%; min-height: 100%; background: #2c2c2c url(images/contentBg.gif) repeat-y;}
	#leftContent {width: 300px; padding: 10px 10px 13px 10px; float: left;  position: relative}
	#rightContent {width: 396px; padding: 10px; background: #2c2c2c url(images/navShadow.gif) repeat-x; float: right; height: 100%; min-height: 100%; position: relative; right: 0}

H1.header {width: 100%; height: 20px; margin: 2px auto 2px 8px; font: 13pt sans-serif; color: #2c2c2c; font: 8pt tahoma; }
	H1.header IMG {position: absolute; left: 15px}
H1.testiHeader, H1.rssHeader {color: #404040}
H2 {font: bold 8pt tahoma, geneva, sans-serif; color: #ea7013; margin: 1px 10px 15px 20px}

.hrLight {width: 100%; background: url(images/hr_light.gif) repeat-x; height: 28px; margin: none; }
.hrDark {width: 100%; background: url(images/hr_dark.gif) 0 10px repeat-x; height: 18px; margin: none;}
.contentCopy {font: normal 8pt/11pt tahoma, geneva, sans-serif; color: #ccc; margin: 2px 10px 8px 20px;}
	.contentCopy A {color: #ea7013}
strong.orange {font-weight: bold; color: #ea7013}
.emailLink {font: 10pt tahoma, geneva, sans-serif; color: #ea7013; float: right; margin: 0 15px 0 0}

.testimonial {width: 90%; font: italic 9pt/13pt arial, helvetica, sans-serif; color: #ccc; margin: 8px auto 0 auto}
.infoItem {width: 290px; padding: 2px 0 2px 0;}
.date {width: 60px; font: bold 8pt tahoma, geneva, sans-serif; color: #ea7013; padding-left: 5px; float: left;}
.infoCopy {width: 214px; font: normal 8pt tahoma, geneva, sans-serif; color: #a2a2a2; padding: 0 0 0 10px; background: url(images/hr_dark.gif) repeat-y; float: right; }
#allNewsLink {width: 100%; text-align: right;}
	#allNewsLink A {font: normal 8pt verdana, geneva, sans-serif; color: #ea7013}
	
#footer {}
	#footerLeft {width: 290px; height: 15px; background: #311; font: 8pt tahoma, geneva, sans-serif; color: #999; padding: 20px 15px 10px 15px; float: left}
	#footerRight {width: 386px; height: 24px; background: #222; font: 8pt tahoma, geneva, sans-serif; color: #666; padding: 10px 15px; float: right; border-top: 1px solid #1c1c1c}
		#footerRight P {width: 90%; margin: auto; text-align: center}
		.footerLink {color: #ea7013; padding: 5px;}
		
BR.clearBr {height: 1%; clear: both; padding: 0; margin: 0}

#marketingLink {font: 8pt tahoma, geneva, sans-serif; color: #999; margin-left: 15px;}
	#marketingLink A {color: #ea7013;}

/***** CLASSES *****/
TABLE.classCal {width: 100%; font: bold 9pt arial, sans-serif; color: #999; border-top: 1px solid #666; border-right: none; clear: left}
	TABLE.classCal TD {text-align: center; border-right: 1px solid #666; width: 14%; height: 20px}
		TABLE.classCal TD.firstCell {border-left: 1px solid #666;}
		TABLE.classCal TD.startTime, TABLE.classCal TD.endTime {text-align: right; font: normal 8pt arial; color: #ccc; border: none; padding-right: 3px}
		TABLE.classCal TD.endTime {text-align: left}
		TABLE.classCal TD.classDay {font: bold 16pt arial, sans-serif; background: #222; text-align: center; color: #ea7013; height: 35px; border-bottom: 1px solid #666;}
		TABLE.classCal TD.classDays {text-align: right; border: none; padding-right: 8px}
	H2.className {font: bold 12pt arial, sans-serif; color: #ea7013; margin: 1px 10px 6px 6px; float: left}
	P.classDescription {float: right; margin: 6px 6px 0 0}

/***** FAQ *****/
.faqList {margin: 1px 10px 1px 30px;}
	.faqList .faqLink {font: normal 10pt tahoma, geneva, sans-serif; color: #ea7013; margin: 0 15px 0 0}
H2.faqQuestion {width: 220px; padding-right: 25px; margin-bottom: 0; position: absolute; left: -245px; float: right; text-align: right; font-size: 9pt; background: url(images/arrowRight.gif) 230px 3px no-repeat;}
DIV.faqItem {margin: 1px 10px 1px 1px}
.faqTopLink {width: 100%; text-align: right;}
	.faqTopLink A {font: normal 8pt verdana, geneva, sans-serif; color: #ea7013;  background: url(images/arrowUp.gif) 0 6px no-repeat; padding-left: 13px}
	
/***** POPUPS *****/
BODY.popupWin {background: #343434; font: 8pt tahoma, geneva, sans-serif; color: #fff; padding: 45px 15px 15px 15px}
	BODY.popupWin H1, BODY.popupWin H2 {font: bold 10pt tahoma, geneva, sans-serif; color: #ea7013; margin: 12px 2px 0 0}
	BODY.popupWin P {margin: 0 10px 12px 2px}
	BODY.popupWin P.address {margin: 10px 10px 2px 40px}
	BODY.popupWin A {font: normal 8pt verdana, geneva, sans-serif; color: #ea7013; }
	
#popupHeader {width: 100%; position: fixed; top: 0; left: 0; background-color: #333; padding: 8px}
A.closeLink {position: absolute; right: 30px; top: 25px}