BODY{
margin: 0px;
padding: 0px;
background: #fffff8;}

h2{
font: 18px Tahoma,arial, sans-serif;
font-weight:bold;
color: #BA2234;}

h3{
font: 15px Tahoma,arial, sans-serif;
font-weight:bold;
color: #BA2234;}


/************************* CONTAINER *******************/
#container{
width: 730px;
position: absolute; left: 50%; top: 0%;
margin: 25px 0px 0px -365px;
padding: 0px 0px 30px 0px;}

#banner{
width: 730px;
height: 202px;
margin: 0px;
background: #fff url(../images/header4.gif) no-repeat top;}

#headerHomeLink {
width: 260px;
height: 140px;
}

#eNewsSignupBox{
width: 205px;
height: 25px;
font: 12px arial, sans-serif;
color: #fff;
margin: 0;
padding: 10px 0 0;
border-bottom: solid 5px #fff;
background: #E5801B;}

#eNewsSignupBox:hover,
#eNewsSignupBox.iehover{
cursor:pointer;}

#eNewsSignupForm{
width: 525px;
height: 60px;
position: absolute;
left: -1600;
background: #BA2234;
font: 12px arial, sans-serif;
color: #fff;
margin: 0 auto;
padding: 5px 0px 0px 0px;
border-bottom: solid 5px #fff;
background: #E5801B;
text-align: center;}


#redBox{
width: 205px;
font: 12px arial, sans-serif;
color: #fff;
margin: 0;
padding: 10px 0 10px;
border-bottom: solid 5px #fff;
background: #BA2234;}

#redBox:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#redBoxIn{
width: 175px;
background: #BA2234;
font: 12px arial, sans-serif;
color: #fff;
margin: 0 auto;
padding: 5px 0px 5px;
text-align: center;}

#redBoxIn a {
font: 12px arial, sans-serif;
color: #fff;}

#greenBoxIn{
width: 175px;
font: 12px arial, sans-serif;
color: #fff;
padding: 10px 0 10px;
margin: 0 auto;
text-align: center;}

#greenBoxIn a {
font: 12px arial, sans-serif;
color: #fff;
text-decoration: none;}


#content{
width:730px;
display: table-cell;
margin-top:0px;
background: #999D18;
border-bottom: #fff solid 5px;}

#left-col{
float: left;
font: 13px arial, sans-serif;
color: #fff;
text-align:center;
width: 205px;}

#right-col{
width: 520px;
float: right;
height: 100%;
font: 13px arial, sans-serif;
color: #000;
background:#FCE8C5;
border-left: #fff solid 5px;}

#home-image-rotation {
border-bottom: 5px #fff solid;}

#main-content{
float: right;
width:500px;
word-wrap: break-word; /* Internet Explorer 5.5+ */
padding: 5px 10px 5px;}

#main-content a {
color: #BA2234; }

#main-content a:hover {
text-decoration: none; }

#footer{
width: 720px;
height: 50px;
padding: 10px 5px 0;
border-top: solid 1px #fffff8;
background: #BA2234;
font: 12px arial, sans-serif;
color: #fff;}

#footer a {
color: #fff;}

#footerright {
font: 12px arial, sans-serif;
color: #fff;
float: right;
text-align: right;
width: 400px;}
/************************* END: CONTAINER *******************/


/************************* STORE *******************/

#cartSummary {
font: 11px Tahoma,arial, sans-serif;
font-weight:normal;
color: #000;
width: 485px;}

.storeItem {
font: 11px Tahoma,arial, sans-serif;
font-weight:normal;
color: #000;}

.checkoutSubtotals {
color: #BA2234;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;}


/************************* END: STORE *******************/


/************************* CALENDAR *******************/

.calDate {
font: 12px Tahoma,arial, sans-serif;
color: #000;}

.calName {
font: 12px Tahoma,arial, sans-serif;
font-weight:bold;
color: #000;}

.calLoc {
font: 10px Tahoma,arial, sans-serif;
color: #000;
text-align: right;}

.calDesc {
font: 11px Tahoma,arial, sans-serif;
color: #000;}

.calRule {
margin: 10px 0 10px;}


/************************* END: CALENDAR *******************/



/************************* HOME IMAGES *******************/
.homeCalendarBullet {
	margin: 6px 0 6px;
}

#homeImgs{
visiblility: hidden;
position: absolute;
left: -1600px;
top: 0px;
z-index: 1000;}
/************************* END: PRELOADED LINKS -- HOVER *******************/

/************************* PRELOADED LINKS -- HOVER *******************/
#preload{
height: 0px;
width: 0px;
position: absolute;
left: -1600px;
top: 0px;
}
/************************* END: PRELOADED LINKS -- HOVER *******************/


/************************* TOP RIGHT NAV *******************/
#top-right-nav{
width: 728px;
height: 20px;
padding-top: 34px;}

#top-right-nav P.top-right-nav{
font-size: 12px;
text-align: right;
margin: 0px;
padding: 0px;}

#top-right-nav A.top-right-nav{
font: 12px arial, sans-serif;
color: #625746;
text-decoration: none;
height: 13px;
margin: 0px;
padding: 0px 0px 0px 2px;}

