@charset "UTF-8";
/* CSS Document */

body {
	background-color: #262626;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #CC0000;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}






/* Header  -------------------- */


#HeaderContainer{
	background-color: #B11116;
	background-image: url(images/TopHeader_Back.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 135px;
	
}

#TopHeader{
	background-image: url(images/Header_Back.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 970px;
	height: 135px;
	padding-left: 45px;
	padding-right: 45px;
	margin-left: auto;
	margin-right: auto;
	
}

#Logo{
	background-image: url(images/Logo.png);
	background-repeat: no-repeat;
	width: 360px;
	height: 105px;
	display: block;
}






/* Site Navigation  -------------------- */

#MainNav{
	background-image: url(images/LogoBottom.png);
	background-position: left;
	background-repeat: no-repeat;
	width: 810px;
	padding-left: 150px;
	height: 30px;
	text-align: right;
}

ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

Navli{
	float: left;
}

#NavList a:link, #NavList a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	height: 14px;
	padding: 9px 26px 7px 26px;
	display: block;
}

#NavList a:hover, #NavList a:active{
	background-color: #CC0000;
}

.NavOn{
	height: 14px;
	background-color:#CC0000;
	color: #FFFFFF;
	padding: 9px 26px 7px 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}


#SubNav{
	width: 150px;
	padding-top: 35px;
	float: left;
}

#SubNav ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#SubNav a:link, #SubNav a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #AAAAAA;
	width: 135px;
	text-align: left;
	padding: 8px 0px 8px 15px;
	text-decoration: none;
	text-transform: uppercase;
}

#SubNav a:hover, #SubNav a:active{
	background-color:#CC0000;
}

.SubPageOn{
	background-color:#CC0000;
	color: #FFFFFF;
	padding: 8px 0px 8px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#QuickLinks{ list-style-type: none; margin: 0; padding-top: 0;}
#QuickLinks li, #QuickLinks a{ height: 35px; display: block;}

#Calendar{ width: 195px; height: 35px; background:url(images/Calendar.png); background-repeat: no-repeat;}
#Calendar:hover{ background:url(images/Calendar_over.png); background-repeat: no-repeat;}
#CalendarOn{  width: 195px; height: 35px; background-image:url(images/Calendar_over.png);}

#ClassPages{ width: 195px; height: 35px; background-image:url(images/ClassPages.png); background-repeat: no-repeat;}
#ClassPages:hover{ background:url(images/ClassPages_over.png); background-repeat: no-repeat;;}
#ClassPagesOn{ width: 195pxpx; height: 35px; background-image:url(images/ClassPages_over.png);}

#Forms{ width: 195px; height: 35px; background-image:url(images/Forms.png); background-repeat: no-repeat;}
#Forms:hover{ background:url(images/Forms_over.png); background-repeat: no-repeat;}
#FormsOn{ width: 195pxpx; height: 35px; background-image:url(images/Forms_over.png);}

#LunchMenu{ width: 195px; height: 35px; background-image:url(images/Menu.png); background-repeat: no-repeat;}
#LunchMenu:hover{ background:url(images/Menu_over.png); background-repeat: no-repeat;}
#LunchMenuOn{ width: 195pxpx; height: 35px; background-image:url(images/Menu_over.png);}

#Church{ width: 195px; height: 35px; background-image:url(images/Church.png); background-repeat: no-repeat;}
#Church:hover{ background:url(images/Church_over.png); background-repeat: no-repeat;}
#ChurchOn{ width: 195pxpx; height: 35px; background-image:url(images/Church_over.png);}

#BodyCopy a:link, #BodyCopy a:visited{
	font-family: Helvetica;
	color: #000000;
	font-size: 11pt;
	line-height: 20pt;
	font-weight: lighter;
	text-decoration: none;
}

#BodyCopy a:hover, #BodyCopy a:active{
	text-decoration: none;
	color:#CC0000;
}

#ContactBodyCopy a:link, #ContactBodyCopy a:visited{
	font-family: Helvetica;
	color: #000000;
	font-size: 11pt;
	line-height: 20pt;
	font-weight: lighter;
	text-decoration: none;
}

#ContactBodyCopy a:hover, #ContactBodyCopy a:active{
	text-decoration: none;
	color:#CC0000;
}

#ClassPagesLinks{ list-style-type: none; margin: 0; padding-top: 0; height: 350px;}
#ClassPagesLinks a{ height: 175px; display: block;}

#Kindergarten{ width: 165px; height: 175px; background:url(images/Kindergarten.png); background-repeat: no-repeat; float: left;}
#Kindergarten:hover{ background:url(images/Kindergarten_Over.png); background-repeat: no-repeat;}

#FirstGrade{ width: 165px; height: 175px; background-image:url(images/FirstGrade.png); background-repeat: no-repeat; float: left;}
#FirstGrade:hover{ background:url(images/FirstGrade_Over.png); background-repeat: no-repeat;;}

#SecondGrade{ width: 165px; height: 175px; background-image:url(images/SecondGrade.png); background-repeat: no-repeat; float: left;}
#SecondGrade:hover{ background:url(images/SecondGrade_Over.png); background-repeat: no-repeat;}

