/*
Original CSS By: Free CSS Templates (http://www.freecsstemplates.org) Released for free under a Creative Commons Attribution 2.5 License
Enhanced CSS By: Mount Vernon High School, Fairfax County Public Schools, Fairfax County Virginia, USA
*/

/***********************************************************************************************************************
* Body
************************************************************************************************************************/

body {
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
}

/***********************************************************************************************************************
* Wrapper
************************************************************************************************************************/

#wrapper {
	width: 970px;
	margin: 0 auto;
	text-align: left;
}

/***********************************************************************************************************************
* Common
************************************************************************************************************************/

h1 {
	margin: 0;
	font-size: 1.2em;
}

h2 {
	margin: 0;
	font-size: 1.1em;
}

h3 {
	margin: 0;
	font-size: 1em;
}

p	{
	line-height: 160%;
}

div.hr {
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8B0000;
}

div.hr hr {
  display: none;
}

/***********************************************************************************************************************
* New Item
************************************************************************************************************************/

.newItemMargin {
	font-style: italic;
	font-weight: bold;
	color: #800000;
	margin-left: 10px;
	background-color: #FFFFFF;
}

.newItemMarginBox {
	font-style: italic;
	font-weight: bold;
	color: #800000;
	margin-left: 10px;
	background-color: #FFFFFF;
}

.newItemNoMargin {
	font-style: italic;
	font-weight: bold;
	color: #800000;
	margin-left: 0px;
	background-color: #FFFFFF;
}

/***********************************************************************************************************************
* Header
************************************************************************************************************************/

#header {
	position: relative;
	width: 100%;
	height: 250px;
	margin: 0;
	padding: 0;
}

#header #headerLogo {
	border: 1px solid #800000;
	float: left;
	width: 405px;
	height: 240px;
	padding: 0;
	color: #000000;
	margin: 0;
}

#header #announcements {
	border: 1px solid #800000;
	float: right;
	width: 550px;
	height: 240px;
	padding: 0;
	color: #000000;
	margin: 0;
}

#header #announcements #heading	{
	margin-top: 0;
	padding: 8px 5px;
	letter-spacing: 1px;
	color: #800000;
	background-color: #FFFFFF;
	border-bottom: 1px dotted #800000;
}

#header #announcements #heading a {
	padding-left: 0;
	text-decoration: underline;
	color: #800000;
	background-color: #FFFFFF;
}

#header #announcements #heading a:hover {
	color: #800000;
	text-decoration: underline;
	background-color: #FFFFFF;
	font-weight: normal;
}

#header #announcements #announcementsContent {
	margin: 0;
}

#header #announcements #announcementsContent a {
	color: #800000;
	text-decoration: underline;
	background-color: #FFFFFF;
}

#header #announcements #announcementsContent a:hover {
	font-weight: bold;
}

#header #announcements #announcementsContentLeft {
	float: left;
	width: 226px;
}

#header #announcements #announcementsContentLeft ul	{
	padding-left: 20px;
}

#header #announcements #announcementsContentLeft li	{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#header #announcements #announcementsContentRight {
	float: right;
	width: 196px;
}

#header #announcements #announcementsContentRight ul	{
	padding-left: 20px;
}

#header #announcements #announcementsContentRight li {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/***********************************************************************************************************************
* Boxed
************************************************************************************************************************/

.boxed {
	float: left;
	clear: left;
	width: 216px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #800000;
}

.boxed .heading	{
	margin-top: 0;
	padding: 8px 5px;
	background: #800000;
	letter-spacing: 1px;
	color: #800000;
	background-color: #FFFFFF;
}

.boxed .heading	a {
	padding-left: 0;
	text-decoration: none;
}

.boxed .heading	a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #800000;
}

.boxed .clearer	{
 	clear: both;
}

.boxed .quickLinksLeft	{
	float: left;
}

.boxed .quickLinksRight	{
	margin-top: 0;
	padding: 8px 5px;
	letter-spacing: 1px;
	float: right;
}

.boxed .content	{
	margin: 0;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.boxed ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

.boxed li {
	padding: 3px 0;
	border-top: 1px dotted #800000;
}

.boxed a {
	padding-left: 0;
	text-decoration: none;
	color: #800000;
	background-color: #FFFFFF;
}

.boxed a:hover {
	color: #800000;
	text-decoration: underline;
	font-weight: bold;
	background-color: #FFFFFF;
}

/***********************************************************************************************************************
* Content
************************************************************************************************************************/

#content	{
	clear: both;
	padding-top: 6px;
}

/***********************************************************************************************************************
* Shadow Items
************************************************************************************************************************/

.shadowImage, .shadow {
	position: relative;
	bottom: 4px;
	right: 4px;
}

.shadow	{
	background-color: #CCCCCC;
}

