@charset "UTF-8"; /* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Tinos);
@import url(http://fonts.googleapis.com/css?family=Lato);

html {
	height:100%;
	background:url('/pics/body_repeat.jpg') repeat-x top #f0e1c0;
}
body {
	background:url("/pics/body_bg.jpg") no-repeat center top;
	margin: 0;
	padding: 0;
	height:100%;
	font: 12px Arial, Helvetica, sans-serif;
}
div#wrapper_all {
	margin: 0 auto;
	width: 100%;
	height:auto !important;
	height:100%;
	min-height:100%;
	text-align: left;
	position:relative;		
}

div#wrapper {
	margin: 0 auto;
	width: 960px;
	padding:0 5px;
	text-align: left;
}

.content-index {
	text-align: left;
	width: 960px;
	min-height: 400px;
	height: auto!important;
	height: 400px;
}
.content {
	text-align: left;
	background: #FFF;
	width: 944px;
	padding: 8px;
	padding-top:4px;
	min-height: 400px;
	height: auto!important;
	height: 400px;
	
	background: url("/pics/PageTitle.gif") repeat-x left top #fff; 
	border-top:5px solid #c31a00;
	
	position:relative;
	box-shadow: 0px 0px 6px #ccc;
	-moz-box-shadow: 0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #ccc;
	behavior: url('/shared/pie.htc');
}
.content, .content-index {
	padding-bottom:170px;	
}
.content-index h2 {
	padding: 0;
	margin: 0;
}
.relative {
	position: relative;
}
.pageTitle {
	display: block;
	width: 932px;
	height: 32px;
	padding: 0px 0 10px 10px;
	margin-bottom: 10px;
	font-family: 'Lato', arial, serif;
	color: #920e16;
	font-size: 30px;
}		
	
div#top {
	width:340px;
	height:45px;
	margin:0 auto;
	padding:5px 0;
	position:absolute;
	right:0;
    z-index:9000;
}	
	
div#header_all {
	width:100%;
	min-width:970px;
	position: relative;
    z-index:9000;
	background:url("/pics/header_repeat.jpg") repeat-x;
}
div#header {
	position:relative;
	width:960px;
	margin:0 auto;
}
#searchbar, #translate {
	float:left;
	padding:0 0 0 10px;
}
div#header h1 { 
	width: 960px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	background:url("/pics/header.jpg");
}

div#header h1 a {
	display: block;
	height: 0;
	padding-top: 100px;
	width: 960px;
	overflow: hidden;
	position: relative;
	z-index: 999;
	font-size: .2em;
}			
	
/* Navigation menu */

div#menu {
	width: 960px;
	margin:0 auto;
	padding:5px 5px 6px;
	height: 30px;
	position: relative; /* do not remove, this fixes something for IE6 */
	z-index: 9999;
	background:url('/pics/menu_bg.jpg') no-repeat;
}
ul#topnav-items {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 9999;
	float:right;
	right:50%;
}			
	
ul#topnav-items li {
	list-style: none;
	display: inline;
	padding: 0 10px;
	margin: 0;
	float: left;
	left:50%;
	position: relative;
	z-index: 999;
}

ul#topnav-items li ul li {padding:0;}

ul#topnav-items li a {
	width:0px;
	white-space: nowrap;
	height: 20px;
	display: block;
	padding: 6px 12px 4px;
	margin:0 0px;
	background: 0px 0px repeat-x;
	font-family: 'Tinos', arial, serif;
	text-decoration:none;
	font-size:20px;
	color:#333;
}

ul#topnav-items > li a {
	width: auto;
	white-space: normal;
}

ul#topnav-items li:hover, ul#topnav-items li.over {
	color:#c31a00;
	background:#e5e5e5;
}
/* Drop down items */