#ThirdGrade{ width: 165px; height: 175px; background-image:url(images/ThirdGrade.png); background-repeat: no-repeat; float: left;}
#ThirdGrade:hover{ background:url(images/ThirdGrade_Over.png); background-repeat: no-repeat;}

#FourthGrade{ width: 165px; height: 175px; background-image:url(images/FourthGrade.png); background-repeat: no-repeat; float: left;}
#FourthGrade:hover{ background:url(images/FourthGrade_Over.png); background-repeat: no-repeat;}

#FifthGrade{ width: 165px; height: 175px; background-image:url(images/FifthGrade.png); background-repeat: no-repeat; float: left;}
#FifthGrade:hover{ background:url(images/FifthGrade_Over.png); background-repeat: no-repeat;}






/* Banner  -------------------- */


#BannerContainer{
	background-color: #000000;
	width: 100%;
	height: 200px;
}

#Banner{
	width: 1000px;
	height: 200px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/Header_BoardBack.jpg);
	background-repeat: no-repeat;
}






/* Content  -------------------- */


#ContentContainer{
	background-color: #FFFFFF;
	background-image: url(images/Content_Gradient.jpg);
	background-repeat: repeat-x;
	width: 100%;
	overflow: ;
}

#Content{
	width: 960px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/ContentBack.png);
	background-repeat: repeat-y;
	overflow: hidden;
}

#Promo{
	width: 725px;
	background-image: url(images/PaperTop.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	float: left;
	margin-left: 10px;
}

#PromoImage{
	width: 660px;
	height: 420px;
	padding-left: 35px;
	padding-right: 30px;
}

#Body{
	width: 725px;
	background-image: url(images/PaperTop.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	float: left;
	margin-left: 10px;
}

#BodyCopy{
	width: 505px;
	min-height: 400px;
	padding-left: 35px;
	padding-right: 35px;
	float: left;
}

#ContactBodyCopy{
	width: 640px;
	min-height: 400px;
	padding-left: 50px;
	padding-right: 35px;
	float: left;
}

#ContactInfo{
	width: 250px;
	float: left;
}

#ContactMap{
	width: 390px;
	float: left;
}

#BodyFooter{
	width: 725px;
	height: 25px;
	background-image: url(images/PaperBottom.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	clear: both;
}

#SideBar{
	width: 195px;
	padding: 35px 15px 20px 15px;
	background-image: url(images/SideBarBack.jpg);
	background-repeat: no-repeat;
	float: left;
}

#QuickLinksNav{
	width: 195px;
	height: 175px;
	padding-top: 40px;
	background-image: url(images/QuickLinksBack.png);
	background-repeat: no-repeat;
}

#Divider{
	width: 195px;
	height: 35px;
	background-image: url(images/Divider.png);
	background-repeat: no-repeat;
}

#eNewsletter{
	width: 195px;
	height: px;
	padding-top: 90px;
	background-image: url(images/GetConnected.png);
	background-repeat: no-repeat;
}

#Faculty{
	width: 505px;
	margin-top: 30px;
	overflow: hidden;
}

#FacultyPhoto{
	width: 130px;
	margin-right: 25px;
	float: left;
}

#FacultyInfo{
	width: 350px;
	float: left;
}

#Title{
	width: 350px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#FacultyAbout{
	width: 350px;
	padding-top: 6px;
}






/* Class Pages  -------------------- */

#KindergartenPage{
	width: 505px;
}






/* Text Styles  -------------------- */

h1{
	font-family: Georgia;
	color: #CC0000;
	font-size: 22pt;
	line-height: 25pt;
	font-weight:lighter;
}

p{
	font-family: Helvetica;
	color: #000000;
	font-size: 11pt;
	line-height: 20pt;
	font-weight: lighter;
}

h2{
	font-family: Helvetica;
	color: #000000;
	font-size: 11pt;
	line-height: 20pt;
	font-weight: bold;
}

p2{
	font-family: Helvetica;
	color: #CC0000;
	font-size: 12pt;
	font-weight: bold;
}

p3{
	font-family: Helvetica;
	color: #666666;
	font-size: 9pt;
	line-height: 14pt;
	font-weight: lighter;
}

p4{
	font-family: Helvetica;
	color: #000000;
	font-size: 11pt;
	line-height: 15pt;
	font-weight: lighter;
	padding-top: 15px;
}







/* Footer  -------------------- */


#FooterContainer{
	background-color: #262626;
	background-image: url(images/Footer_Shadow.png);
	background-repeat: repeat-x;
	height: 145px;
	width: 100%;
	clear: both;
}

#Footer{
	background-image: url(images/Footer_Back.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 950px;
	height: 50px;
	padding: 50px 25px 45px 25px;
	margin-left: auto;
	margin-right: auto;
}

#Disclaimer{
	width: 490px;
	height: 50px;
	text-align: left;
	float: left;
}

#DisclaimerLinks{
	width: 490px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}

#DisclaimerInfo{
	width: 490px;
	height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #FFFFFF;
}

#Donate{
	width: 235px;
	height: 50px;
	float: left;
}

#Facebook{
	width: 225px;
	height: 50px;
	float: left;
}