.shadowImage {
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #800000;
	padding: 0.5em;
}

/***********************************************************************************************************************
* Page Items
************************************************************************************************************************/

#pageItems {
	float: right;
	width: 736px;
}

.pageItem {
	padding-top: 0;
	padding-bottom: 10px;
}

.pageItem p	{
	margin-right: 4px;
}

.pageItem a	{
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
}

.pageItem a:hover {
	color: #800000;
	text-decoration: underline;
	background-color: #FFFFFF;
	font-weight: bold;
}

.pageItem .headerText {
	margin: 0 0 10px;
}

.pageItem .smallText {
	color: #664;
	margin-bottom: 6px;
}

.pageItem .metaData p {
	margin: 0;
}

.pageItem .announcementsImage {
	float: left;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	width: auto;
}

.pageItem .contentGallery {
	width: 100%;
}

.pageItem .contentGalleryImage {
	float: left;
	margin-right: 1.6em;
	margin-bottom: 1em;
	margin-left: 1em;
	width: auto;
}

.pageItem .contentGalleryImage img {
	border: none;
}

.pageItem .contentGalleryImage .contentGalleryImageTitle {
	margin-bottom: 1em;
	text-align: center;
}

.pageItem .contentGalleryImage .contentGalleryImageTitle a {
	text-decoration: none;
	color: #800000;
	background-color: #FFFFFF;
	font-weight: bold;
}

.pageItem .contentGalleryImage .contentGalleryImageTitle a:hover {
	text-decoration: underline;
}

.pageItem .photoGallery	{
	width: 100%;
	border: 1px solid #800000;
}

.pageItem .photoGalleryImage {
	float: left;
	padding-top: 1.3em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1.3em;
	width: auto;
}

.pageItem .photoGalleryImage img {
	border: none;
}

.pageItem .photoGalleryTextWidth75	{
	padding: 1%;
	float: left;
	width: 75%;
}

.pageItem .photoGalleryTextWidth74 {
	padding: 1%;
	float: left;
	width: 74%;
}

.pageItem .photoGalleryTextWidth73 {
	padding: 1%;
	float: left;
	width: 73%;
}

.pageItem .photoGalleryTextWidth72 {
	padding: 1%;
	float: left;
	width: 72%;
}

.pageItem .photoGalleryTextWidth71 {
	padding: 1%;
	float: left;
	width: 71%;
}

.pageItem .photoGalleryTextWidth70 {
	padding: 1%;
	float: left;
	width: 70%;
}

.pageItem .photoGalleryTextWidth69 {
	padding: 1%;
	float: left;
	width: 69%;
}

.pageItem .photoGalleryTextWidth68 {
	padding: 1%;
	float: left;
	width: 68%;
}

.pageItem .photoGalleryTextWidth67 {
	padding: 1%;
	float: left;
	width: 67%;
}

.pageItem .photoGalleryTextWidth66 {
	padding: 1%;
	float: left;
	width: 66%;
}

.pageItem .photoGalleryTextWidth65 {
	padding: 1%;
	float: left;
	width: 65%;
}

.pageItem .photoGalleryTextWidth64 {
	padding: 1%;
	float: left;
	width: 64%;
}

.pageItem .photoGalleryTextWidth63 {
	padding: 1%;
	float: left;
	width: 63%;
}

.pageItem .photoGalleryTextWidth62 {
	padding: 1%;
	float: left;
	width: 62%;
}

.pageItem .photoGalleryTextWidth61 {
	padding: 1%;
	float: left;
	width: 61%;
}

.pageItem .photoGalleryTextWidth60 {
	padding: 1%;
	float: left;
	width: 60%;
}

.pageItem .photoGalleryTextWidth59 {
	padding: 1%;
	float: left;
	width: 59%;
}

.pageItem .photoGalleryTextWidth58 {
	padding: 1%;
	float: left;
	width: 58%;
}

.pageItem .photoGalleryTextWidth57 {
	padding: 1%;
	float: left;
	width: 57%;
}

.pageItem .photoGalleryTextWidth56 {
	padding: 1%;
	float: left;
	width: 56%;
}

.pageItem .photoGalleryTextWidth55 {
	padding: 1%;
	float: left;
	width: 55%;
}

.pageItem .photoGalleryTextWidth54 {
	padding: 1%;
	float: left;
	width: 54%;
}

.pageItem .photoGalleryTextWidth53 {
	padding: 1%;
	float: left;
	width: 53%;
}

.pageItem .photoGalleryTextWidth52 {
	padding: 1%;
	float: left;
	width: 52%;
}

.pageItem .photoGalleryTextWidth51 {
	padding: 1%;
	float: left;
	width: 51%;
}

.pageItem .photoGalleryTextWidth50 {
	padding: 1%;
	float: left;
	width: 50%;
}

