/* ---------------------------------------------------------------
AH (03-29-10): Added a background image to the body tag to create a shadow effect for the page.
--------------------------------------------------------------- */

body {
	background-color: #CCCCCC;
	background-image: url(/images/layout/Body-BG_800x5.png);
	background-position: top center;
	background-repeat:repeat-y;
}


/* ---------------------------------------------------------------
AH (03-25-10): Added styling for "blockquote" attribute.
--------------------------------------------------------------- */

blockquote {
	margin: 10px 15px;
}


.HeaderLogo {
	background-image: url(/images/layout/header_logo.jpg);
	background-position: top;
}

.HeaderBG {
	background-image: url(/images/layout/header_bg.gif);
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #EEEEEE;
	letter-spacing: 2px;
	text-align: right;
	vertical-align: middle;
}

.TileHeaders {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #005595; /* Updated 09-18-09 ~ AH */
}

.TileLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	vertical-align: top;
	color: #005595; /* Added 09-18-09 ~ AH */
	line-height: 1.3em; /* 10-16-09 */
}

.HeaderMain {
	background-image: url(/images/layout/header_main.jpg);
	text-align: left;
	vertical-align: bottom;
}

.SearchVerbiage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #EEEEEE;
	text-align: left;
	vertical-align: top;
}

.SearchOurSite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #EEEEEE;
	text-transform: uppercase;
}


/* ---------------------------------------------------------------
AH (01-22-10): Replaced background-image with background-color, changed height to match navigation menu item height.
--------------------------------------------------------------- */

.NavBG {
/*	background-image: url(/images/layout/nav_bg.gif); */
/*	background-position: bottom; */
	background-color: #009900; /* Added */
	height: 24px; /* Added to change from 31px */
	text-align: center;
	vertical-align: text-top; /* was middle; */
}


/* ---------------------------------------------------------------
AH (03-29-10): Specified white as the default color of the page background by adding Table style attribute of background-color.
--------------------------------------------------------------- */

.ParentTable {
	border: 1px solid #000000;
	background-color: #ffffff;
}


/* ---------------------------------------------------------------
AH (Sept. 09): Split Class FooterBG into FooterBG and Footer to separate downsized bg image from footer contents, and changed font size from 9px to 0.7em.
--------------------------------------------------------------- */

.FooterBG {
	background-color: #ffffff;
	background-image: url(/images/layout/footer_bg_5x10.gif);
	background-repeat:repeat-x;
	height: 10px;
}

.Footer {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 5px;
}


/* ---------------------------------------------------------------
AH (09-21-09): Replaced the backgrouond image [background-image: url(/images/layout/NewsEvents_bg.gif);] with a background color to reduce page size and speed up page loading.
--------------------------------------------------------------- */

.NewsEvents {
/*   background-image: url(/images/layout/NewsEvents_bg.gif); */
	background-color: #005595;
}


.NewsEventsHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #8cc63f;
}

.NewsEventsLinks A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; /* was 12px */
	font-weight: bold;
	color: #FFFFFF;
}


/* ---------------------------------------------------------------
AH (10-13-09): Class ContentArea - Added font Verdana, changed font size from 12px to 0.9em and added line-height of 1.3em.

AH (03-22-10): Class ContentArea - Added padding to improve the look and adjust for changes in the specs of the Table containing the Content Area in the Template.
--------------------------------------------------------------- */

.ContentArea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #333333;
	text-align: left;
	line-height: 1.3em;
	vertical-align: top;
	background-color: #FFFFFF;
	padding: 5px 5px 0px 5px;
}


/* ---------------------------------------------------------------
AH (03-22-10): Class HomePgContent - Added class to remove padding added to class ContentArea because formatting and spacing of Main pape content are differnt from that of other pages.
--------------------------------------------------------------- */

.HomePgContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #333333;
	text-align: left;
	line-height: 1.3em;
	vertical-align: top;
	background-color: #FFFFFF;
}


/* ---------------------------------------------------------------
=== Classes TodayIs & TodayIsInfo ===

AH (10-16-09): Changed font size to 0.8em (was 1em & 14px respectively).

AH (11-20-09): Center aligned TodayIs (was right) and removed italic styling.

AH (03-22-10): Added Verdana as first display font to match the Content Area (was Arial); removed cell padding of 3px - was already part of Table style in the Template.
--------------------------------------------------------------- */

.TodayIs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em; /* AH (10-16-09): was 1em */
	font-weight: normal;
/*	font-style: italic; AH (11-20-09): removed italics */
	color: #000000;
	text-align: center; /* AH (11-20-09): was "right" */
	vertical-align: middle;
/*	padding: 3px; */
}

.TodayIsInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em; /* AH (10-16-09): was 14px */
	font-weight: normal;
	color: #000000;
	text-align: center;
	vertical-align: middle;
/*	padding: 3px; */
}


.HeaderLogoSm {
	background-image: url(/images/layout/header_logo_sm.jpg);
	background-position: top;
}

.HeaderMainSm {
	background-image: url(/images/layout/header_main_sm.jpg);
	text-align: left;
	vertical-align: bottom;
}


/* ---------------------------------------
AH (09-21-09): Updated Class BreadCrumb
--------------------------------------- */

.BreadCrumb {
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em; 
	font-weight: normal;
	color: #666666;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}


/* ---------------------------------------------------------------
AH (09-21-09): Added Classes LanguageChoice and LanguageNote for Language Translation.

AH (10-13-09): Removed Class LanguageChoice and converted LanguageNote to an ID; adjusted font-size, width & padding; and added font-family and line-height styles.
--------------------------------------------------------------- */

/* --------
.LanguageChoice {
	font-size: .5em;
	font-weight: bold;
	text-align: center;
	color: #975600;
}
----------- */

#LanguageNote {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 480px;
	padding: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 0.75em;
	line-height: 1.1em; 
	border: 1px solid #975600;
}


/* -------------------------------------------------------------
AH (09-30-09 & 10-05-09): Added, and then modified, the Class 'Flags' for styling the flag line.
------------------------------------------------------------- */

.Flags {
	text-align: left;
	color: #975600;
	border-top: 1px solid #005595;
	border-bottom: 1px solid #005595;
	max-height: 26px;
	overflow: hidden;
	padding-top: 2px;
	padding-bottom: 2px;
}

.Flags img {
	margin-left: 7px;
	float: left;
}


/* -----------------------------------------------------------
AH (10-02-09 & 10-05-09): Added Overrides of Google's Language Translation CSS.
-------------------------------------------------------------- */

#google_translate_element {
	margin-top: -1px;
	margin-right: 10px;
	float: right;
}

.goog-te-gadget {
	color: #ffffff !important;
}

.goog-logo-link,.goog-logo-link:link,.goog-logo-link:visited,.goog-logo-link:hover,.goog-logo-link:active {
	display: none !important;
}

.goog-te-combo,.goog-te-banner *,.goog-te-ftab *,.goog-te-menu *,.goog-te-menu2 * {
	font-size: 1em !important;
}


/* ---------------------------------------------------------------
AH (10-05-09): Added Class 'ClearBoth' for layout of the flag line - needed to put flags and dropdown menu on the same line
--------------------------------------------------------------- */

.ClearBoth {
	clear: both;
}


/* ------------------------------------------------------------
AH (10-05-09): Added ID 'PagePrinter' for layout positioning of the "Print This Page" line
--------------------------------------------------------------- */

#PagePrinter {
	text-align: right;
	margin-right: 5px;
}


/* -----------------------------
Added on unknown date by unknown
-------------------------------- */

.RitesNav {
	color: #975600;
	text-align: left;
	width: 100%;
}


/* --------------------------------------------------------------
AH (11-04-09): Added classes 'PageHeading', 'SubHeading' & 'BoldText' for use with QContent's "Apply CSS Class" dropdown menu, set up via the UserStyles.css file.

AH (02-16-10): Changed the font of class SubHeading_Ital by adding the font-family property for a set of serif fonts. 

AH (02-17-10): Changed the font sizes of classes SubHeading_Ital and SubHeading_SmCaps for better balance.
-------------------------------------------------------------- */

.PageHeading {
	font-size: 1.25em;
	font-weight: bold;
	color: #7f7f7f;
}

.SubHeading_Ital {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em; /* was 1.05em */
	font-weight: bold;
	font-style: italic;
	color: #666666;
}

.SubHeading_SmCaps {
	font-size: 1.1em; /* was 1.05em */
	font-weight: bold;
	font-variant: small-caps;
	color: #666666;
}

.BoldText {
/*	font-size: 1em; */
	font-weight: bold;
	color: #595959;
}


/* --------------------------------------------------------------
AH (11-02-09): Added styling for bullet List Items ~ LI

AH (03-05-10): Consolidated into BOEBulletStyles.css
--------------------------------------------------------------- */

LI {
	padding-bottom: 5px;
}


/* ----------------------------------------------------------
AH (11-05-09): Added styling for "Data Tables".

AH (11-11-09): Added td.TblSection styling.

AH (11-18-09): Added Border-Bottom to 'td' styling and the "tr:hover" styling effect.
---------------------------------------------------------- */

.DataTable {
/*	border: 1px solid #828282; / * Gray * /
	border-collapse: collapse; */
}

