/* CSS Document 

/********************************************************************************
			RESETS
********************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1;}

ul { list-style: none;}

blockquote, q { quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}

a:active { outline: 0;}

sup, sub { position: relative; height: 0; line-height: 1; vertical-align: baseline !important; vertical-align: bottom;}
sup { bottom: .75ex;}
sub { top: .5ex;}

/* remember to define focus styles! */
:focus { outline: 0;}

/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}

/********************************************************************************
			GLOBALS
********************************************************************************/

body { background: #151515 url(../images/bg_body.jpg) no-repeat center top; font: normal normal 13px/1 Helvetica, Arial, sans-serif; color: #000000;}

/* links */
.main_content a,
.main_content .button { transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s;}
a { text-decoration: none;}
a:hover {}

/* typography */
p { padding-top: 15px; line-height: 1.5;}
.main_content p { font-size: 14px; line-height: 1.75;}
.list,
.main_content ol { list-style: disc; margin: 20px 0 0 35px; line-height: 1.5;}
.main_content ol { list-style: decimal;}

/* headers */
h1, h2, h3, h4, h5, h6 { font-family: "KautivaRegular", Helvetica, Arial, sans-serif;;}
h1 { font-size: 30px; line-height: 1.15; text-transform: uppercase;}
h2 { padding-top: 30px; font-size: 26px; line-height: 1.25; text-transform: uppercase;}
h3 { padding-top: 20px; font-size: 22px; line-height: 1.25; text-transform: uppercase;}
h4 { padding-top: 20px; font-size: 20px; line-height: 1.25;}
h5 { padding-top: 20px; font-size: 18px; line-height: 1.25;}
h6 { padding-top: 20px; font-size: 16px; line-height: 1.25;}
.header { display: block;}

/* containers */
.container { clear: both; width: 940px; margin: auto;}

/* images */
.sprite { display: block; background: url(../images/sprite.png) no-repeat; text-indent: -9999em;}
img { display: block;} /* gets rid of 3px gap */

/* forms */
form input.submit,
form input.reset { width: auto; padding: 0; border: 0; border-radius: 8px; background: #fff198; font-weight: bold; font-size: 14px; text-transform: uppercase; text-align: center; text-indent: 0; cursor: pointer;}
form input.submit:hover,
form input.reset:hover { background: #ffdc3b;}

/* floats */
.float_left { float: left;}
.float_right { float: right;}
.clear { display: block; clear: both; height: 1px; font-size: 1px; line-height: 1px;}
			
/* buttons */
.button { display: inline-block; padding: 10px 20px; background: #3e3e3e; border-radius: 5px; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif;}
.button:hover { background: #fff05d; text-decoration: none !important;}

/* when there are multiple buttons beside each other */
.button_list { margin-top: 10px; overflow: hidden;}

	.button_list .button,
	.button_list iframe { margin-left: 10px;}
	.button_list .button:first-child { margin-left: 0;}
	.button_list iframe { position: relative; top: 2px;}

/********************************************************************************
			MASTHEAD
********************************************************************************/

.masthead { display: none;}

/********************************************************************************
		 	CONTENT
********************************************************************************/

.main { clear: both; margin-top: 5px;}
.inside_page .main { background: #272727;}

	/* content area */
	.main_content { padding: 40px 40px 40px 30px;}

/* miscellaneous */
.back_to_top { text-align: right;}

	.back_to_top a { font-size: 11px;}
	.back_to_top a:after { content: "\2191"; padding-left: 5px; position: relative; top: -2px;}

	/* homepage */
	.featured_slider { padding: 10px 10px 5px;}
		
		.featured_slider .slides { height: 310px; overflow: hidden;}
		
			.slides img { border-radius: 15px;}
		
		/* nivo nav */
		.nivo-controlNav { float: left; padding-top: 9px; padding-bottom: 5px; position: relative; left: 50%;}
		
			.nivo-controlNav a { float: left; display: block; background: #444444; width: 8px; height: 8px; margin: 0 3px; border-radius: 4px; text-indent: -9999em; position: relative; right: 50%;}
			.nivo-controlNav a:hover,
			.nivo-controlNav .active { background: #fff198;}
	
	/* featured programs */
	.featured_programs { width: 100%; margin-top: 20px; padding-top: 40px; background: url(../images/bg_featured_programs.png) no-repeat;}
	.no-borderradius .featured_programs { padding-top: 50px;}
	
		.featured_programs .programs { padding: 10px; border: #ffffff solid 1px; border-bottom-style: none; border-radius: 10px;}
		.no-borderradius .featured_programs .programs { border-style: solid none none;}
		.featured_programs .programs.gloss:before { height: 50px;}

			/* featured programs sections */		
			.featured_programs .section { float: left; width: 131px; height: 108px; margin-left: 10px; overflow: hidden;}
			.featured_programs dl:first-child { width: 354px; margin: 0;}
		
				.featured_programs dt,
				.featured_programs dd { float: left; display: inline; position: relative; z-index: 9999;}
				
				.featured_programs dt { cursor: pointer;}
				
					/* thumbnail image */
					.featured_programs dt img { border: #505050 solid 1px; border-radius: 10px;}
				
				/* we need to hide the content on load, attach click event using js */
				.featured_programs .programs dd { width: 193px; padding: 10px 10px 0 20px;}
				
					.featured_programs .programs .header { font-size: 20px; font-family: "Gotham-BoldGotham-BoldItalic", Helvetica, Arial, sans-serif;}
					.featured_programs .programs p { padding-top: 10px;}
				
	/* featured sections (vertical accordion) */
	.featured_sections { margin-top: 25px;}
		
		/* section title default state */
		.featured_sections .section_title { margin-top: 3px; background: #3e3e3e; border-left: #313131 solid 30px;}
		.featured_sections .section_title.gloss:before { height: 15px;}
		
			.featured_sections .section_title .header { float: left; margin-left: -30px; padding-left: 35px; border-left: #3e3e3e solid 5px; font-size: 17px; line-height: 30px; font-family: "Gotham-BoldGotham-Bold", Helvetica, Arial, sans-serif;}
			
			/* click to open/close */
			.featured_sections .instructions { float: right; padding-right: 10px; font-family: "Gotham-BookGotham-Book", Helvetica, Arial, sans-serif; line-height: 30px; font-size: 11px; text-transform: uppercase; position: relative; z-index: 9999;}
			.ie7 .featured_sections .instructions { width: 20%;}
				
				.featured_sections .section_title .sprite { float: right; width: 20px; height: 20px; margin: 5px 0 0 10px; background-position: 0 -100px;}
			
			/* active state */
			.section_title.active { border-left-color: #ffdc3b;}
			
				.section_title.active .header { border-left-color: #fff198; font-family: "Gotham-BoldGotham-BoldItalic", Helvetica, Arial, sans-serif;}
				.section_title.active .instructions {}
				
					.section_title.active .sprite { background-position: -50px -100px;}
				
		/* section info */
		.featured_sections .section_info { display: none; background: #ffffff;}
		.featured_sections .section_title:first-child + .section_info { display: block;}
		
			/* featured image */
			.featured_sections .featured_img { float: left; padding: 20px;}
			
				.featured_sections .featured_img img { border-radius: 20px;}
			
			/* featured content */
			.featured_sections .featured_content { float: left; width: 625px; height: 315px;} /* height = height of featured_img */
			
				.featured_sections .featured_content .header { padding-left: 20px; font-size: 30px; line-height: 60px; font-family: "Gotham-BoldGotham-Bold", Helvetica, Arial, sans-serif; text-transform: uppercase;}
				
				/* blurb */
				.featured_sections .blurb { float: left; width: 50%; height: 255px; background: #f4f4f4;}
					
					.featured_sections .blurb p { padding: 20px;}
				
				/* feature list */
				.featured_sections .features { float: left; width: 50%; height: 255px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); position: relative;}
						
					.featured_sections .features p { padding-left: 20px; font-size: 16px; font-family: "Gotham-BoldGotham-BoldItalic", Helvetica, Arial, sans-serif;}
					.featured_sections .features ul { margin-top: 0;}				
					
/*	
 *	#inside page
 *	#two column w/ left sidebar 
*/
.inside_page .main .main_content.two_column { float: right; width: 620px;}

/* list_style_content (bios, programs, etc.) */
.list_style_content { margin-top: 25px; overflow: hidden;}

	/* list sections */
	.list_style_content .list_section { margin-top: 30px; padding-top: 30px; border-top: #3e3e3e solid 1px; overflow: hidden;}
	.list_style_content .list_section:first-child { margin: 0; padding: 0; border: 0;}
		
		/* section img */
		.list_style_content .section_img { float: left; margin: 0 20px 20px 0;}
		
			/* staff list content */
			.list_style_content.staff dd > p { padding-top: 0;}
			.list_style_content.staff .blurb { padding-top: 10px;}
			
				.list_style_content.staff p span { font-weight: bold;}
				
			/* school rules content */
			.list_style_content.rules h3 { padding-top: 0;}
			
			/* programs content */
			.list_style_content.programs h2 { padding-top: 0;}
			
			/* faq content */
			.list_style_content.faq .question span,
			.list_style_content.faq .answer span { font-weight: bold;}
			
			/* gallery content */
			.list_style_content.gallery { width: 940px; margin-left: -30px;}
			
				.list_style_content.gallery .list_section { padding: 30px; margin-top: 0; border-top: none; border-bottom: #3e3e3e solid 1px;}
				.list_style_content.gallery .alt_row { background: #212121;}
			
					.list_style_content.gallery .section_img { position: relative; z-index: 1;}
					.list_style_content.gallery .section_img:before { content: ''; display: block; width: 165px; height: 127px; border: #525252 solid 1px; position: absolute; right: -6px; bottom: -6px; z-index: -1;}
					
						.list_style_content.gallery .section_img img { padding: 4px; border: #ffffff solid 1px; background: #272727;}
						
					.list_style_content.gallery dd > p { padding-top: 0;}
					.list_style_content.gallery .button { margin-top: 10px;}
					.list_style_content.gallery .blurb { padding-top: 10px;}
					
						.list_style_content.gallery p span { font-weight: bold;}
			
	/* right aligned list sections */
	.list_style_content .list_section.alt { text-align: right;}
	
		.list_style_content .list_section.alt .section_img { float: right; margin: 0 20px 0 20px;}
		.list_style_content .list_section.alt .button_list { overflow: hidden;}
		
			.list_style_content .list_section.alt .button_list .button { float: right; margin-left: 10px;}
			
/* news page */
.posted_on { margin-top: 5px;}

	.posted_on span { font-weight: bold;}
	
/* coupon page */
.coupon { clear: both; margin-top: 40px; position: relative; z-index: 1;}

	/* scissors */
	.coupon_inner { padding: 10px; background: #ffffff; border: #000000 dashed 1px; position: relative;}
	.coupon_inner:before { content: ''; display: block; width: 44px; height: 44px; background: url(../images/coupon_scissors.png); position: absolute; left: 20px; top: -30px; z-index: -1;}

		/* coupon content */
		.coupon img { float: left; margin-right: 10px;}
		.coupon_title { font-weight: bold; font-size: 16px; text-transform: uppercase;}
		.coupon_details,
		.coupon_secondary_details { margin-top: 5px; font-weight: bold; font-size: 22px; font-family: "Arial Black", Arial, Helvetica, sans-serif; text-transform: uppercase;}
		.coupon_secondary_details { font-size: 16px;}
		.coupon_blurb { margin-top: 10px; font-size: 14px; line-height: 1.25;}
		.coupon_date { margin-top: 10px; font-size: 12px;}
	
/* photo gallery page */
.photo_gallery { overflow: hidden;}

	.photo_gallery .thumb { float: left; display: inline; width: 166px; margin: 10px 0 0 10px;}
	.photo_gallery .thumb.first { margin-left: 0;}

/********************************************************************************
			SIDEBARS
********************************************************************************/

.sidebar { display: none;};

/********************************************************************************
			FOOTER
********************************************************************************/

.footer { display: none;}
.footer_curve { display: none;}
.footer_bottom { display: none;}

/********************************************************************************
			CLEARING ELEMENTS THAT CONTAIN FLOATED ELEMENTS
********************************************************************************/

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */