/*
*************************************************
MHS Springboard Academy

Author:		andCulture, info@andCulture.com
Updated:	July 17, 2007
Notes:		None
*************************************************
*/


/*-------------------------------------------
	RESET STYLES (TWEAKED VERSION OF ERIC MEYER'S RESET)
-------------------------------------------*/

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, sub, sup, tt, var, dl, dt, dd, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul, li {
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; line-height: 1; color: #401a09; background: #6c5441; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/*-------------------------------------------
	GENERAL SELECTORS
-------------------------------------------*/

h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.5em; font-weight: normal; margin: 0 0 .5em 0; }
h2, h3, h4, h5, h6 { font-family:  Arial, Helvetica, sans-serif; }
h2 { font-size: 1.8em; margin: 1em 0 .5em; font-weight: normal; }
h3 { font-size: 1.5em; margin: 2em 0 0 0; }
h4 { font-size: 1.3em; margin: 2em 0 0 0; }
h5 { font-size: 1.3em; margin: 2em 0 0 0; }
h6 { font-size: 1.1em; margin: 2em 0 0 0; }
p { font-size: 1.1em; line-height: 1.4; margin: 0 0 1em 0; }

a:link { color: #410; }
a:visited { color: #410; }
a:hover { color: #200; }
a:active { color: #410; }
:focus { outline: 0; }

/* LISTS  */
li, dt, dd { font-size: 1.1em; line-height: 1.2; }
li li, dd li, li dt, li dd { font-size: 1em; }


/*-------------------------------------------
	CONTAINER DIVS
-------------------------------------------*/

#containerOuter { position: relative; margin: 0 auto; width: 760px; background: url(/assets/images/bg_top.gif) no-repeat; }
#containerInner { padding: 22px 13px 15px 30px; background: url(/assets/images/bg_middle.gif) repeat-y; }


/*-------------------------------------------
	HEADER
-------------------------------------------*/

#header { height: 139px; background-repeat: no-repeat; background-position: 11px 10px; margin-top: 14px; }
#logo { position: absolute; top: -14px; left: 52px; z-index: 100; }
#logo img { border: 0; }


/*-------------------------------------------
	CONTENT
-------------------------------------------*/

#content { position: relative; float: left; width: 500px; background: #eee7d8; }
#visual { position: absolute; top: 0; right: 0; }

#content ul { margin: 1em 0; padding: 0; list-style: none; }
#content ul li { margin: 0 0 1em 0; padding: 0 0 0 12px; background: url(/assets/images/bullet.gif) 1px .5em no-repeat; }
#content dt { font-weight: bold; }
#content dd { margin-bottom: 1em; }


/*-------------------------------------------
	SIDEBAR
-------------------------------------------*/

#sidebar { float: right; margin-top: -50px; width: 203px; }
#sidebar h2 { margin: 0 0 5px 0; padding-top: 12px; font-size: 16px; font-weight: normal; }
#portal { min-height: 121px; padding: 0 15px; background: url(/assets/images/bg_portal_login.png) no-repeat; }
#portal dt { float: left; clear: left; line-height: 2; width: 70px; }
#portal dd { margin: 0 0 3px 0; }
#portal dd input { margin: 0; padding: 4px; width: 85px; font-size: 11px; border: 1px solid #666; border-bottom-color: #988; border-right-color: #988; color: #432; }
#portal input#sign_on { margin-left: 70px; }
#portal #login p { display:none; }
#portal p a { display: block; margin-top: 15px; }


/*-------------------------------------------
	FOOTER
-------------------------------------------*/

#footer { clear: both; position: relative; padding: 20px 10px 40px 10px; font-family: Arial, Helvetica, sans-serif; background: url(/assets/images/bg_bottom.gif) no-repeat; }
#footer p { margin: 0; color: #FFF; }
#footer #ac { position: absolute; right: 10px; top: 20px; margin: 0; }


/*-------------------------------------------
	NAVIGATION
-------------------------------------------*/

/* PRIMARY */
#navPrimary { position: absolute; top: 24px; left: 11px; margin: 0; padding: 0 0 0 130px; width: 606px; height: 29px; list-style: none; background: url(/assets/images/navigation/matrix.png) no-repeat; }
#navPrimary li { float: left; margin: 0; padding: 0; list-style: none; text-indent: -9999px; }
#navPrimary li a { display:block; height: 29px; background: url(/assets/images/navigation/matrix.png) no-repeat; }
#navPrimary li a:focus { outline: 0; }

	/* BUTTONS */
	li#navAbout a { width: 134px; background-position: -130px 0; }
	li#navProgram a { width: 163px; background-position: -264px 0; }
	li#navStaff a { width: 101px; background-position: -427px 0; }
	li#navSchedule a { width: 138px; background-position: -528px 0; }
	li#navFAQ a { width: 70px; background-position: -665px 0; }
	
	/* HOVER */
	li#navAbout a:hover, li#navAbout a.selected { background-position: -130px -29px; }
	li#navProgram a:hover, li#navProgram a.selected { background-position: -264px -29px; }
	li#navStaff a:hover, li#navStaff a.selected { background-position: -427px -29px; }
	li#navSchedule a:hover, li#navSchedule a.selected { background-position: -528px -29px; }
	li#navFAQ a:hover, li#navFAQ a.selected { background-position: -665px -29px; }


/*-------------------------------------------
	MAIN PAGES
-------------------------------------------*/

/* ABOUT PAGE */
body.about #visual { top: -65px; }
body.about #header { background-image: url(/assets/images/headers/about.jpg); }

/* STAFF PAGE */
body.staff #visual { top: -90px; }
body.staff #header { background-image: url(/assets/images/headers/staff.jpg); }
body.staff #staffFlash ul li { float: left; margin: 0 0 1px 0; padding: 0; border: 0; color: #FFF; }
body.staff #staffFlash ul li a { display: block; padding: 5px; width: 14em; font-weight: bold; text-decoration: none; background: #d3c3a0; border: 0; color: #401a09; }
body.staff #staffFlash ul li a:hover { background: #411b0a; color: #FFF; }

		body.staff #content ol { margin: 0; padding: 0; list-style: none; }
		body.staff #content li { margin: 0; padding: 1em 0 0 0; border-bottom: 1px solid #654; }
		body.staff #content li div.staff { float: left; width: 200px; }
		body.staff #content li div h3 { display: block; font-weight: bold; margin: 5px 0; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; background: #421c0b; color: #FFF; }
		body.staff #content li div.interests { float: right; width: 280px; }

/* SCHEDULE PAGE */
body.schedule #visual { top: -75px; }
body.schedule #header { background-image: url(/assets/images/headers/schedule.jpg); }

/* PROGRAM PAGE */
body.program #visual { top: -90px; }
body.program #header { background-image: url(/assets/images/headers/program.jpg); }

/* FAQ PAGE */
body.faq #visual { top: -90px; }
body.faq #header { background-image: url(/assets/images/headers/faq.jpg); }


/*-------------------------------------------
	HOME PAGE
-------------------------------------------*/

body.home #header { height: 10px; }
body.home #containerInner { padding: 0; }
body.home #content { width: 100%; height: 346px; background: url(/assets/images/home/feature.jpg) 11px 0 no-repeat; }
body.home #content * { text-indent: -9999px; }
body.home #features { clear: both; padding: 0 12px; }
body.home #f1, body.home #f2 { float: left; }
body.home #portal { float: right; padding: 0 100px 0 15px; width: 159px; min-height: 136px ; background-image: url(/assets/images/home/box_portal.gif); }
body.home #portal h2 { font-size: 16px; }
body.home #portal dd input { width: 65px; }
body.home #login, body.home #noflash-login p { display: none; }

/*-------------------------------------------
	CLASSES
-------------------------------------------*/

.gallery { float: right; margin: 0 0 10px 10px; }
.floatLeft { float: left; margin: 0 10px 10px 0; }
.floatRight { float: right; margin: 0 0 10px 10px; }
li img.floatLeft { margin: 0; border: 10px solid #EEE7D8; border-left: none; border-top: none; }
li img.floatRight { margin: 0; border: 10px solid #EEE7D8; border-right: none; border-top: none; }

.hide { display: none; }
.show { display: block; }

/* CLEARFIX */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* End hide from IE-mac */