#top-right-nav A.top-right-nav:hover{
color: #221706;
text-decoration: underline;}
/************************* END: TOP RIGHT NAV *******************/


/************************* DROPDOWN *******************/
#nav{
width: 730px;
position: absolute; top: 154px;}

#about,
#academics,
#enrollment,
#pto,
#student-activities,
#fundraising,
#in-the-classroom,
#news-events,
#store{
height: 48px;
float: left;
margin: 0px;
padding: 0px;}

#nav ul, #nav li{
margin: 0px;
padding: 0px;
list-style-type: none;
z-index: 3000;}

#about UL.about{
width: 91px;
height: 48px;}

#about UL.about A.about{
height: 48px;
display: block;
background: url(../images/navbar/plain/btn_01.gif);}

#about UL.about A.about:hover{
background: url(../images/navbar/bold/btn_01.gif);}

#academics UL.academics{
width: 93px;
height: 48px;}

#academics UL.academics A.academics{
height: 48px;
display: block;
background: url(../images/navbar/plain/btn_02.gif);}

#academics UL.academics A.academics:hover{
background: url(../images/navbar/bold/btn_02.gif);}

#enrollment UL.enrollment{
width: 91px;
height: 48px;}

#enrollment UL.enrollment A.enrollment{
height: 48px;
display: block;
background: url(../images/navbar/plain/btn_03.gif);}

#enrollment UL.enrollment A.enrollment:hover{
background: url(../images/navbar/bold/btn_03.gif);}

#pto UL.pto{
width: 91px;
height: 48px;}

#pto UL.pto A.pto{
height: 48px;
display: block;
background: url(../images/navbar/plain/btn_04.gif);}

#pto UL.pto A.pto:hover{
background: url(../images/navbar/bold/btn_04.gif);}

#student-activities UL.student-activities{
width: 92px;
height: 48px;}

#student-activities UL.student-activities A.student-activities{
height: 48px;
display: block;
background: url(../images/navbar/plain/btn_05.gif);}

#student-activities UL.student-activities A.student-activities:hover{
background: url(../images/navbar/bold/btn_05.gif);}

#fundraising UL.fundraising{
width: 91px;
height: 48px;}

#fundraising UL.fundraising A.fundraising{
height: 48px;
display: block;
background: url(../images/navbar/plain/btn_06.gif);}

#fundraising UL.fundraising A.fundraising:hover{
background: url(../images/navbar/bold/btn_06.gif);}

#in-the-classroom UL.in-the-classroom{
width: 91px;
height: 48px;}

#in-the-classroom UL.in-the-classroom A.in-the-classroom{
height: 48px;
display: block;
background: url(../images/navbar/plain/btn_in_the_classroom.gif);}

#in-the-classroom UL.in-the-classroom A.in-the-classroom:hover{
background: url(../images/navbar/bold/btn_in_the_classroom.gif);}

#news-events UL.news-events{
width: 91px;
height: 48px;}

#news-events UL.news-events A.news-events{
height: 48px;
display: block;
background: url(../images/navbar/plain/btn_07.gif);}

#news-events UL.news-events A.news-events:hover{
background: url(../images/navbar/bold/btn_07.gif);}

#store UL.store{
width: 90px;
height: 48px;}

#store UL.store A.store{
height: 48px;
display: block;
background: url(../images/navbar/plain/btn_08.gif);}

#store UL.store A.store:hover{
background: url(../images/navbar/bold/btn_08.gif);}

#nav ul li ul{
width: 130px;
margin: 0px;
padding: 0px;
position: absolute;
left: -1600px;
background: #88ae27;
z-index: 1000;
}

#nav ul li ul li{
width: 130px;
height: auto;
margin: 0px;}

#nav UL LI:hover UL,
#nav UL LI.iehover ul{
left: -1px;
z-index:99999;
min-height: 0;}

#nav UL.academics LI:hover ul,
#nav UL.academics LI.iehover ul{
left: 90px;}

#nav UL.enrollment LI:hover ul,
#nav UL.enrollment LI.iehover ul{
left: 183px;}

#nav UL.pto LI:hover ul,
#nav UL.pto LI.iehover ul{
left: 274px;}

#nav UL.student-activities LI:hover ul,
#nav UL.student-activities LI.iehover ul{
left: 365px;}

#nav UL.fundraising LI:hover ul,
#nav UL.fundraising LI.iehover ul{
left: 457px;}

#nav UL.in-the-classroom LI:hover ul,
#nav UL.in-the-classroom LI.iehover ul{
left: 457px;}

#nav UL.news-events LI:hover ul,
#nav UL.news-events LI.iehover ul{
left: 548px;}

