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

/*
page width 974px;
side column 247px;
main column 727px
*/

/**************************************************************
***************************************************************
*
*					page setup
*
***************************************************************
**************************************************************/

.container {
	width: 974px;
	margin: 0px auto 0px auto;
	}
	
#logo {
	width: 95px;
	height: 112px;
	margin-left: 6px;
	position: absolute;
	top: 19px;
	z-index: 100;
	}
	
/* header */

#header {
	height: 128px;
	background-image: url(/assets/graphics/header-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}

#header .container {
	width: 974px;
	height: 128px;
	margin: 0px auto 0px auto;
	background-image: url(/assets/graphics/header-logo-bg.jpg);
	background-repeat: no-repeat;
	}

#footer {
	height: 188px;
	background-image: url(/assets/graphics/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}

#footer .container {
	width: 959px;
	height: 133px;
	margin: 0px auto 0px auto;
	padding: 55px 0px 0px 15px;
	background-image: url(/assets/graphics/footer-container-bg.jpg);
	background-repeat: no-repeat;
	}

#footer p {
	font-size: 1.1em;
	color: #cccccc;
	}

#footer p a {
	color: #cccccc;
	}
	
/**************************************************************
***************************************************************
*
*					content page
*
***************************************************************
**************************************************************/

.contentPage #mainContent {
	height: auto;
	background-image: url(/assets/graphics/content-maincontent-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #f3f3f3;
	}

.contentPage #mainContent .container {
	height: auto;
	background-image: url(/assets/graphics/content-logo-bg.jpg);
	background-repeat: no-repeat;
	}

/**************************************************************

	navigation, news and results boxes

**************************************************************/

.contentPage #mainContent .firstColumn {
	float: left;
	display: inline;
	width: 247px;
	height: auto;
	padding-top: 26px;
	}

.contentPage #mainContent .firstColumn .block {
	width: 247px;
	height: auto;
	margin-bottom: 15px;
	}

.contentPage #mainContent .firstColumn .content {
	width: 210px;
	height: auto;
	margin: 0px 5px 0px 7px;
	padding: 0px 10px 5px 15px;
	background-image: none;
	background-color: #FFFFFF
	}

.contentPage #mainContent .firstColumn #newsBlock {
	background-image: url(/assets/graphics/content-news-heading.jpg);
	background-repeat: no-repeat;
	}

.contentPage #mainContent .firstColumn #latestResultsBlock {
	background-image: url(/assets/graphics/content-latestresults-heading.jpg);
	background-repeat: no-repeat;
	}
	
.contentPage #mainContent .firstColumn h2 {
	height: 55px;
	}

.contentPage #mainContent .firstColumn #newsBlock li,
.contentPage #mainContent .firstColumn #latestResultsBlock li {
	padding: 0px 0px 5px 0px;
	background-image: url(/assets/graphics/horizontal-line-220px.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}

/**************************************************************

	main content area

**************************************************************/

.contentPage #mainContent .secondColumn {
	float: left;
	display: inline;
	width: 727px;
	height: auto;
	}

.contentPage #mainContent .secondColumn .contentTop {
	width: 722px;
	height: 9px;
	margin-left: 5px;
	background-image: url(/assets/graphics/content-main-top.gif);
	background-repeat: no-repeat;
	}

.contentPage #mainContent .secondColumn .content {
	width: 672px; /* width: 727px; */
	height: auto;
	margin-left: 5px;
	padding: 15px 25px 6px 25px;
	background-image: url(/assets/graphics/content-main-bg.gif);
	background-repeat: repeat-y;
	}
	
.contentPage #mainContent .secondColumn .contentBase {
	width: 722px;
	height: 9px;
	margin: 0px 0px 15px 5px;
	background-image: url(/assets/graphics/content-main-base.gif);
	background-repeat: no-repeat;
	}

/* remove top margin from first h1 heading */
.contentPage #mainContent .secondColumn h1 {
	margin-top: 0;
	}