.pageItem .photoGalleryTextWidth40 {
	padding: 1%;
	float: left;
	width: 40%;
}

.pageItem .photoGalleryTextWidth34 {
	padding: 1%;
	float: left;
	width: 34%;
}

.pageItem .photoGalleryTextWidth24 {

	padding: 1%;
	float: left;
	width: 24%;
}

.pageItem .videoGallery	{
	width: 100%;
	border: 1px solid #800000;
}

.pageItem .videoGalleryImage {
	float: left;
	padding-top: 1.3em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1.3em;
	width: auto;
}

.pageItem .videoGalleryImage img {
	border: none;
}

.pageItem .videoGalleryText {
	padding: 1%;
	float: left;
	width: 75%;
}

.pageItem .videoGalleryText img	{
	border: none;
}

.pageItem .photoAdmin {
	width: 100%;
	border: 1px solid #800000;
}

.pageItem .photoAdminImage {
	float: left;
	padding-top: 1.3em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1.3em;
	width: auto;
}

.pageItem .photoAdminImage img {
	border: none;
}

.pageItem .photoAdminText {
	padding: 1%;
	float: left;
	width: 62%;
}

.pageItem .photoBoosters {
	width: 100%;
	border: 1px solid #800000;
}

.pageItem .photoBoostersImage {
	float: left;
	padding-top: 1.3em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1.3em;
	width: auto;
}

.pageItem .photoBoostersImage img {
	border: none;
	width: auto;
}

.pageItem .photoBoostersTextWidth50	{
	padding: 1%;
	float: left;
	width: 50%;
}

.pageItem .photoPathfindersImage {
	float: left;
	padding-top: 1.3em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1.3em;
	width: auto;
}

.pageItem .photoPathfindersImage img {
	border: none;
	width: auto;
}

.pageItem .photoWebquestImage {
	float: left;
	padding-top: 1.3em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1.3em;
	width: auto;
}

.pageItem .photoWebquestImage img {
	border: none;
	width: auto;
}

.pageItem .lateBusSchedule {
	width: 25%;
	border: 1px solid #800000;
}

.pageItem .lateBusSchedule .thead {
	 background-color: #800000;
	 color: #FFFFFF;
	 font-weight: bold;
	 border-bottom: 1px dotted #800000;
}

.pageItem .lateBusSchedule .tdColor {
	background-color: #CCCCCC;
}

.pageItem .studentServices {
	width: 98%;
	border: 1px solid #800000;
}

.pageItem .studentServices .thead {
	 background-color: #800000;
	 color: #FFFFFF;
	 font-weight: bold;
	 border-bottom: 1px dotted #800000;
}

.pageItem .studentServices .trColor {
	background-color: #CCCCCC;
}

.pageItem .studentServices .trColor a {
	text-decoration: underline;
	color: #000000;
	background-color: #CCCCCC;
}

.pageItem .studentServices .trColor a:hover	{
	color: #800000;
	text-decoration: underline;
	background-color: #CCCCCC;
	font-weight: bold;
}

.pageItem .studentServices td {
	width: 33%;
}

.pageItem .athletics {
	width: 98%;
	border: 1px solid #800000;
}

.pageItem .athletics .thead {
	 background-color: #800000;
	 color: #FFFFFF;
	 font-weight: bold;
	 border-bottom: 1px dotted #800000;
}

.pageItem .athletics .trAlign {
	vertical-align: top;
}

.pageItem .athletics .trColor {
	background-color: #CCCCCC;
}

.pageItem .athletics .trColor a	{
	text-decoration: underline;
	color: #000000;
	background-color: #CCCCCC;
}

.pageItem .athletics .trColor a:hover {
	color: #800000;
	text-decoration: underline;
	background-color: #CCCCCC;
	font-weight: bold;
}

.pageItem .athletics td {
	width: 25%;
}

.pageItem .clubsActivities {
	width: 98%;
	border: 1px solid #800000;
}

.pageItem .clubsActivities .thead {
	background-color: #800000;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 1px dotted #800000;
}

.pageItem .clubsActivities .trAlign {
	vertical-align: top;
}

.pageItem .clubsActivities .trColor {
	background-color: #CCCCCC;
}

.pageItem .clubsActivities .trColor a {
	text-decoration: underline;
	color: #000000;
	background-color: #CCCCCC;
}

.pageItem .clubsActivities .trColor a:hover	{
	color: #800000;
	text-decoration: underline;
	background-color: #CCCCCC;
	font-weight: bold;
}

.pageItem .clubsActivities td {
	width: 25%;
}

