/* Defaults */

.spacer {
	height: 0;
	line-height: 0;
	clear: both;
}

.clr { clear: both; } /* spacer seems to mess things up for IE7 sometimes */

.accessibility_link {
	margin-left:-999em;
	position:absolute;
}

form { margin: 0; padding: 0; }

/* end Defaults */

body {
	margin: 0;
	padding: 0;
}

#container {
	width: 801px;
	margin: 5px auto 0px auto;
}

/* NOT USED
#container.school_home_alt {
	background: url(../images/main_bg_senior_home_alt.gif) repeat-y;
}
*/

#header {
	margin: 0;
	padding: 0px 19px 18px 19px;
	background: white;
}

#header img {
	float: right;
}

.school_content #footer_wrapper {
	position: absolute;
}

#footer {
	width: 801px;
	height: 170px;
	position: relative;
}
.school_content #footer {
	top: -47px;
}

#contact_info {
	float: left;
	color: white;
	font-size: 0.9em;
	margin-top: 70px;
	margin-left: 25px;
}
#sundry_nav {
	float: right;
	color: white;
	font-size: 0.9em;
	margin-top: 143px;
	margin-right: 25px;
}
#sundry_nav a {
	color: white;
	text-decoration: none;
}
#sundry_nav a:hover {
	text-decoration: underline;
}

#search_bar {
	background: #e4e4e4 url(../images/search_bar_rule.gif) bottom left repeat-x;
	margin: 0px 19px;
	padding: 9px 14px; }

#search_form {  }
#prospectus_form {
	float: right;
}

#search_bar input, #search_bar label {
	float: left;
}
#search_bar label, #search_bar a {
	font-size: 0.9em;
	margin-right: 8px;
	margin-top: 4px;
	text-decoration: none;
}
#search_bar a:hover {
	text-decoration: underline;
}

#search_bar .text_box {
	border: 1px solid #c4c4c4;
	font-size: 0.9em;
	color: #a9a9a9;
	padding: 2px 5px 3px 5px;
	width: 140px;
	margin-right: 4px;
}

#section_header_panel {
	position: relative;
	background: #e4e4e4;
	margin: 0px 19px;
	padding: 9px 14px;
}
#microsite_splash {
	position: relative;
	float: left;
	width: 442px;
	height: 254px;
}
#section_header_news {
	position: relative;
	float: right;
	width: 285px;
}
.corners_left {
	position: absolute;
	left: 14px;
}
.corner_top_right {
	position: absolute;
	right: 0;
}
.corner_btm_right {
	position: absolute;
	right: 0;
	bottom: 0;
}

#mini_news_image {
	float: right;
}
#section_header_mini_news {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 105px;
	font-size: 0.9em;
	float: left;
	height: 123px;
}
#section_header_mini_news li {
	float: left;
	width: 105px;
}
#section_header_mini_news a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 7px 6px; height: 27px;
}

#section_header_headmaster_update {
	padding-top: 8px;
}
#section_header_headmaster_update div {
	float: left;
	font-size: 0.9em;
	width: 93px;
	padding: 7px 6px;
	height: 109px;
}
#section_header_headmaster_update img {
	float: right;
}
#section_header_headmaster_update a {
	font-weight: bold;
}
#section_header_headmaster_update a.title {
	text-decoration: none;
}
#section_header_headmaster_update p {
	margin: 2px 0px;
}

#middle {
	margin: 0px 19px;
	padding: 0px 14px 0px 13px;
}
.grey_bar {
	height: 10px;
	background: #e4e4e4;
}

#section_nav_column {
	float: left;
	width: 156px;
}
.section_nav_heading {
	background: url(../images/sec_nav_top.gif) no-repeat;
	margin: 0;
	font-size: 1.3em;
	height: 34px;
	padding: 15px 0 0 17px;
	line-height: 0.9em;
}
.section_nav_heading .age_range {
	font-size: 0.6em;
}
#section_nav {
	margin: 0;
	list-style: none;
	padding: 9px 17px;
	padding-bottom: 47px;
}
#section_nav a {
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 0.9em;
	padding: 3px 0;
}
#section_nav a:hover {
	text-decoration: underline;
}
#section_nav ul {
	margin: 0 0 0 7px;
	list-style: none;
	padding: 0;
}

.school_home_alt #content, .school_content #content {
	width: 568px;
	float: right;
}

.left_align {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.right_align {
	float: right;
	margin-left: 8px;
	margin-bottom: 8px;
}
.picture_title {
	font-weight: bold;
	font-size: 0.7em;
}

.school_home #column_1 {
	float: left;
	width: 275px;
	margin-left: 12px;
}

.school_home h1 {
	background: url(../images/welcome_head_bg_1.gif) no-repeat;
	font-size: 1.6em;
	height: 39px;
	padding: 10px 0 0 17px;
	margin: 0;
}

.school_home_alt h1, .school_content h1 {
	background: url(../images/welcome_head_bg_2.gif) no-repeat;
	font-size: 1.6em;
	height: 39px;
	padding: 10px 0 0 17px;
	margin: 0;
}
.school_home_alt .content_box h1, .school_content .content_box h1 {
	background: none;
	font-size: 1em;
	height: none;
	padding: 0;
	margin: 0;
}