ul#topnav-items ul, 
ul#topnav-items li:hover ul ul, ul#topnav-items li.over ul ul, 
ul#topnav-items li:hover ul ul ul, ul#topnav-items li.over ul ul ul,
ul#topnav-items li:hover ul ul ul ul, ul#topnav-items li.over ul ul ul ul {
	position: absolute;
	left: -9999px;
	z-index: 9999;
	width: 168px;
	margin: 0;
	padding: 0;
	z-index: 9999;
	font: 12px Arial, Helvetica, sans-serif;
	right:auto;
}
ul#topnav-items ul li {
	margin: 0;
	left:auto;
}
ul#topnav-items li:hover ul, ul#topnav-items li.over ul {
	z-index: 9999;
	left: auto;
	background: none;
}
ul#topnav-items ul li:hover ul, ul#topnav-items ul li.over ul {
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 100%;
}
ul#topnav-items ul li:hover ul, ul#topnav-items ul li.over ul,
ul#topnav-items ul ul li:hover ul, ul#topnav-items ul ul li.over ul,
ul#topnav-items ul ul ul li:hover ul, ul#topnav-items ul ul ul li.over ul {
	position: absolute;
	top: 0;
	left: 100%;
}
/* Drop down items colors and formatting */

ul#topnav-items ul {
	border: 0;
	margin-left:-10px;
}

ul#topnav-items li:hover ul li a, ul#topnav-items li.over ul li a {
	line-height: 16pt;
	text-align: left;
	text-decoration: none;
	padding: 0 0 0 8px;
	height: auto;
	width: 160px;
	color: #333;
	background: #e5e5e5;
	background-image:none;
	white-space:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

ul#topnav-items li ul li a:hover, 
ul#topnav-items li ul li:hover a, ul#topnav-items li ul li.over a,
ul#topnav-items li ul li:hover ul a:hover, ul#topnav-items li ul li.over ul a:hover,
ul#topnav-items li ul li ul li:hover a, ul#topnav-items li ul li ul li.over a,
ul#topnav-items li ul li ul li:hover ul a:hover, ul#topnav-items li ul li ul li.over ul a:hover,
ul#topnav-items li ul li ul li ul li:hover a, ul#topnav-items li ul li ul li ul li.over a,
ul#topnav-items li ul li ul li ul li:hover ul a:hover, ul#topnav-items li ul li ul li ul li.over ul a:hover {
	color: #FFF;
	background: #c31a00;
}
ul#topnav-items li ul li:hover ul a, ul#topnav-items li ul li.over ul a,
ul#topnav-items li ul li ul li:hover ul a, ul#topnav-items li ul li ul li.over ul a,
ul#topnav-items li ul li ul li ul li:hover ul a, ul#topnav-items li ul li ul li ul li.over ul a {
	color: #333;
	background: #e5e5e5;
}			
	
#indextop {
	position:relative;
	width:960px;
	height:257px;
	background:url("/pics/indextop_bg.jpg") no-repeat top right;
}			
	
/* quicklinks */

#quicklinks {
	width: 300px;
	position:absolute;
	right:0px;
	top:0;
	float: right;
	padding: 25px 0 0 0px;
	z-index:99;
}
#quicklinks h2 {
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#quicklinks ul {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0;
	width: 300px;
}
#quicklinks ul li {
	width: 270px;
	float: left;
	padding-left:0px;
	padding-right:30px;
	margin-bottom:30px;
}
#quicklinks ul li.right {
	padding-left:30px;
	padding-right:0;
}
#quicklinks a {
	width: auto;
	height:16px;
	line-height:16px;
	padding:8px 8px 6px 8px;
	margin: 0;
	overflow: hidden;
	display: block;
	color: #333;
	font-family: "Lato", Arial, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	text-decoration:none;
	background:url('/pics/quicklinks_item.gif') repeat-x; 
}