/*make h2 headings in articles larger
.contentPage #mainContent .secondColumn h2 {
	font-weight: normal;
	font-size: 1.6em;
	margin: 2em 0em 0em 0em;
	} */
	
/* for nested h2 headings above 
.contentPage #mainContent .secondColumn li h2 {
	font-size: 1.3em;
	}*/
	
.contentPage #mainContent .secondColumn li h1 {
	margin-bottom: 0;
	}
	
/* increase main body paragraph line height */
.contentPage #mainContent .secondColumn p {
	line-height: 1.6em;
	}

/**************************************************************

	featured image with caption

**************************************************************/

.contentPage #mainContent .featureBox {
	width: 338px;
	height: auto;
	margin: 0em 0em 1em 1em;
	}
	
.contentPage #mainContent .featureBox .caption {
	width: 308px;
	height: auto;
	padding: 0px 15px 0px 15px;
	background-image: url(/assets/graphics/content-caption-bg.gif);
	background-repeat: repeat-y;
	}
	
.contentPage #mainContent .featureBox .captionTop {
	width: 338px;
	height: 5px;
	margin-top: 12px;
	background-image: url(/assets/graphics/content-caption-top.gif);
	background-repeat: no-repeat;
	}

.contentPage #mainContent .featureBox .captionBase {
	width: 338px;
	height: 5px;
	background-image: url(/assets/graphics/content-caption-base.gif);
	background-repeat: no-repeat;
	}

.contentPage #mainContent .featureBox p {
	font-style: italic;
	}

/**************************************************************

	gallery images

**************************************************************/

/*
if imageBox heights vary, wrap each row of li tags in a div 
with class 'clearFix' to 'clear' each row
*/

.contentPage #mainContent .imageBox {
	width: 210px;
	height: auto;
	}

.contentPage #mainContent .imageBox img {
	background-color: #CCCCCC;
	}

.contentPage #mainContent .gallery li {
	display: inline;
	float: left;
	margin: 0px 15px 15px 0px;
	}

.contentPage #mainContent .gallery li.lastItem {
	display: inline;
	float: left;
	margin: 0px 0px 15px 0px;
	}

.contentPage #mainContent .gallery li h2 {
	margin: .5em 0em;
	}

.contentPage #mainContent .gallery li p {
	line-height: 1.2em;
	margin: .5em 0em;
	}

/**************************************************************

	adjustments for different page types

**************************************************************/

/* download list */
.contentPage #mainContent .downloadList li h1 {
	margin-top: 1em;
	margin-bottom: .5em;
	padding-bottom: 10px;
	background-image: url(/assets/graphics/horizontal-line-672px.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	}

/**************************************************************

	sub content area

**************************************************************/

.contentPage #subContent {
	height: auto; /* height 259px; */
	background-image: url(/assets/graphics/content-subcontent-bg.jpg);
	background-repeat: repeat;
	background-position: center bottom;
	}

.contentPage #subContent .container {
	width: 974px;
	height: auto;
	margin: 0px auto 0px auto;
	}

.contentPage #subContent .firstColumn {
	float: left;
	display: inline;
	width: 225px;
	height: auto;
	margin: 45px 0px 0px 22px;
	background-image: url(/assets/graphics/content-subcontent-quicklinks-heading.jpg);
	background-repeat: no-repeat;
	}

.contentPage #subContent .firstColumn h2 {
	height: 40px;
	}
	
.contentPage #subContent .firstColumn .quickLink a {
	color: #cccccc;
	background-image: url(/assets/graphics/quicklink-black-bg.gif);
	}

.contentPage #subContent .firstColumn .quickLink a:hover {
	color: #ffffff;
	}
	
.contentPage #subContent .secondColumn {
	float: left;
	display: inline;
	width: 720px;
	height: auto;
	margin: 22px 0px 0px 0px;
	}

.contentPage #subContent .secondColumn .block {
	float: left;
	display: inline;
	width: 194px;
	height: auto;
	margin: 0px 5px;
	padding: 0px 140px 40px 15px;
	}
	