.pageItem .facultyStaffEmails {
	width: 100%;
	border: 1px solid #800000;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pageItem .facultyStaffEmails .cellheight {
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.pageItem .facultyStaffEmails .cellColor {
	background-color: #800000;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
}

.pageItem .facultyStaffEmails .anchorLetter {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #800000;
	text-decoration: none;
	margin-left: 4px;
}

.pageItem .facultyStaffEmails .backToTop {
	padding-left: 5px;
	padding-bottom: 5px;
}

.pageItem .siteIndex {
	width: 100%;
	border: 1px solid #800000;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pageItem .siteIndex .cellheight {
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.pageItem .siteIndex .cellColor {
	background-color: #800000;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
}

.pageItem .siteIndex .anchorLetter {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #800000;
	text-decoration: none;
	margin-left: 4px;
}

.pageItem .siteIndex .backToTop {
	padding-left: 5px;
	padding-bottom: 5px;
}

.pageItem .dramaBoosters {
	width: 98%;
	margin-top: 20px;
}

.pageItem .dramaBoostersFaces {
	float: left;
	width: auto;
}

.pageItem .dramaBoostersTitle {
	float: left;
	text-align: center;
	width: 69%;
	margin-top: 12px;
}

.pageItem .dramaBoostersActor {
	float: right;
	width: auto;
}

.pageItem .dramaBoostersSupport {
	float: left;
	width: auto;
}

.pageItem .dramaBoostersBakeSale {
	float: right;
	margin-top: 60px;
	width: auto;
}

.pageItem .dramaBoostersFallTitle {
	float: left;
	text-align: center;
	width: 94%;
	margin-top: 12px;
}

.pageItem .clearer {
	clear: both;
}

.pageItem .searchResults .zoom_searchform {
	padding: 10px;
	border: 1px solid #800000;
}

.pageItem .searchResults .zoom_button {
	color: #000000;
	font-weight: normal;
}

.pageItem .searchResults .searchheading	{
	font-weight: bold;
	padding-top: 10px;
}

.pageItem .searchResults .summary {
	font-style: italic;
}

.pageItem .searchResults .sorting {
	text-align: right;
	margin-right: 4px;
}

.pageItem .searchResults .result_block {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 4px;
	clear: left;
}

.pageItem .searchResults .result_altblock {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 4px;
	clear: left;
}

.pageItem .searchResults .description {
	color: #666666;
}

.pageItem .searchResults .highlight	{
	background: #FFFF40;
}

.pageItem .searchResults .category {
	color: #999999;
}

.pageItem .searchResults .infoline {
	font-style: normal;
}

.pageItem .searchResults .searchtime {
	margin-bottom: 15px;
}

.pageItem .suggestTitle {
	width: 100%;
	border: 1px solid #800000;
}

.pageItem .suggestTitle .suggestTitleForm {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.pageItem .suggestTitle .suggestTitleForm label.error {
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;
}

.pageItem .suggestTitle .suggestTitleForm input.error {
	border: 2px solid red;
}

.pageItem .suggestTitle .suggestTitleForm textarea.error {
	border: 2px solid red;
}

.pageItem .suggestTitle .suggestTitleForm td.field input.error, td.field select.error, tr.errorRow td.field input,tr.errorRow td.field select {
	border: 2px solid red;
	background-color: #FFFFD5;
	margin: 0px;
	color: red;
}

.pageItem .suggestTitle .suggestTitleForm tr td.field div.formError {
	display: none;
	color: #FF0000;
}

.pageItem .suggestTitle .suggestTitleForm tr.errorRow td.field div.formError {
	display: block;
	font-weight: normal;
}

.pageItem .suggestTitle .suggestTitleForm td.label {
	width: 94px;
}

.pageItem .suggestTitle .suggestTitleForm tr.required td.label {
	background: url(images/required.gif) no-repeat right center;
}

.pageItem .suggestTitle .suggestTitleForm div.error {
	color: red;
}

.pageItem .suggestTitle .suggestTitleForm div.error a {
	color: #336699;
	text-decoration: underline
}

#pageItemsThankYou {
	float: left;
	width: auto;
}

.pageItemThankYou {
	padding-top: 0;
	padding-bottom: 10px;
	margin-left: 10px;
}

.pageItemThankYou p	{
	margin-right: 4px;
}

.pageItemThankYou a	{
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
}

.pageItemThankYou a:hover {
	color: #800000;
	text-decoration: underline;
	background-color: #FFFFFF;
	font-weight: bold;
}

/***********************************************************************************************************************
* Footer
************************************************************************************************************************/

#footer	{
	clear: both;
	border-top: 1px dotted #800000;
	font-size: 0.75em;
	height: 50px;
	padding: 10px;
}

#footerCurator {
	text-align: center;
}

#footer a {
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
}

#footer a:hover	{
	text-decoration: underline;
	color: #800000;
	font-weight: bold;
	background-color: #FFFFFF;
}

/***********************************************************************************************************************
* Bottom
************************************************************************************************************************/

.bottom {
	padding-bottom: 4px;
}