#quicklinks a:hover {
	background:url('/pics/quicklinks_hover.gif');
	color:#fff;
}
			
	
h2 a#news, h2 a#events, h2 a#links, h2 a#schedule {
	width: 0;
	height: 0;
	font-size: 0;
	display: block;
	margin: 0;
	overflow: hidden;
		behavior: url('/apps/shared/iepngfix.htc');
}
h2 a#news { background: url("/pics/news_header.png") no-repeat left top; }
h2 a#events { background: url("/pics/events_header.png") no-repeat left top; }
h2 a#links { background: url("/pics/selected_links_header.png") no-repeat left top; }
h2 a#schedule { background: url("/pics/schedule_header.png") no-repeat left top; }			

#left-column h2 a {
	padding: 42px 630px 0 0;
}
#center-column h2 a {
	padding: 42px 270px 0 0;
}
/* Index properties */
#columns {
	width:952px;
	padding:0px 4px;
	overflow:hidden;
	background:url('/pics/columns_bg.png') no-repeat top;
		behavior: url('/apps/shared/iepngfix.htc');
}

/* Homepage Section Table Includes */

.HPNews, .HPEvents, .HPBBMessages, .HPLinks {
	padding: 0 0px;
	margin: 0;
	color: #000;
}
.HPNews #l, .HPEvents #l, .HPDirectory #l, .HPBBMessages #l, .HPLinks #l, .HPMemoirs #l {
	padding-top: 20px;
}



.HPNews #r {
    max-width: 511px;
    overflow: hidden;
    padding-top: 15px;
}

#left-column {
	width: 630px;
	float: left;
	margin-right:25px;
}
		
#left-column a, #left-column a:active, #left-column a:link, #left-column a:visited {
	color:#0e3362;
}
		
#left-column .container {
	width:556px;
	margin-bottom:12px;
	padding:30px 10px 30px 62px;
	border:1px solid #c0c0c0;

	background:url("/pics/leftcolumn_container_bg.jpg") no-repeat center top #e4e4e4;
	min-height: 100px;
	height: auto!important;
	height: 100px;
}		
		
#center-column {
	width: 270px;
	float: left;
	margin-left:26px;
}
		
#center-column a, #center-column a:active, #center-column a:link, #center-column a:visited {
	color:#0e3362;
}		
		
#center-column .container, #spotlight2101 {
	width:250px;
	margin-bottom:12px;
	padding:30px 9px;
	border:1px solid #c0c0c0;

	background:url("/pics/centercolumn_container_bg.jpg") no-repeat center top #e4e4e4;
	min-height: 100px;
	height: auto!important;
	height: 100px;
}		

.container {
	box-shadow: 0px 0px 5px #ccc;	
	-moz-box-shadow: 0px 0px 5px #ccc;	
	-webkit-box-shadow: 0px 0px 5px #ccc;		
	behavior: url('/shared/pie.htc');
	position:relative;
}

a.hp-button {
	display:block;
	width:150px;
	height:13px;
	
	font-size:13px;
	text-transform:uppercase;
	color:#333;
	padding:7px;
	text-decoration:none;
	border:1px solid #ccc;
	margin:5px 10px; 
	background:url('/pics/hpbutton.gif') right;
}
	
#shuffle1 {
	width: 960px;
	height: 257px;
	padding: 0px 0px 0px;
	position: relative;
	z-index: 1;
	float:left;
}
#shuffle2 {
	width:0px;
	height:0px;
	padding:15px 15px;
	background: url("/pics/shuffle2_bg.jpg");
}			
	
#rotate_overlay {
	position:absolute;
	width:960px;
	height:257px;
	z-index: 2;
	left:0px;
	top:0px;
	background: url("/pics/overlay.png") no-repeat left top;
		behavior: url('/apps/shared/iepngfix.htc');
}		
	
