/*-----------------------------------------------------
Default CSS Document
-----------------------------------------------------*/


/*----------------------
CSS Reset
----------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li, legend, caption{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
}
strong{font-weight:bold;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
a{outline:none;}

/*----------------------
Quick Classes
----------------------*/

.clear{clear:both;}
.fleft{float:left;}
.fright{float:right;}

/*----------------------
Text Formatting
----------------------*/

h1 {
	font-size: 20px;
	font-weight: normal;
	color: #336767;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #336767;
	margin: 8px 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	line-height: 1em;
	margin: 0 0 10px 0;
}

p {
	margin: 8px 0;
}

#footer p {font-size: 11px;}

.bodyList {margin: 0 0 0 22px;}
.bodyList li {margin:5px 0;}
.alphaList{list-style:lower-alpha;}

/*----------------------
Link Formatting
----------------------*/

p a {
	color: #336767;
	background: #ffffcd;
	border-bottom: 1px solid #ffe786;
	text-decoration: none;
}

p a:hover {color: #ccc;}

p.imgBox a {
	border-bottom: none;
	background: none;
}

#footer p a {
	color: #fece0d;
	text-decoration: underline;
	background: none;
	border: none;
}

#footer p a:hover {text-decoration: none;}

/*----------------------
Body Formatting
----------------------*/

body{
	padding: 0;
	margin: 0 auto;
	text-align: left;
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4D4D4D;
	background: #336767;
	line-height: 1.5;
}

/*----------------------
Main Structure Formatting
----------------------*/

#headerContainer {
	float: left;
	width: 100%;
	height: 373px;
	background: url(/images/headerbg.jpg) top left repeat-x;
}

#bodyContainer {
	float: left;
	width: 100%;
	height: auto;
	background: url(/images/bodybg.jpg) #fff top left repeat;
}

#footerContainer {
	float: left;
	width: 100%;
	height: 81px;
	background: url(/images/footerbg.jpg) top left repeat-x;
}

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

#header {
	margin: 0 auto;
	width: 960px;
	height: 280px;
	padding: 30px 0 0;
}

/*----------------------
Navigation Formatting
----------------------*/

#navHolder {
	margin:0 auto;
	width: 960px;
	height: auto;
	list-style: none;
	padding: 27px 0 0;
}

#navHolder li {
	float: left;
	padding: 0 10px 0 0;
}

#navHolder li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 2px 5px;
}

#navHolder li a:hover {color: #ccc;}

body.home #navHolder li a.home,
body.about #navHolder li a.about,
body.academics #navHolder li a.academics,
body.admission #navHolder li a.admission,
body.student #navHolder li a.student,
body.policies #navHolder li a.policies,
body.agencies #navHolder li a.agencies,
body.affiliations #navHolder li a.affiliations,
body.newsletters #navHolder li a.newsletters,
body.calendar #navHolder li a.calendar,
body.contact #navHolder li a.contact {
	color: #336767;
	border: 1px solid #fff0b2;
	background: url(/images/activebg.jpg) repeat-x top left;
}

/*----------------------
Subnav Formatting
----------------------*/

#subNavHolder {list-style:none;}

#subNavHolder li {
	display: inline;
}

#subNavHolder li a {
	color: #336767;
	border-bottom: 1px solid #eaeaea;
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 5px;
}

#subNavHolder li a:hover {
	color: #ccc;
}

/*------ About Sub Nav ------*/

body.vision #subNavHolder li a.vision,
body.staff #subNavHolder li a.staff,
body.history #subNavHolder li a.history,
body.council #subNavHolder li a.council,
body.community #subNavHolder li a.community,
body.building #subNavHolder li a.building,
body.alumni #subNavHolder li a.alumni {
	color: #ccc;
}

/*------ Academics Sub Nav ------*/

body.kindergarten #subNavHolder li a.kindergarten,
body.grade1-6 #subNavHolder li a.grade1-6,
body.grade7-9 #subNavHolder li a.grade7-9,
body.library #subNavHolder li a.library,
body.technology #subNavHolder li a.technology,
body.testing #subNavHolder li a.testing,
body.reports #subNavHolder li a.reports {
	color: #ccc;
}

/*------ Admission Sub Nav ------*/

body.fees #subNavHolder li a.fees,
body.enrollment #subNavHolder li a.enrollment,
body.process #subNavHolder li a.process,
body.forms #subNavHolder li a.forms {
	color: #ccc;
}

/*------ Student Life Sub Nav ------*/

