@charset "utf-8";
/* CSS Document */
@charset "utf-8";
html{color:#ccd6e3; font-size: 6px; background:#ccd6e3;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}
body  {
	font: Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
background:#ccd6e3;
color:#ccd6e3;
}
.handheldOnly{
	display: none;
	visibility: hidden;
}
.load{position: absolute; left: -2000px;}
.twoColFixLtHdr #container { 
	width: 98%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-size: medium;
} 
.twoColFixLtHdr #header { 
	background: #ffffff;
	border-bottom: solid 2px #e52425;
	height: 125px;
} 
.aal{margin-top: 5px; margin-left: 10px; padding: 0px; align:left;}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	margin-left: 50px;
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px;
	font-size: 12px;
	color:#849cbc;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 248px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	color:#849cbc;
} 
#faqAbout{position: relative; left: 300px; margin-bottom: 10px; width: 250px;}
#faqAboutES{position: relative; left: 72px; margin-bottom: 10px; width: 450px; font-size: 12px;}
#faqAboutES140{position: relative; left: 329px; margin-bottom: 10px; width: 400px;}
.twoColFixLtHdr #footer { 
	background: #ffffff;
	margin-top: 0px;
	margin-bottom: 30px;
	color:#849cbc;
} 
.localLogo{
margin-left: 150px; margin-top: 10px; 
}
.footerText{
	padding-left: 20px;
	padding-right: 20px;
	font-size: 90%;
	text-align: center;
	}
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
p {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: 600;}
h1{font-size: 125%; color: #043474; font-weight: 700;text-align: left;}
h2{font-size: 120%; color: #043474; font-weight: 700;text-align: left;}
h3{font-size: 115%; color: #043474; font-weight: 700;text-align: left;}
h4{font-size: 113%; color: #043474; font-weight: 700;text-align: left;}
h5{font-size: 110%; color: #043474; font-weight: 700;text-align: left;}
h6{font-size: 100%; color: #043474; font-weight: 600;text-align: left;}
#questions{
	border-bottom: solid 2px #e52425;
	border-top: solid 2px #e52425;
	margin-top: 20px;
	padding: 0px;
}
#questionsAcademic{
	visibility: hidden; display: none;
}
#questionsOther{
	border-bottom: solid 2px #e52425;
	border-top: solid 2px #e52425;
	margin-top: 20px;
	padding: 0px;
}
a:link {color: #043474; text-decoration: underline; font-weight:600; } /* unvisited link */
a:visited {color: #043474; text-decoration: underline; font-weight:600; } /* visited link */
a:hover {color: #e52425; text-decoration: underline; font-weight:600; } /* the mouse "hovers" over the link */
a:active {color: #e52425; text-decoration: underline; font-weight:600; }
.suckerdiv ul li a{
position: relative;
top: 60px;
	display: block;
	overflow: auto;
	font-weight: 600;
	color: #003273;
	text-decoration: none;
	background-image: url(images/ChatBTN200x37.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width: 200px;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 10px;
}
.suckerdiv ul li a:visited{
display: block;
	overflow: auto;
	font-weight: 600;
	color: #003273;
	text-decoration: none;
background-image: url(images/ChatBTN200x37.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width: 200px;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 10px;
}
.suckerdiv ul li a:hover{
	z-index: 100;
	color: #ffffff;
	font-weight: 600;
	font-style: normal;
	text-decoration: none;
	background-image: url(images/ChatRLVR.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width: 200px;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 10px;
}
.chatFieldset {
	background-image: url(images/ChatLoginBackground.jpg);
	background-repeat: no-repeat;
	border: none;
	padding: 10px;
	font-size: 100%;
	height: 346px;
	width: 501px;
	line-height: 1.5em;
}
.what{
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 0px;
	margin-bottom: -10px;
	z-index: 90;
}
.bigX{
	font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: larger;
}
.alignCenter{
	text-align: center;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.Text{
text-align: center;
padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;}
.thanks{margin-top: 30px; text-align: center;}
#pscroller1{
	width: 780px;
	height: 30px;
	font-size: 11px;
	padding-right: 1em;
	padding-left: 1em;
}
#pscroller1 a:link {color: #000000; text-decoration: none; font-weight:normal; font-weight: 600;} /* unvisited link */
#pscroller1 a:visited {color: #000000; text-decoration: none; font-weight:normal;font-weight: 600; } /* visited link */
#pscroller1 a:hover {color: #000000; text-decoration: none; font-weight:normal; font-weight: 600;} /* the mouse "hovers" over the link */
#pscroller1 a:active {color: #000000; text-decoration: none; font-weight:normal; font-weight: 600;}
iframe {
	border: 0px none #FFFFFF;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
} 
#custom{margin: 0px; padding: 0px;}
.custom{text-align: left; line-height: 1.5em;}
ol li{
	list-style-type: decimal;
}
#col-B{margin-top: -30px; text-align: center;}
.javascript{padding: 10px; border: 2px solid #FF0000; text-align: center;}
.extraText{color: #000000; font-size: 12px; text-align: center;}
#extraMessage{position: relative; left: 0px; top: 420px; width: 780px; text-align: center;}
.noPhone{visibility: hidden; display: none;}
.noAddress{visibility: hidden; display: none;}
.custom{text-align: center; color: #043474;}
.dontShow{visibility: hidden; display: none;}
.show{visibility: visible; display: inline;}
strong{font-weight: 900;}
#maintenance{
position: relative;
	z-index: 100;
	top: 40px;
	margin: 0px;
	left: -37px;
	font-size: 1.1em;
	text-align: center;
	line-height: 2em;
	border: 2px solid #e52425;
	padding: .25em;
	width: 220px;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;text-align: center;
}
.AcademicDirectors{
	display: none;
	visibility: hidden;
color: #000000; font-size: small;  margin-top: 100px;}
.PublicDirectors{display: block;
	visibility: visible; color: #000000; font-size: small;  margin-top: 100px; padding: .5em; line-height: 1.5em;
}
.SpecialDirectors{display: block;
	visibility: visible; color: #000000; font-size: small;  margin-top: 100px; padding: .5em; line-height: 1.5em;
}	
.K-12Directors{display: block;
	visibility: visible; color: #000000; font-size: small;  margin-top: 100px; padding: .5em; line-height: 1.5em;
}
.holiday{
	width: 80%;
	font-size: larger;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	text-align: center;
	font-weight: 600;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	color: #043474;
	border: medium solid #e52425;
}
.holidayLocal{
	width: 80%;
	font-size: larger;
	margin-top: 220px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	text-align: center;
	font-weight: 600;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	color: #043474;
	border: medium solid #e52425;
}
.24660{margin-top: -40px;margin-left: 300px; }
.AcademicScroller{
	display: none;
	visibility: hidden;
}
.PublicScroller{display: block;
	visibility: visible;
}
.SpecialScroller{display: block;
	visibility: visible; 
}	
.K-12Scroller{display: block;
	visibility: visible; 
}


.NotAcademicScroller{
	display: block;
	visibility: visible;
}
.NotPublicScroller{display: none;
	visibility: hidden;
}
.NotSpecialScroller{display: none;
	visibility: hidden; 
}	
.NotK-12Scroller{display: none;
	visibility: hidden;
}
#localFrame{position: absolute; top: 300px; margin: 0px;}
.22819{display: none;
	visibility: hidden;}
marquee{color: #000000; text-align: center;}
.hide{display: none;
	visibility: hidden;}
.hideShow{
	display: inline;
	visibility: visible;
}
.no{display: none; visibility:hidden;}
li.no{display: none; visibility:hidden;}
.no li{display: none; visibility:hidden;}