/* Right side /pages/ menus */
table#pageNav {
	border:none;
	margin-top:-22px;
}
table#pageNav ul {
	list-style-type:none;
	padding: 10px 0 55px 0px !important;
	margin: 0 0 !important;
	background:url('/pics/rightmenu_bg.gif') repeat-x top #e4e4e4;
	width: 250px;
	border:1px solid #CCC;
	
	box-shadow: 0px 0px 5px #ccc;	
	-moz-box-shadow: 0px 0px 5px #ccc;	
	-webkit-box-shadow: 0px 0px 5px #ccc;		
	behavior: url('/shared/pie.htc');
	position:relative;
	
}
table#pageNav td ul li { display:inline; margin-bottom: 4px; }

table#pageNav td ul li a {
	display:block;
	line-height:18px;
	text-decoration:none;
	font-size:18px;
	font-family: 'Tinos', arial, serif;
	width:220px;
	padding:6px 5px 6px 25px;
}
table#pageNav td ul li a:hover, table#pageNav td ul li a:active {
	color:#fff!important;
	background: #96392a url('/pics/quicklinks_hover.gif') repeat-x
}
table#pageNav td ul li a, table#pageNav td ul li a:visited {
	color:#333;
}
table#pageNav td ul li b {
	display:block;
	line-height:18px;
	font-size:18px;
	font-family: 'Tinos', arial, serif;
	font-weight:normal;
	color:#333;
	background:url('/pics/rightmenu_select.png') repeat-x top;
	width:240px;
	padding:6px 5px 6px 25px;
	behavior: url('/apps/shared/iepngfix.htc');
}	
	
/* Footer */

address {
	margin:8px 0;
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align: left;
}
a#footer_logo {
	width:126px; height:0px; overflow:hidden; display:block;
	padding:62px 0 0 0;
	background:url('/pics/footer_logo.jpg');
}
a#district_logo {
	position: absolute;
	right: 0px;
	top: 35px;
	width: 79px;
	height: 0;
	padding: 49px 0 0 0;
	margin: 0;
	overflow: hidden;
	display: block;
	background: url("/pics/doe_logo.jpg") no-repeat; 
}
a#edunet {
	width: 245px;
	height: 0;
	padding: 22px 0 0 0;
	margin: 0;
	overflow: hidden;
	display: block;
	background: url("/pics/edunet_logo.jpg") no-repeat; 
}
#edu_logo {
	width: 245px;
	margin: 0;
}			
	
div#footer {
	position:absolute;
	bottom:0;
	width: 100%;
	min-width:970px;
	padding: 0 0px;
	text-align: left;
	background: url("/pics/footer.jpg") repeat-x center top #c01a02;;
}
div#footer-inner {
	width: 960px;
	height: 140px;
	margin:0 auto;
	padding:0 5px;
	position:relative;
}

div#footer div#links {
	position:absolute;
	left:322px;
	width:560px;
	top:18px;
}
div#footer div#links h3 { 	font-family: "Lato", Arial, sans-serif; font-size:18px; color:#811305; margin:7px 0 3px; }
div#footer div#links ul { list-style-type:none; float:left; margin:0; padding:0; width:126px; margin-right:10px; padding:0 2px; line-height:18px; color:#fff; }		
div#footer div#links a {color:#fff; text-decoration:none; }

a#apStudents:link,a#apStudents:visited { position:relative; margin: 25px auto 0; text-indent:-9999px; background-image:url("/pics/ap-online-scores-for-students-banner-ad-300x250.jpg"); width:270px; height:225px; display:block;  }
a#apStudents:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}

#spotlight2101wrapper {margin-top:20px;}
#spotlight2101wrapper h2 a { background: url('/pics/funding_header.png') no-repeat; height:0;font-size:0;margin-top:26px;display:block;}
#spotlight2101 {margin-top:0!important;margin-bottom:0!important;box-shadow: 0 0 5px #CCCCCC;
    position: relative;}
.content-index div#spotlight2101 div.imgWrapper {padding:3px!important; box-shadow:none;}
.content-index div#spotlight2101 h3 {font-weight:normal;}
.content-index div#spotlight2101 a {text-decoration:none;}
.content-index div#spotlight2101 a:hover {text-decoration:underline;}