﻿* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #0e1a31;
	background-color: #1f2733;
	background-image: url(../Images/bg_Body.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}


/* ELEMENTS */

a {
	color: #06214f;
}

a:hover {
}

a.ArrowLink {
	padding-left: 10px;
	text-decoration: none;
	background-image: url(../Images/bullet_Arrow_01.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
}

a.ArrowLink:hover {
	text-decoration: underline;
}

h1 {
}

h1 img {
	display: none;
}

h2 {
	display: none;
}

h3 {
	color: #d8dade;
}

h4 {
	margin-bottom: 20px;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 17px;
	color: #123162;
	text-transform: uppercase;
}

h4 span {
	display: none;
}

h5 {
	font-size: 13px;
	font-family: Georgia, Times New Roman, Serif;
}

h6 {
	font-size: 12px;
	font-weight: bold;
}

h6.H6_Margin01 {
	margin-bottom: 8px;
}

div.hr01 {
	width: 450px;
	height: 1px;
	margin: 0 0 18px 0;
	background-image: url(../Images/bg_hr01.gif);
	background-repeat: repeat-x;
}

div.hr01 hr {
	display: none;
}

iframe {
	margin-bottom: 13px;
}

img {
	border: none;
}

p {
	margin-bottom: 18px;
	line-height: 18px;
}

ul {
	list-style: none;
}

ul.ArrowList {
	margin-bottom: 15px;
}

ul.ArrowList li {
	padding-left: 10px;
	background-image: url(../Images/bullet_Arrow_01.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
}

ul.ArrowList a {
	text-decoration: none;
}

ul.ArrowList a:hover {
	text-decoration: underline;
}

/* STYLES BY SITE STRUCTURE */

/* This wrapper contains the striped background image that extends to the right */
div.BackgroundWrapper {
	float: left;
	width: 100%;
	height: 635px;
	background-image: url(../Images/bg_BackgroundWrapper.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

/* This div contains the entire site structure - use it to set the width of the layout */
div.LayoutWrapper {
	float: left;
	width: 957px;
	padding-left: 16px;
	background: url(../Images/bg_Body.gif) 0 0 repeat-x;
}

/* This div is the top header area - it contains any top navigation, the logo, and the main page image;
If the logo and header image are combined, that image should go here */
div.TopWrapper {
	width: 957px;
	height: 116px;
	padding-bottom: 8px;
	background-image: url(../Images/bg_TopWrapper.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

*html div.TopWrapper {
	/* Fixes 1 pixel padding variance in IE6 */
	padding-bottom: 7px;
}

/* This div contains the h1 and logo image;
If the logo is combined with the header image, place a logo image for print here and hide it in the screen styles */
div.LogoHolder {
	float: left;
	width: 384px;
	height: 88px;
}

div.LogoHolder a {
	float: left;
	display: block;
	width: 384px;
	height: 88px;
}

/* This div contains the main L2 title */
div.MainTitle {
	float: left;
	width: 573px;
	height: 88px;
}

div.MainTitle div {
	float: left;
	width: 573px;
	height: 88px;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.MainTitle_Calendar {
	background-image: url(../Images/MainTitle_Calendar.gif);
}

.MainTitle_Enrollment {
	background-image: url(../Images/MainTitle_Enrollment.gif);
}

.MainTitle_News {
	background-image: url(../Images/MainTitle_News.gif);
}

.MainTitle_Newsletter {
	background-image: url(../Images/MainTitle_Newsletter.gif);
}

.MainTitle_OurCommitment {
	background-image: url(../Images/MainTitle_OurCommitment.gif);
}

.MainTitle_OurCommunity {
	background-image: url(../Images/MainTitle_OurCommunity.gif);
}

.MainTitle_OurPeople {
	background-image: url(../Images/MainTitle_OurPeople.gif);
}

.MainTitle_OurResults {
	background-image: url(../Images/MainTitle_OurResults.gif);
}

.MainTitle_OurSchool {
	background-image: url(../Images/MainTitle_OurSchool.gif);
}

div.MainTitle div h3 span {
	display: none;
}

/* HEADER NAV */

/* Set general properties for the container holding the navigation */
.HeaderNav {
	width: 957px;
	height: 29px;
}

/* Set properties for the L2 List */
.HeaderNav ul {
}

/* Set properties for the List Items in the L2 List */
.HeaderNav li {
	display: inline;
}

/* Set properties for the normal state of the Links in the L2 List */
.HeaderNav a {
	display: block;
	float: left;
	height: 28px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* Set properties for the hover state of the Links in the L2 List */
.HeaderNav a:hover {
	background-position: 0 -28px;
}

/* Set properties for the normal and hover states of the active Links in the L2 List */
.HeaderNav a.active, .HeaderNav a.active:hover {
	background-position: 0 -56px;
}

/* Set Properties for each L2 Image Link */

.HeaderNav_OurCommitmentLink {
	width: 218px;
	background-image: url(../Images/HeaderNav_OurCommitmentLink.gif);
}

.HeaderNav_OurCommunityLink {
	width: 208px;
	background-image: url(../Images/HeaderNav_OurCommunityLink.gif);
}

.HeaderNav_OurPeopleLink {
	width: 173px;
	background-image: url(../Images/HeaderNav_OurPeopleLink.gif);
}

.HeaderNav_OurResultsLink {
	width: 181px;
	background-image: url(../Images/HeaderNav_OurResultsLink.gif);
}

.HeaderNav_OurSchoolLink {
	width: 177px;
	background-image: url(../Images/HeaderNav_OurSchoolLink.gif);
}

.HeaderNav a span {
	display: none;
}

/* END HEADER NAV */

/* This div contains the middle area of the site, which holds the left hand navigation area (if needed) and the main content areas */
div.MiddleWrapper {
	width: 957px;
	float: left;
	min-height: 525px;
	height: auto !important;
	height: 525px;
	background-image: url(../Images/bg_MiddleWrapper.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}

div.MiddleWrapper_Home {
	width: 957px;
	float: left;
	height: 495px;
	background-image: url(../Images/bg_MiddleWrapper_Home.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

div.FlashHolder {
	width: 957px;
	height: 336px;
}

/* Start No Flash Content Styles */
div.NoFlash_MainImageHolder {
	float: left;
	width: 453px;
	padding-left: 20px;
}

div.NoFlash_RightContentHolder {
	float: left;
	width: 484px;
	height: 336px;
	background-image: url(../Images/bg_NoFlash_RightContentHolder.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

div.ElevatorCopy {
	width: 484px;
	height: 180px;
	background-image: url(../Images/bg_ElevatorCopy.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div.ElevatorCopy p {
	display: none;
}

div.CalendarTitle_Home {
	width: 484px;
	height: 32px;
	margin: 1px 0;
	background-image: url(../Images/bg_CalendarTitle_Home.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div.CalendarTitle_Home h3 {
	display: none;
}

div.CalendarHolder_Home {
	width: 415px;
	height: 77px;
	margin-top: 21px;
	padding: 0 24px 0 45px;
	font-size: 11px;
}

div.CalendarHolder_Home div {
	width: 345px;
	height: 77px;
	padding-right: 70px;
	overflow-y: scroll;
}

table.CalendarTable_Home {
	table-layout: fixed;
}

table.CalendarTable_Home td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
}

table.CalendarTable_Home td.DateCell {
	color: #7e95a2;
	padding-right: 10px;
}

table.CalendarTable_Home td.TitleCell {
	color: #e5e9ef;
}
/* End No Flash Content Styles */

/* This div holds the Announcements section of the home page */
div.AnnouncementsWrapper_Home {
	float: left;
	/*width: 877px;*/
	width: 530px;
	height: 111px;
	/*padding: 27px 40px 0 40px;*/
	padding: 27px 80px 0 40px;
	overflow: hidden;
}

div.AnnouncementsTitle_Home {
	float: left;
	/*width: 877px;*/
	width: 530px;
	height: 11px;
	margin-bottom: 18px;
	background-image: url(../Images/bg_AnnouncementsTitle_Home.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div.AnnouncementsTitle_Home h3 {
	display: none;
}

div.AnnouncementsHolder_Home {
	float: left;
	display: inline;
	width: 530px;
	/*margin-right: 80px;*/
	font-size: 11px;
}

table.AnnouncementsTable_Home {
	table-layout: fixed;
}

table.AnnouncementsTable_Home td.DateCell {
	padding: 0 15px 0 0;
	text-align: left;
	vertical-align: top;
	color: #e2e2e2;
}

table.AnnouncementsTable_Home td.TitleCell {
	padding: 0 15px 12px 0;
}

table.AnnouncementsTable_Home td.TitleCell, table.AnnouncementsTable_Home td.TitleCell a {
	color: #8791a2;
}

table.AnnouncementsTable_Home td.TitleCell a:hover {
	color: #e2e2e2;
}

table.AnnouncementsTable_Home td.MoreLinkCell {
	padding: 0 0 0 9px;
	text-align: left;
	vertical-align: middle;
	color: #8791a2;
	background-image: url(../Images/bg_MoreLinkCell_Home.gif);
	background-position: left;
	background-repeat: no-repeat;
}

table.AnnouncementsTable_Home td.MoreLinkCell a {
	color: #8791a2;
	text-decoration: none;
}

table.AnnouncementsTable_Home td.MoreLinkCell a:hover {
	color: #e2e2e2;
}

div.VideoPromoHolder {
	float: left;
	width: 267px;
	padding: 18px 0 0 0;
}

/* This div is the column for any left hand navigation or imagery */
div.LeftNavColumn {
	float: left;
	width: 232px;
	padding-top: 16px;
}

div.L3NavHolder {
	float: left;
	width: 232px;
	padding-top: 20px;
	background-color: #394b6a;
	background-image: url(../Images/bg_L3Nav.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div.L3NavHolder ul {
	width: 232px;
	padding-bottom: 20px;
	background-image: url(../Images/bg_L3Nav.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.L3NavHolder a {
	display: block;
	width: 184px;
	padding: 7px 10px 7px 38px;
	color: #f3f4f6;
	text-decoration: none;
	background-image: url(../Images/bullet_L3Link_off.gif);
	background-position: 28px 11px;
	background-repeat: no-repeat;
}

div.L3NavHolder a:hover {
	background-color: #485d7f;
	background-image: url(../Images/bullet_L3Link_over.gif);
}

div.L3NavHolder a.active, div.L3NavHolder a.active:hover {
	background-color: #4f6589;
	background-image: url(../Images/bullet_L3Link_active.gif);
}

/* This div contains the main content areas and promo areas of the site */
div.MainContentColumn {
	float: left;
	width: 725px;
}

/* This div contains the center content area */
div.CenterContentHolder {
	float: left;
	width: 450px;
	padding: 38px 20px 55px 20px;
}

/* L3 Page Title Images */
div.PageTitleHolder {
	float: left;
	width: 450px;
	height: 20px;
	margin-bottom: 17px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.PageTitle_Contact {
	background-image: url(../Images/PageTitle_Contact.gif);
}

.PageTitle_FAQ {
	background-image: url(../Images/PageTitle_FAQ.gif);
}

.PageTitle_InformationOnCharterSchools {
	background-image: url(../Images/PageTitle_InformationOnCharterSchools.gif);
}

.PageTitle_SchoolProfile {
	background-image: url(../Images/PageTitle_SchoolProfile.gif);
}

.PageTitle_StudentsAndParents {
	background-image: url(../Images/PageTitle_StudentsAndParents.gif);
}

/* Landing page intro paragraphs */
div.IntroPara, div.IntroPara p {
	font-size: 17px;
	line-height: 22px;
	font-family: Georgia, Times New Roman, Serif;
}

/* Styles in the middle center content area */
div.ContentHolder ul {
	margin: 0 0 18px 20px;
}

div.ContentHolder ul li {
	padding-left: 10px;
	line-height: 18px;
	margin-bottom: 5px;
	background-image: url(../Images/bullet_Circle_01.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
}

div.ContentHolder ul.ArrowList {
	margin: 0 0 18px 2px;
}

div.ContentHolder ul.ArrowList li {
	padding-left: 10px;
	margin-bottom: 5px;
	background-image: url(../Images/bullet_Arrow_01.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
}

div.ContentHolder ul.ArrowList li a {
	text-decoration: none;
}

div.ContentHolder ul.ArrowList li a:hover {
	text-decoration: underline;
}

/* Bio Pages */
div.BioHolder {
	clear: both;
	width: 450px;
}

div.BioHolder h4 {
	margin-bottom: 0px;
}

div.BioHolder h5 {
	color: #123162;
	margin-bottom: 20px;
}

div.BioImageHolder {
	float: left;
	width: 108px;
	padding: 2px;
	margin-right: 20px;
	background-color: #576669;
}

div.BioImageHolder img {
	float: left;
}

div.BioContentHolder {
	float: left;
	width: 318px;
}

/* Announcements and Calendar Tables */
table.DatesListTable {
	table-layout: fixed;
}

table.DatesListTable td.DateCell {
	padding: 0 15px 0 0;
	text-align: left;
	vertical-align: top;
	color: #06214f;
	font-weight: bold;
}

table.DatesListTable td.DateCell a {
	color: #06214f;
	font-weight: bold;
}

table.DatesListTable td.TitleCell {
	vertical-align: top;
	padding: 0 0 12px 0;
}

table.DatesListTable a.CalendarReadMoreLink {
	float: right;
}

/* Form Holder Tables and Form Elements */
div.FormTableHolder01 {
	padding: 15px;
	background-color: #ebebeb;
	border: 1px solid #bdbcbc;
}
table.FormHolderTable01 {
	table-layout: fixed;
}

label {
	font-weight: bold;
}

.TextBox01, .TextBox02 {
	padding: 1px;
	border: 1px solid #bdbcbc;
}

table.FormHolderTable01 .TextBox01 {
	width: 185px;
}

table.FormHolderTable01 .TextBox02 {
	width: 386px;
}

table.FormHolderTable01 .Select01 {
	width: 188px;
}

/* Photo Galleries */
div.PhotoGalleryHolder {
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

/* Content Area Promos */
div.ContentPromoHolder01 {
	float: left;
	position: relative;
	width: 430px;
	padding: 10px;
	margin-bottom: 5px;
	background-color: #d8d8d8;
}

div.ContentPromoHolder01 div.PromoImageHolder {
	float: left;
	width: 85px;
	padding-right: 10px;
}

div.ContentPromoHolder01 div.PromoContentHolder {
	
	float: left;
	width: 335px;
	padding-top: 8px;
}

div.ContentPromoHolder01 div.PromoContentHolder p {
	margin-bottom: 25px;
}

div.ContentPromoHolder01 div.PromoContentHolder a.MoreLink {
	/*float: right;
	margin: 5px 20px 0 0;*/
	position: absolute;
	right: 10px;
	bottom: 15px;
}

/* This div contains the right side promo areas (with main images, calendar widget, promos, and L4 navigation */
div.PromoColumn {
	float: left;
	width: 235px;
}

div.MainImageHolder {
	width: 235px;
	height: 179px;
	border-bottom: 1px solid #797979;
}

div.MainImageHolder img {
	float: left;
}

/* Text Promos in the Right Promo Column */
div.RightPromoHolder01 {
	float: left;
	width: 195px;
	padding: 20px 20px 12px 20px;
	background-color: #c4c2c2;
	background-image: url(../Images/bg_RightPromoHolder01.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.RightPromoHolder01 h5 {
	font-size: 15px;
	color: #123162;
	margin-bottom: 6px;
}

div.RightPromoHolder01 p {
	color: #2d2d2d;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 16px;
}

div.RightPromoHolder01 a.ReadMoreLink {
	float: right;
	padding-left: 10px;
	color: #0b5081;
	font-size: 11px;
	text-decoration: none;
	background-image: url(../Images/bullet_RightPromo01.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
}

/* L4 Navigation */
div.L4NavHolder {
	float: left;
	width: 195px;
	padding: 20px;
}

div.L4NavHolder li {
	font-size: 11px;
	line-height: 20px;
}

div.L4NavHolder a {
	padding-left: 11px;
	color: #004677;
	text-decoration: none;
	background-image: url(../Images/bullet_L4Link.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
}

div.L4NavHolder a:hover {
	text-decoration: underline;
}

div.L4NavHolder a.active, div.L4NavHolder a.active:hover {
	font-weight: bold;
	text-decoration: none;
}

/* This div contains the bottom area of the site, which holds the copyright information and any footer navigation if it is outside of and below the content area */
div.BottomWrapper {
	float: left;
	width: 913px;
	height: 22px;
	padding: 8px 22px;
}

/* This div contains the copyright information */
div.CopyrightHolder {
	float: left;
	width: 200px;
}

div.CopyrightHolder p {
	font-size: 11px;
	color: #6a6e73;
}

/* This div contains the footer links */
div.FooterNav {
	float: left;
	width: 713px;
}

div.FooterNav ul {
	float: right;
}

div.FooterNav li, div.FooterNav a {
	font-size: 11px;
	color: #b9babd;
}

div.FooterNav li {
	display: inline;
}

div.FooterNav li span {
	margin: 1px 7px 0 7px;
}

div.FooterNav a {
	text-decoration: none;
}

div.FooterNav a:hover {
	text-decoration: underline;
}

div.FooterNav a.active, div.FooterNav a.active:hover {
	font-weight: bold;
	text-decoration: none;
	color: #dbdcde;
}

div.FooterNav li a span {
	margin: 0px;
}

.errorMessage {
	color: Red;
	font-weight: bold;
	margin-bottom: 15px;
}

div.GrayBox01 {
	padding: 15px;
	background-color: #ebebeb;
	border: 1px solid #bdbcbc;
}