.contentPage #subContent .secondColumn #outdoorActivities {
	background-image: url(/assets/graphics/content-subcontent-box-1-bg.jpg);
	background-repeat: no-repeat;
	}

.contentPage #subContent .secondColumn #sportNews {
	background-image: url(/assets/graphics/content-subcontent-box-2-bg.jpg);
	background-repeat: no-repeat;
	}

.contentPage #subContent .secondColumn h2 {
	height: 55px;
	}
	
/**************************************************************
***************************************************************
*
*					news page
*
***************************************************************
**************************************************************/

.newsPage #mainContent {
	height: auto;
	background-image: url(/assets/graphics/content-maincontent-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #f3f3f3;
	}

.newsPage #mainContent .container {
	height: auto;
	background-image: url(/assets/graphics/content-logo-bg.jpg);
	background-repeat: no-repeat;
	}

/**************************************************************

	navigation, news and results boxes

**************************************************************/

.newsPage #mainContent .firstColumn {
	float: left;
	display: inline;
	width: 247px;
	height: auto;
	padding-top: 26px;
	}

.newsPage #mainContent .firstColumn .block {
	width: 247px;
	height: auto;
	margin-bottom: 15px;
	}

.newsPage #mainContent .firstColumn .content {
	width: 210px;
	height: auto;
	margin: 0px 5px 0px 7px;
	padding: 0px 10px 5px 15px;
	background-image: none;
	background-color: #FFFFFF
	}

.newsPage #mainContent .firstColumn #newsBlock {
	background-image: url(/assets/graphics/content-news-heading.jpg);
	background-repeat: no-repeat;
	}

.newsPage #mainContent .firstColumn #latestResultsBlock {
	background-image: url(/assets/graphics/content-latestresults-heading.jpg);
	background-repeat: no-repeat;
	}
	
.newsPage #mainContent .firstColumn h2 {
	height: 55px;
	}

.newsPage #mainContent .firstColumn #newsBlock li,
.newsPage #mainContent .firstColumn #latestResultsBlock li {
	padding: 0px 0px 5px 0px;
	background-image: url(/assets/graphics/horizontal-line-220px.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}

/**************************************************************

	main content area

**************************************************************/

.newsPage #mainContent .secondColumn {
	float: left;
	display: inline;
	width: 727px;
	height: auto;
	}

.newsPage #mainContent .secondColumn .contentTop {
	width: 600px;
	height: 9px;
	margin-left: 5px;
	background-image: url(/assets/graphics/news-main-top.gif);
	background-repeat: no-repeat;
	}

.newsPage #mainContent .secondColumn .content {
	display: block;
	width: 550px; /* width: 600px; */
	height: auto;
	margin-left: 5px;
	padding: 15px 25px 6px 25px;
	background-image: url(/assets/graphics/news-main-bg.gif);
	background-repeat: repeat-y;
	}
	
.newsPage #mainContent .secondColumn .contentBase {
	width: 600px;
	height: 9px;
	margin: 0px 0px 15px 5px;
	background-image: url(/assets/graphics/news-main-base.gif);
	background-repeat: no-repeat;
	}

.newsPage #mainContent .secondColumn .content li {
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 30px;
	background-image: url(/assets/graphics/horizontal-line-672px.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
.newsPage #mainContent .secondColumn .content ul.paging li {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
	}

.newsPage #mainContent .secondColumn li .dateBox {
	width: 69px;
	height: 55px;
	padding-top: 10px;
	position: absolute;
	z-index: 500;
	left: 575px;
	top: -10px;
	color: #FFFFFF;
	background-image: url(/assets/graphics/news-date-tab.jpg);
	background-repeat: no-repeat;
	text-align: center;
	}

.newsPage #mainContent .secondColumn li .dateBox .day {
	font-size: 32px;
	}

.newsPage #mainContent .secondColumn li .dateBox .month {
	font-size: 15px;
	text-transform: uppercase;
	}

