/* 
Style Sheet for the overall site design

This should contain the general/default design styles for the site.
-------------------------------------------------------
Copyright (c) 2011, Chasetheweb.net

Last Updated: Janean Angeles
 */ 
/*////////////////////////////////////////////////////////////////////////////////*/

/*#region Layout*/
body {background:#45403d; text-align: left; font: normal 13pt Calibri, Arial, Helvetica, sans-serif; line-height: 1.3em; color: #4d4c4e; }
div#page { }
div#branding {  background:#ffffff; cursor: pointer; margin: 10px; }
.branding-language-wrapper {
	background:#fff;
	display:block;
	overflow:auto;
	border-bottom:7px solid #b7bbb8;
}
div#header { background:#fff; /* overflow:auto;  */}
div#content { background-color: #fff; }
div#layout { }
div#main { }
div#sub1 { }
div#local { }
div#clear { }
div#extra1 {display:none; background-color: #fff; color: #003c76; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; padding: 5px 10px; font-weight: bold; }
div#footer2 p.syntaxMktg, div#ctl00_ctl00_footer2 p.syntaxMktg { padding-top: 10px; color: #fff; }
div#footer2 p.syntaxMktg a, div#ctl00_ctl00_footer2 p.syntaxMktg a { color: #fff; }
div#local .pnlContent,
.content-editor-table .contentDiv { margin-bottom: 15px; }
#Announcements h3 {
	color:#fff;
	float:left;
	font-size:30px;
	margin:30px 0 0 0;
}
/*#endregion*/

/*#region Basic Styles */
p { margin: 0px 0px 10px 0px; padding: 0px; font-size: 1em; }
blockquote { margin-left: 10px; }
pre { font-family: monospace; font-size: 1.0em; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
code { font-family: "Courier New", Courier, monospace; font-size: 1em; white-space: pre; }
/*#endregion*/

 /*#region HEADINGS */
h1 { font-size: 2em; margin: 0 0 0.5em; padding: 0; font-weight: bold; line-height: 1em; }
h2 { font-size: 1.5em; margin: 0 0 0.5em; padding: 0; font-weight: normal; line-height: 1em; }
h3 { font-size: 1.4em; margin: 0 0 0.5em; padding: 0; }
h4 { font-size: 1.2em; line-height: 1.3em; margin: 0 0 0.25em; padding: 0; }
h5 { }
h6 { }
/*#endregion*/

/*#region SPECIAL CLASSES */
.jquery_button { cursor: pointer; color: #0065A5; }
.newIcon { color: Red; }
.center { text-align: center; }
.small { font-size: 8pt; }
.errorFormEntry { font-weight: bold; color: red; }
.requiredfield { font-weight: 700; color: Red; }
/*#endregion*/

/*#region Links */
a, a:link, a:active { text-decoration: none; color: #003c76; }
a:visited { background-color: transparent; }
a:hover { text-decoration: underline; }
div#footer2 a, div#ctl00_ctl00_footer2 a,
.editor .contentDiv#footer a { color: #fff; }
div#local .pnlContent a,
.content-editor-table .contentDiv a { color: #003c76; }
.content-editor-table .contentDiv { /*position: unset;*/ }
.content-editor-table .contentDiv .EditButtonDiv { right: 5px !important; }
/*#endregion*/


/*#region LISTS */
ul { line-height: 1.5em; list-style-type: none; margin: 0; padding: 0; }
ul li, ol li { margin: 0; padding: 0px 0px .5em 0px; }

.content-editor-table .contentDiv ol,
.pnlContent ol { margin-left: 15px; list-style-type: decimal; }
.content-editor-table .contentDiv ul,
.pnlContent ul { list-style-type: disc; margin-left: 15px; }
/*#endregion*/

/*#region Horizonatal Rules  */
hr { border-color: #394750; border-style: solid; border-width: 1px 0px 0px 0px; clear: both; margin: 0 0 10px; height: 0; }
/*#endregion*/

/*#region remember to define focus styles! */
:focus { outline: 0; }
/*#endregion*/

/*#region remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/*#endregion*/

/*#region for inline colorbox modals (layout in global.css)*/
.colorbox-modal-container { color: #4d4c4e !Important; }
.colorbox-modal-container .article-image img { border: 1px solid #042c6f; }
.colorbox-modal-container .article-image img:hover { border: 1px solid #042c6f; }
.colorbox-modal-container h3,
.colorbox-modal-container h2 { color: #042c6f; }
/*#endregion*/

/*#region School Alert */
#SchoolAlert {width: 912px; position: absolute; bottom: 0px; left: 50%; margin-left: -456px; padding: 0; font-family: Calibri, Tahoma, Verdana, Geneva, Arial, Helvetica; cursor: pointer; height: 20px;}
#SchoolAlert .RadRotator { height: 35px !Important; }
#SchoolAlert UL { line-height: 12pt; }
#SchoolAlert li { padding-bottom: 0px; }
DIV.alertLink {width: 912px; color: red; font-size: 10pt; line-height: 12pt; text-align: left; overflow:hidden; font-weight: normal; background-color: transparent; }
DIV.alertLink a {color: red !Important; font-size: 10pt !Important; text-decoration: none !Important; font-weight: normal; }
DIV.alertLink a:hover { color: red !Important; font-size: 10pt !Important; text-decoration: none !Important; font-weight: normal; }
div.RadRotator { width: 912px !Important; }
/*#endregion*/


/*Layout within CMS page builder*/
#body.editor {
    margin-left: auto;
    margin-right: auto;
    background: initial;
    color: #000;
    overflow: auto;
}

.editor div#page {
	max-width: 1050px;
	background: #fff;
}

.editor a,
.editor a:visited {
	color: #258bbb;
	transition: all 0.2s ease-in-out;
}

.editor a:hover,
.editor a:active {
	color: #991229;
	text-decoration: none;
}

.editor div#header {
	display: block;
	margin: 0 0 15px;
	background-color: #071bca !important;
	background: url("../Images/header-images/header-image.png") no-repeat;
	height: 125px;
	border-bottom: #fecb6e 5px solid;
    border-top: #fecb6e 20px solid;
}

.editor div#layout {
	width: 70%;
}

	.editor div#layout li,
	.editor div#layout a,
	.editor div#layout h1,
	.editor div#layout h2,
	.editor div#layout h3,
	.editor div#layout h4,
	.editor div#layout h5,
	.editor div#layout h6 {
		font-family: 'PT Sans', 'Roboto', Helvetica, Arial, Sans-Serif;
	}

	.editor div#layout h1 {
		color: #828282 !important;
	}

	.editor div#layout .contentDiv table {
		width: 70% !important;
		max-width: 70%;
	}
		.editor div#layout .contentDiv img {
			max-width: 100%;
		}
	
.editor div#local {
	width: 25%;
    background-color: #fecb6e;
}

.editor div#nav/*,
.editor div#footer*/ {
	display: none;
}

.editor div#footer2, .editor div#ctl00_ctl00_footer2,
.editor div#footer {
	background-color: #446128;
	border-top: 2px solid #fff;
	text-align: right;
	padding: 5px 0;
	color: white;
}