body.athletics #subNavHolder li a.athletics,
body.curricular #subNavHolder li a.curricular,
body.events #subNavHolder li a.events,
body.safety #subNavHolder li a.safety,
body.lunch #subNavHolder li a.lunch,
body.transportation #subNavHolder li a.transportation {
	color: #ccc;
}

/*------ Policies Sub Nav ------*/

body.attendance #subNavHolder li a.attendance,
body.punctuality #subNavHolder li a.punctuality,
body.chapel #subNavHolder li a.chapel,
body.philosophy #subNavHolder li a.philosophy,
body.dress #subNavHolder li a.dress,
body.devices #subNavHolder li a.devices,
body.reporting #subNavHolder li a.reporting,
body.promotion #subNavHolder li a.promotion,
body.responsibilities #subNavHolder li a.responsibilities,
body.homework #subNavHolder li a.homework,
body.exclusion #subNavHolder li a.exclusion,
body.procedure #subNavHolder li a.procedure,
body.bullying #subNavHolder li a.bullying {
	color: #ccc;
}

/*------ Supporting Agencies Sub Nav ------*/

body.board #subNavHolder li a.board,
body.pac #subNavHolder li a.pac,
body.volunteers #subNavHolder li a.volunteers {
	color: #ccc;
}

/*------ Sitemap Links ------*/

.sitemapList {
	list-style: none;
	margin: 0 0 0 10px;
}

.sitemapList li{margin:2px 0;}

.sitemapList li a {
	color: #336767;
	font-weight: bold;
	border-bottom: 1px solid #ffe786;
	text-decoration: none;
	margin: 5px 0;
}
.sitemapList li a:hover {color: #ccc;}

.sitemapSubList {
	list-style: none;
	margin: 0 0 0 20px;
}

.sitemapSubList li a {
	color: #336767;
	font-weight: normal;
	border-bottom: 1px solid #ffe786;
	text-decoration: none;
	margin: 5px 0;
}

/*----------------------
Main Content Formatting
----------------------*/

#mainContent {
	margin: 0 auto;
	width: 960px;
	height: auto;
	padding: 30px 0;
}

#leftCol {
	float: left;
	width: 225px;
	height: auto;
	margin: 0 21px 0 0;
}

#fullLeftCol {
	float: left;
	width: 715px;
	height: auto;
	margin: 0 20px 0 0;
}

#middleCol {
	float: left;
	width: 469px;
	height: auto;
	margin: 0 20px 0 0;
}

#rightCol {
	float: left;
	width: 225px;
	height: auto;
}

/*----------------------
Content Box Formatting
----------------------*/

.smallBoxTop {
	width: 215px;
	height: 10px;
	background: url(/images/smallBoxTop.jpg) #fff no-repeat top left;
	padding: 0 5px;
}

.smallBoxContent {
	width: 225px;
	height: auto;
	background: #fff;
	margin: 0 0 20px 0;
}

.smallBoxBottom {
	width: 215px;
	background: url(/images/smallBoxBottom.jpg) no-repeat right bottom;
	padding: 0 5px 10px 5px;
}

.bigBoxTop {
	width: 459px;
	height: 10px;
	background: url(/images/bigBoxTop.jpg) #fff no-repeat top left;
	padding: 0 5px;
}

.bigBoxContent {
	width: 469px;
	height: auto;
	background: #fff;
	margin: 0 0 20px 0;
}

.bigBoxBottom {
	width: 459px;
	background: url(/images/bigBoxBottom.jpg) no-repeat right bottom;
	padding: 0 5px 10px 5px;
}

.fullBoxTop {
	width: 705px;
	height: 10px;
	background: url(/images/fullBoxTop.jpg) #fff no-repeat top left;
	padding: 0 5px;
}

.fullBoxContent {
	width: 715px;
	height: auto;
	background: #fff;
	margin: 0 0 20px 0;
}

.fullBoxBottom {
	width: 705px;
	background: url(/images/fullBoxBottom.jpg) no-repeat right bottom;
	padding: 0 5px 10px 5px;
}

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

.locationMap {
	border: 1px solid #ccc;
}

.staffPost {
	border-bottom: 1px solid #eaeaea;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}

.contentTbl td {padding:5px 0;}

.imgBorder {
	padding: 5px;
	border: 1px solid #ccc;
	background: #eaeaea;
}

p.imgBox {
	text-align: center;
}

/*----------------------
News Box Formatting
----------------------*/

.newsBox {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}

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

#footer {
	margin: 0 auto;
	width: 960px;
	height: auto;
	padding: 20px 0;
	color: #ccc;
}