/* remove margins from all h1 headings */	
.newsPage #mainContent .secondColumn h1 {
	margin: 0;
	}

/* remove margins from all published date */	
.newsPage #mainContent .secondColumn p.publishDate {
	color: #2d5285;
	margin: 0;
	}
	
/* increase main body paragraph line height */
.newsPage #mainContent .secondColumn p {
	line-height: 1.6em;
	}
	
/**************************************************************

	sub content area

**************************************************************/

.newsPage #subContent {
	height: auto; /* height 259px; */
	background-image: url(/assets/graphics/content-subcontent-bg.jpg);
	background-repeat: repeat;
	background-position: center bottom;
	}

.newsPage #subContent .container {
	width: 974px;
	height: auto;
	margin: 0px auto 0px auto;
	}

.newsPage #subContent .firstColumn {
	float: left;
	display: inline;
	width: 225px;
	height: auto;
	margin: 45px 0px 0px 22px;
	background-image: url(/assets/graphics/content-subcontent-quicklinks-heading.jpg);
	background-repeat: no-repeat;
	}

.newsPage #subContent .firstColumn h2 {
	height: 40px;
	}
	
.newsPage #subContent .firstColumn .quickLink a {
	color: #cccccc;
	background-image: url(/assets/graphics/quicklink-black-bg.gif);
	}

.newsPage #subContent .firstColumn .quickLink a:hover {
	color: #ffffff;
	}
	
.newsPage #subContent .secondColumn {
	float: left;
	display: inline;
	width: 720px;
	height: auto;
	margin: 22px 0px 0px 0px;
	}

.newsPage #subContent .secondColumn .block {
	float: left;
	display: inline;
	width: 194px;
	height: auto;
	margin: 0px 5px;
	padding: 0px 140px 40px 15px;
	}
	
.newsPage #subContent .secondColumn #outdoorActivities {
	background-image: url(/assets/graphics/content-subcontent-box-1-bg.jpg);
	background-repeat: no-repeat;
	}

.newsPage #subContent .secondColumn #sportNews {
	background-image: url(/assets/graphics/content-subcontent-box-2-bg.jpg);
	background-repeat: no-repeat;
	}

.newsPage #subContent .secondColumn h2 {
	height: 55px;
	}
	
/**************************************************************
***************************************************************
*
*					home page
*
***************************************************************
**************************************************************/

/* banner */

.homePage #banner {
	height: auto; /* height 364px; */
	background-image: url(/assets/graphics/home-banner-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #dcd3d3;
	}

.homePage #banner .container {
	width: 974px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px 0px 13px 0px;
	background-image: url(/assets/graphics/home-banner-container-bg.jpg);
	background-repeat: no-repeat;
	}

.homePage #banner .firstColumn {
	float: left;
	display: inline;
	width: 210px;
	height: auto;
	margin-top: 26px;
	padding: 0px 14px 0px 23px;
	background-image: url(/assets/graphics/home-banner-first-column-bg.jpg);
	background-repeat: no-repeat;
	}

.homePage #banner .firstColumn h1 {
	height: 95px;
	}

.homePage #banner .secondColumn {
	float: left;
	display: inline;
	width: 720px;
	height: auto;
	margin-top: 5px;
	}

/* sub content */

.homePage #subContent {
	height: auto; /* height 259px; */
	background-image: url(/assets/graphics/home-subcontent-bg.jpg);
	background-repeat: repeat;
	background-position: center top;
	}

.homePage #subContent .container {
	width: 974px;
	height: auto;
	margin: 0px auto 0px auto;
	}

.homePage #subContent .firstColumn {
	float: left;
	display: inline;
	width: 225px;
	height: auto;
	margin: 23px 0px 0px 22px;
	background-image: url(/assets/graphics/home-subcontent-quicklinks-heading.jpg);
	background-repeat: no-repeat;
	}

.homePage #subContent .firstColumn h2 {
	height: 40px;
	}