.DataTable td {
	vertical-align: top;
	text-align: left;
	padding: 3px 0 3px 3px;
	BORDER-BOTTOM: #cccccc 1px solid; /* Gray */
}

.DataTable th {
	border: 1px solid #828282; /* Gray */
	background-color: #009900; /* Green */
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding-left: 3px;
}

.DataTable caption {
	color: #666666; /* Gray */
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	padding: 4px 0 2px 0;
}

.DataTable tr.altrow {
	background-color: #eeeeee; /* Light Gray */
}

.DataTable td.TblSection {
	background-color: #eeeeee; /* Light Gray */
	BORDER-TOP: #009900 2px solid;
	BORDER-BOTTOM: #009900 1px solid; /* Green */
	VERTICAL-ALIGN: middle;
	TEXT-ALIGN: center;
	font-size: 1.05em;
	font-weight: bold;
	font-variant: small-caps;
	color: #666666;
}

.DataTable tr:hover {
	background-color: #dfe7f2; /* Light Blue */
}


/* ---------------------------------------------------------------
AH (11-23-09): Added Drop Shadow effect for school building photos

AH (02-16-10): Changed Class name to "SchoolDropShadow"
--------------------------------------------------------------- */

.SchoolDropShadow {
	float: right;
	margin: 10px 20px 0 0;
	background: url(/images/SchoolBuildings/shadow.gif) no-repeat bottom right;
	line-height: 0;
}
 
.SchoolDropShadow img {
	float: none;
	margin: 0;
	background: #fff;
	padding: 4px;
	border: 1px solid #C5BDBD;
	position: relative;
	left: -5px;
	top: -3px;
}


/* ---------------------------------------------------------------
AH (12-09-09): Added styles for including SPS Mission Statement in the Header section of every page.
--------------------------------------------------------------- */

.HeaderBGD {
	background-image: url(/images/layout/header_bg.gif);
	background-position: top;
	text-align: right;
	vertical-align: top;
	padding: 0px 5px 0 0;
}

.MissionTXT {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-transform: none;
	color: #ffffff;
	text-align: left;
	margin: 3px 0 0 40px;
	height: 39px;
}

.WelcomeTXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bolder;
	text-transform: uppercase;
	color: #005595;
	letter-spacing: 2px;
	text-align: right;
	vertical-align: middle;
	margin-top: 1px;
	height: 16px;
}


/* ---------------------------------------------------------------
AH (01-25/26-10): Added styling for the "Schools are Operating . . ." message on the Home page.
--------------------------------------------------------------- */

.OperatingTXT {
	margin: 15px 0px -5px 0px;
	padding-top: 4px;
	padding-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	font-weight: bold;
	text-transform: capitalize;
	color: #009900; /* Green */
	border: 2px solid #cccccc;  /* Light Gray */
	background-color: #ffffff;  /* White */
}


/* ---------------------------------------------------------------
AH (01-25-10): Overrode the style for Home page News items in the contentstyle.css sheet to reduce spacing between the items; top & bottom margin was 0px.

AH (03-05-10): Consolidated Bullet styles into BOEBulletStyles.css
--------------------------------------------------------------- */

UL.ulNEWS{
	margin-top: -10px;
	margin-bottom: -10px;
}


/* ---------------------------------------------------------------
AH (02-16/17-10): Added a Simple Drop Shadow effect for use with floated images, tables and paragraphs.
--------------------------------------------------------------- */

.SimpleShadowCenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 4px 8px 8px 8px;
	background: #fff;
	border-top: #aaa 1px solid;
	border-right: #666 2px solid;
	border-bottom: #666 2px solid;
	border-left: #aaa 1px solid;
}

.SimpleShadowLeft {
	float: left;
	margin: 10px;
	padding: 4px;
	background: #fff;
	border-top: #aaa 1px solid;
	border-right: #666 2px solid;
	border-bottom: #666 2px solid;
	border-left: #aaa 1px solid;
}

.SimpleShadowRight {
	float: right;
	margin: 10px;
	padding: 4px;
	background: #fff;
	border-top: #aaa 1px solid;
	border-right: #666 2px solid;
	border-bottom: #666 2px solid;
	border-left: #aaa 1px solid;
}


/* ------------------------------------------------------------
AH (03-16-10): Added Style used for Show/Hide Page Content.
------------------------------------------------------------ */

.handcursor {
	cursor: hand;
	cursor: pointer;
	margin-bottom: -5px;
}


/* ---------------------------------------------------------------
AH (03-16-10): Added List Style used for Show/Hide Page Content.

AH (03-25-10): Consolidated List Style into BOEBulletStyles.css
--------------------------------------------------------------- */

.switchgroup UL {
	margin-bottom: 2px;
}