@charset "UTF-8";

* {margin:0;padding:0;} 

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html, body {height: 100%;font-family: 'MyriadProRegular';}

#wrap {min-height: 100%;}
		
#header {} 

#main {overflow:auto;
	padding-bottom: 20px;
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	top: -126px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -93px; /* negative value of footer height */
	height: 93px;
	clear:both;
	background-color:#f8f8f8;} 


/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

/*Typography*/
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#007dc7;
	text-transform: uppercase;	
	margin-top: 20px;
	margin-bottom: 20px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#c02c1c;
	text-transform: uppercase;
	margin-bottom: 20px;	
}
.h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
.h4 {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
}
.bigheading {
	font-size: 36px;
	color: #FFF;
	line-height: 30px;
	margin-top: 15px;
}
.medDesc {
	font-size: 18px;
	color: #FFF;
	margin-top: 30px;
}
.smallDesc {
	font-size: 13px;
	color: #FFF;
	margin-top: 20px;
}
.contentHeading_01 {
	font-size: 24px;
	color: #58595B;
	height: 50px;
	background-color: #E6E7E8;
	line-height: 50px;
	padding-left: 10px;
}
.bodyText {
	font-family: MyriadProRegular;
	font-size: 14px;
	color: #939598;
}
.bodyText a:link {
	color: #c02c1c;
	text-decoration:none;
}
.bodyText a:visited {
	color: #c02c1c;
	text-decoration:none;
}
.bodyText a:active {
	color: #000;
	text-decoration:none;
}
.bodyText a:hover {
	color: #000;
	text-decoration:none;
}


/*Site Layout Styles*/
p {
	margin-top: 10px;	
}
.list {
	margin-left: 16px;
}
#header .topStrip {
	height: 126px;
	width: 100%;
	background-color: #ffffff;
}
#header .topStripJ {
	height: 126px;
	width: 100%;
	background-color: #fff200;
}
#main #topNav {
	z-index: 1;
	position: relative;
}
#topNav .logo {
	float: left;
}
#topNav .buttons {
	width: 644px;
	float: right;
}
#topNav .buttons ul {
	font-size: 18px;
	color: #FFFFFF;
	list-style-type: none;
}
#topNav .buttons ul li{
	float: left;
	text-align:center;
	line-height: 69px;
}

#topNav .buttons ul .home {
	height: 69px;
	width: 137px;
	background-color:#94c6e3;
}
#topNav .buttons ul .about {
	height: 69px;
	width: 114px;
	background-color:#eadd08;
}
#topNav .buttons ul .curriculum {
	height: 69px;
	width: 189px;
	background-color:#c02c1c;
}
#topNav .buttons ul .gallery {
	height: 69px;
	width: 156px;
	background-color:#076399;
}
#topNav .buttons ul .contact {
	height: 69px;
	width: 162px;
	background-color:#94c6e3;
}

#topNav .buttons ul .homeJ {
	height: 69px;
	width: 137px;
	background-color:#29d9c2;
}
#topNav .buttons ul .aboutJ {
	height: 69px;
	width: 114px;
	background-color:#de5a2c;
}
#topNav .buttons ul .curriculumJ {
	height: 69px;
	width: 189px;
	background-color:#c02c1c;
}
#topNav .buttons ul .galleryJ {
	height: 69px;
	width: 156px;
	background-color:#01a2a6;
}
#topNav .buttons ul .contactJ {
	height: 69px;
	width: 162px;
	background-color:#29d9c2;
}
#BannerImage {
	position: relative;
	margin: 20px 0 20px 0;
	float: left;
}
#bodyContent {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	float: left;
}

#bodyContent .leftPanel_home {
	background-color: #C02C1C;
	height: 280px;
	width: 255px;
	float: left;
	padding: 30px;
	
}

#bodyContent .rightPanel_home {
	float: right;
	width: 635px;
}

#bodyContent .rightPanel_generic {
	background-color: #eadd08;
	height: 280px;
	width: 255px;
	float: right;
	padding: 30px;
}
#bodyContent .rightPanelJ_generic {
	background-color: #29d9c2;
	height: 280px;
	width: 255px;
	float: right;
	padding: 30px;
}
#bodyContent .leftPanel_generic {
	float: left;
	width: 635px;
}
#learnMorePanel {
	margin: 47px 0px 30px 0px;
	position:relative;
}
#learnMorePanel #bgStrip {
	height: 57px;
	background-color: #de5a2c;
	border: 1px solid #b04620;
}
#learnMorePanel #bgStrip .text {
	font-family: 'ArialNarrowBold';
	font-size: 30px;
	color: #FFF;
	margin-left: 218px;
	margin-top: 2px;
	float: left;
}
#learnMorePanel #bgStrip .textJ {
	font-family: 'ArialNarrowBold';
	font-size: 30px;
	color: #FFF;
	margin-left: 218px;
	margin-top: 13px;
	float: left;
}
#learnMorePanel #bgStrip .text .smalltext {
	font-family: 'ArialNarrowBold';
	font-size: 14px;
	color: #FFF;
	letter-spacing: 15px;
}
#learnMorePanel #bgStrip .seperator {
	margin-top: 13px;
	float: left;
	margin-left: 28px;
}
#learnMorePanel #bgStrip .learnmoreButton a{
	font-family: 'ArialNarrowBold';
	font-size: 12px;
	font-style: italic;
	text-decoration:none;
	color: #8D381B;
	float: right;
	line-height: 57px;
	margin-right: 30px;
}
#learnMorePanel #bgStrip .learnmoreButton a:hover{
	color: #FFF;
}
#learnMorePanel .logo {
	position: absolute;
	top: -40px;
	margin-left: 15px;
	float: left;
}
#bodyContent .RightPanel #thumbnails {
	margin-top: 41px;
	float: left;
}
#thumbnails ul {
	list-style-type: none;
}
#thumbnails ul li{
	float:left;
	display: block;
}
#thumbnails ul li.margin{
	margin-right: 5px;
}
#footer #contentWrapper {
	width: 960px;
	margin-left:auto;
	margin-right:auto;	
}
#footer #contentWrapper .content {
	margin-top: 16px;
}
#footer #contentWrapper .content .links {
	float: left;
	margin-bottom: 10px;
}
#footer #contentWrapper .content .links ul {
	list-style-type: none;
}
#footer #contentWrapper .content .links ul li {
	float: left;
	color:#939598;
}
#footer #contentWrapper .content .links ul li a{
	font-family: 'Arial';
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	color:#939598;
}
#footer #contentWrapper .content .links ul li a:hover {
	color: #4c4c4c;
}
#footer #contentWrapper .content .copyrights {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bcbec0;
}
#footer #contentWrapper .o3 {
	font-family: Arial;
	font-size: 10px;
	font-weight:normal;
	text-decoration:none;
	color:#bcbec0;
}

#footer #contentWrapper .o3 a:link {
	color:#bcbec0;
	text-decoration:none;
}
#footer #contentWrapper .o3 a:visited {
	color:#bcbec0;
	text-decoration:none;
}
#footer #contentWrapper .o3 a:acive {
	color:#000;
	text-decoration:none;
}
#footer #contentWrapper .o3 a:hover {
	color:#000;
	text-decoration:none;
}
#slideshowHolder {
	height: 354px;
	float: left;
	left: 0px;
	position: relative;
	width: 906px;
}