.school_home #column_2 {
	float: right;
	width: 285px;
}

.school_home #column_2 h2 {
	background: url(../images/notices_bg_1.gif) no-repeat;
	font-size: 1.6em;
	height: 39px;
	padding: 10px 0 0 17px;
	margin: 0;
}

.school_content .content_box {
	background: white;
}
.school_content #middle {
	background: url(../images/column_footer_senior.gif) bottom left no-repeat;
	padding-bottom: 25px;
}

.school_content .content_box {
	position: relative;
	float: left;
	width: 540px;
}
.content_box_footer {
	position: relative;
	float: left;
	width: 568px;
	height: 14px;
	background: url(../images/content_box_footer.gif) no-repeat;
}

.rule {
	position: relative;
	margin-top: 40px;
	height: 1px;
	line-height: 0px;
	border-bottom: 1px solid #ccc;
}

#top_stories div {
	margin-right: 18px;
	float: left;
	width: 168px;
}
#top_stories div.last {
	margin-right: 0;
}
#top_stories a {
	display: block;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: 3px;
}
#top_stories p {
	margin: 0;
}

#hat_trick {
	position: relative;
	width: 344px;
}
#hat_trick div.img_left, div.content_box div.imgs_left {
	position: relative;
	float: left;
	width: 214px;
}
#hat_trick div.imgs_right {
	position: relative;
	float: right;
	width: 120px;
}
#hat_trick img, /*div.content_box div.imgs_left img, */img.banner {
	margin-bottom: 10px;
}

div.content_box div.content_right {
	position: relative;
	float: right;
	width: 316px;
}

div.gallery {
	position: relative;
	margin-top: 10px;
}
div.gallery img {
	position: relative;
	float: left;
	margin: 0 21px 20px 0;
}
div.gallery img.last {
	float: right;
	margin-right: 0;
}

img.min_height {
	position: relative;
	height: 400px;
	width: 1px;
	margin-left: -1px;
	float: left;
}
div.news_separator {
	position: relative;
	margin: 15px 0;
	border-bottom: 1px dotted #cccccc;
}


/* IMG ENLARGE */

#lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails {
	font-size: 0.9em;
	padding-top: 0.4em;
}	
#lightboxCaption {
	float: left;
}
#keyboardMsg {
	float: right;
}
#closeButton {
	margin: -5px 0 0 -15px;
}

#lightbox img {
	border: none;
} 
#overlay img {
	border: none;
}
#overlay {
	background-image: url(../images/overlay.png);
}

* html #overlay {
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}

a img {
	border: none;
}

p.downloads {
	padding-top: 25px;
	margin-top: 25px;
	border-top: 1px dotted #999;
}
p.downloads a {
	text-decoration: none;
}
p.downloads a:hover {
	text-decoration: underline;
}
p.downloads a img {
	vertical-align: middle;
}

div.calendar a {
	text-decoration: none;
}
div.calendar a:hover {
	text-decoration: underline;
}
div.calendar span.this_month {
	position: relative;
	width: 265px;
	float: left;
}
div.calendar span.search {
	position: relative;
	width: 265px;
	float: right;
	text-align: right;
}
div.calendar span.prev_next img, div.calendar span.search input {
	vertical-align: middle;
	font-size: 1em;
}
div.calendar span.search input.text {
	width: 90px;
}
div.calendar .date {
	position: relative;
	display: block;
	width: 80px;
	float: left;
}
div.calendar .details {
	position: relative;
	display: block;
	width: 450px;
	float: right;
}
#carousel {
	margin-left: -14px;
}
#marquee {
	position: relative;
	width: 374px;
	float: left;
	margin-left: 15px;
}

/* CAROUSEL */

#carousel_wrapper, #carousel_scroll_area {
	float: left;
	margin: 0 0 14px 0;
}
#carousel_wrapper, #carousel_scroll_area {
	width: 534px;
	margin: 0 3px 14px 3px;
}
#carousel_scroll_area {
	overflow: hidden;
	margin: 0;
	font-weight: bold;
}
#carousel {
	width: 5000px;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.85em;
}
#carousel li {
	float: left;
	margin: 0 15px 0 0;
}
#carousel li a {
	color: #221e1e;
}
#carousel li a:hover {
	text-decoration: none;
}

/* NEW NOTICES & EVENTS */

#NEW_notices_events span.tab_left, #NEW_notices_events span.tab_right {
	position: relative;
	display: block;
	width: 127px;
	float: left;
	background: #032e79;
}
#NEW_notices_events span.tab_right {
	float: right;
	border-left: 11px #032e79 solid;
}
#NEW_notices_events span.tab_left a, #NEW_notices_events span.tab_right a {
	position: relative;
	display: block;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	padding: 9px 0;
	text-align: center;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background: #fff;
}
#NEW_notices_events span.tab_left a.off, #NEW_notices_events span.tab_right a.off, 
#NEW_notices_events span.tab_left a:hover, #NEW_notices_events span.tab_right a:hover {
	cursor: pointer;
	background: #d6e6f3;
}
#NEW_notices_events p {
	padding: 10px;
}
#NEW_notices_events div.off {
	position: absolute;
	margin-left: -999em;
}
#NEW_notices_events div.on {
	position: relative;
	margin-left: 0;
}