.homePage #subContent .secondColumn {
	float: left;
	display: inline;
	width: 720px;
	height: auto;
	}

.homePage #subContent .secondColumn .block {
	float: left;
	display: inline;
	width: 201px;
	height: auto;
	padding: 0px 140px 40px 19px;
	}
	
.homePage #subContent .secondColumn #outdoorActivities {
	background-image: url(/assets/graphics/home-subcontent-box-1-bg.jpg);
	background-repeat: no-repeat;
	}

.homePage #subContent .secondColumn #sportNews {
	background-image: url(/assets/graphics/home-subcontent-box-2-bg.jpg);
	background-repeat: no-repeat;
	}

.homePage #subContent .secondColumn h2 {
	height: 55px;
	}

/* content */

.homePage #mainContent {
	height: auto; /*height: 861px;*/
	background-image: url(/assets/graphics/home-content-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}

.homePage #mainContent .container {
	width: 974px;
	height: auto; /*height: 861px;*/
	margin: 0px auto 0px auto;
	}

/* student, parent, teacher, contact blocks */
.homePage #mainContent .firstRow {
	width: 962px;
	height: auto;
	margin-top: 25px;
	padding: 0px 0px 0px 12px;
	background-image: url(/assets/graphics/home-content-row-1-bg.jpg);
	background-repeat: no-repeat;
	}

.homePage #mainContent .firstRow .column {
	float: left;
	display: inline;
	width: 200px;
	margin: 33px 10px 0px 0px;
	padding: 0px 15px 0px 15px;
	}
	
.homePage #mainContent .firstRow .block {
	color: #ffffff;
	height: 167px;
	}
	
.homePage #mainContent .firstRow h2 {
	height: 30px;
	}

.homePage #mainContent .firstRow h3 {
	margin-bottom: 0;
	}

.homePage #mainContent .firstRow p,
.homePage #mainContent .firstRow address {
	margin-top: 0;
	}

.homePage #mainContent .firstRow #contact .block {
	background-image: url(/assets/graphics/home-content-contact-image.jpg);
	background-repeat: no-repeat;
	background-position: 0px 30px;
	}

.homePage #mainContent .firstRowBase {
	width: 974px;
	height: 9px;
	background-image: url(/assets/graphics/home-content-row-1-base.jpg);
	background-repeat: no-repeat;
	}

/*gallery and announcements */
.homePage #mainContent .secondRow .firstColumn {
	float: left;
	display: inline;
	width: 475px;
	margin: 24px 0px 0px 12px;
	background-image: url(/assets/graphics/home-gallery-heading.jpg);
	background-repeat: no-repeat;
	}

.homePage #mainContent .secondRow h2 {
	height: 35px;
	}

.homePage #mainContent .secondRow h3 {
	color: #99ccff;
	margin-top: 0;
	}

.homePage #mainContent .secondRow p {
	color: #ffffff;
	}
	
.homePage #mainContent .secondRow .firstColumn ul li {
	display: inline;
	float: left;
	width: 85px;
	height: 85px;
	margin: 0px 10px 10px 0px;
	}

.homePage #mainContent .secondRow .secondColumn {
	display: inline;
	float: left;
	width: 405px;
	margin: 24px 50px 0px 20px;
	background-image: url(/assets/graphics/home-announcements-bg.jpg);
	background-repeat: no-repeat;
	}
	
/**************************************************************
***************************************************************
*
*					helper classes
*
***************************************************************
**************************************************************/

	
.quickLink a, a.quickLink {
	padding-left: 12px;
	color: #2d5285;
	font-style: italic;
	background-image: url(/assets/graphics/quicklink-bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}

.quickLink a:hover, a:hover.quickLink {
	color: #cccccc;
	}
	
.quickLink2 a, a.quickLink2 {
	padding-left: 12px;
	color: #cccccc;
	font-style: italic;
	background-image: url(/assets/graphics/quicklink-black-bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}

.quickLink2 a:hover, a:hover.quickLink2 {
	color: #ffffff;
	}