#nav UL.store LI:hover ul,
#nav UL.store LI.iehover ul{
left: 599px;}

#nav UL LI UL LI A{
font: 12px arial, sans-serif;
color: #fffff8;
width: 110px;
height: auto;
text-decoration: none;
display: block;
margin: 0px;
padding: 7px 10px 7px 10px;
border: solid 1px white;
border-top: none;
background: #88ae27;}

#nav UL LI UL LI A:hover{
color: #423726;
background: #f0f0d0;}

	/* second level sub navs */
	#nav UL.about LI.about UL LI UL {
		border-top: solid 1px white;
		left: -1600px;
		margin-top: -32px;
	}

	#nav UL.about LI.about UL LI UL LI A{
		font: 12px arial, sans-serif;
		color: #fffff8;
		width: 110px;
		height: auto;
		text-decoration: none;
		display: block;
		margin: 0px;
		padding: 7px 10px 7px 10px;
		border: solid 1px white;
		border-top: none;
		background: #88ae27;}

	#nav UL.about LI.about UL LI:hover UL,
	#nav UL.about LI.about UL LI.iehover ul{
		left: 131px;
		z-index:99999;
		min-height: 0;}

	#nav UL.about LI.about UL LI UL LI A:hover{
		color: #423726;
		background: #f0f0d0;}




	#nav UL.academics LI.academics UL LI UL {
		border-top: solid 1px white;
		left: -1600px;
		margin-top: -32px;
	}

	#nav UL.academics LI.academics UL LI UL LI A{
		font: 12px arial, sans-serif;
		color: #fffff8;
		width: 110px;
		height: auto;
		text-decoration: none;
		display: block;
		margin: 0px;
		padding: 7px 10px 7px 10px;
		border: solid 1px white;
		border-top: none;
		background: #88ae27;}

	#nav UL.academics LI.academics UL LI:hover UL,
	#nav UL.academics LI.academics UL LI.iehover ul{
		left: 131px;
		z-index:99999;
		min-height: 0;}

	#nav UL.academics LI.academics UL LI UL LI A:hover{
		color: #423726;
		background: #f0f0d0;}



	#nav UL.in-the-classroom LI.in-the-classroom UL LI UL {
		border-top: solid 1px white;
		left: -1600px;
		margin-top: -32px;
	}

	#nav UL.in-the-classroom LI.in-the-classroom UL LI UL LI A{
		font: 12px arial, sans-serif;
		color: #fffff8;
		width: 110px;
		height: auto;
		text-decoration: none;
		display: block;
		margin: 0px;
		padding: 7px 10px 7px 10px;
		border: solid 1px white;
		border-top: none;
		background: #88ae27;}

	#nav UL.in-the-classroom LI.in-the-classroom UL LI:hover UL,
	#nav UL.in-the-classroom LI.in-the-classroom UL LI.iehover ul{
		left: 131px;
		z-index:99999;
		min-height: 0;}

	#nav UL.in-the-classroom LI.in-the-classroom UL LI UL LI A:hover{
		color: #423726;
		background: #f0f0d0;}




	#nav UL.news-events LI.news-events UL LI UL {
		border-top: solid 1px white;
		left: -1600px;
		margin-top: -32px;
	}

	#nav UL.news-events LI.news-events UL LI UL LI A{
		font: 12px arial, sans-serif;
		color: #fffff8;
		width: 110px;
		height: auto;
		text-decoration: none;
		display: block;
		margin: 0px;
		padding: 7px 10px 7px 10px;
		border: solid 1px white;
		border-top: none;
		background: #88ae27;}

	#nav UL.news-events LI.news-events UL LI:hover UL,
	#nav UL.news-events LI.news-events UL LI.iehover ul{
		left: 131px;
		z-index:99999;
		min-height: 0;}

	#nav UL.news-events LI.news-events UL LI UL LI A:hover{
		color: #423726;
		background: #f0f0d0;}



/************************* END: DROPDOWN *******************/


/************************* IMAGE ROTATION *******************/
#image-rotation {
	width: 520px;
	height: 176px;
}

	#image-rotation img {
		visibility:hidden;
		position: absolute;
		z-index: 0;
	}

/************************* END: IMAGE ROTATIONS *******************/


/************************* ENROLLMENT FORM *******************/

.formSteps {
	color: #000000;
	font-size: 10px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	line-height: 2em;
}

.formSteps .onPage {
	color: #BA2234;
	font-size: 10px;
	font-weight: bold;
}




/************************* END: ENROLLMENT FORM *******************/


.inputtext {
border: 1px solid #BA2234;
background: #ffffff;
color:#000;
padding: 3px;}

.inputbutton {
border: 1px solid #fff;
background: #BA2234;
color:#fff;
padding: 3px;
margin: 3px;
cursor:pointer;}

.inputdrop {
border: 1px solid #BA2234;
background: #ffffff;
color:#000;
padding: 3px;}