@import url("/apps/js/polls/polls-pack.css");
@import url(http://fonts.googleapis.com/css?family=Muli:400,400italic);

/* utility classes etc. */

.hidden { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }

/* .horiz-nav */
.horiz-nav ul { list-style: none; margin: 0; padding: 0; }
.horiz-nav ul li { float: left; } 
.horiz-nav ul li a { text-decoration: none; }

/* .dropdown */

.dropdown li { position: relative; }
.dropdown a { display: block; text-decoration: none; }
.dropdown li > ul { position: absolute; left: -999999px; }
.dropdown li:hover > ul { left: 0; }
.dropdown li:hover > ul li:hover ul { top: 0; left: 100%; }

/* .centered-nav */

.centered-nav { float: right; left: -50%; position: relative; }
.centered-nav ul { left: 50%; position: relative; }

/* .large-centered */

.large-centered { width: 100%; overflow: hidden; position: relative; }
.large-centered > div { float: right; left: -50%; position: relative; }
.large-centered > div > div { float: left; position: relative; right: -50%; }

/* pageNav structure */
#pageNav { border: none; }
#pageNav img { display: none; }
#pageNav ul { list-style: none; margin: 0!important; padding: 0!important;}
#pageNav a { text-decoration: none; }
#pageNav a:hover { text-decoration: underline; }

.hpcolumn { float: left; }

#skip_to_content:focus {
	position:absolute;
	top: 0;
	left: 0; 
	width:auto; 
	height:auto;
	color: #fff;
}

/* high level styling */

body, body .dark, body .light, body table, body .neutral, body .pale {
	font-family: arial, sans-serif;
	font-size: 14px;
}

body #school_info {
	position: absolute;
	top: 80px;
	left: 160px;
}

body, #footer_main { min-width: 1040px; }

html {
	position: relative;
	min-height: 100%;
	background: #4d4d4d url('/pics/html_bg.jpg') top center repeat-x;
}

body {
	margin: 0 0 250px;
	background: url('/pics/body_bg.png') center 41px no-repeat;
}

/* header styling */

#header_main {
	width: 1000px;
	height: 222px;
	margin: 10px auto 0;
	position: relative;
	z-index: 99;
}

#header_marquee { color: #fff; }
#header_marquee {
	position: absolute;
	top: 0;
	left: 0;
	width: 775px;
	line-height: 41px;
	color: rgba(255,255,255,.7);
	font-size: 16px;
}
#staff_portal{
    color: black;
    float: right;
    font-size: 11pt;
    padding-top: 48px;
    text-decoration: none;
}
#staff_portal:hover{
	color: #f49720;
}
#social_nav {
	position: absolute;
	top: 5px;
	right: 0;
}

#social_nav a {
	display: block;
	height: 0;
	overflow: hidden;
	padding: 24px 0 0;
	margin: 0 0 0 12px;
}

#social_facebook a { background: url('/pics/icon_facebook.png'); width: 19px; }
#social_twitter a { background: url('/pics/icon_twitter.png'); width: 25px; }
#social_rss a { background: url('/pics/icon_rss.png'); width: 24px; }
#social_youtube a { background: url('/pics/icon_youtube.png'); width: 25px; }
#social_skyward a { background: url('/pics/skyward-icon.png'); width: 41px; }
#social_instagram a { background: url('/pics/icon_instagram.png'); width: 25px; }

#social_nav a:hover { background-position: left bottom; }

#header_title {
	margin: 0;
	position: relative;
	z-index: 999;
}

#header_title a {
	display: block;
	width: 150px;
	height: 0;
	overflow: hidden;
	padding: 160px 0 0;
	background: url('/pics/header_logo.png');
	position: absolute;
	top: 53px;
	left: 7px;
	//* background-size: 274px 163px; *//
}

#header_motto { color: #fff; }
#header_motto {
	font-family: "Muli", sans-serif;
	color: black;
	font-size: 23px;
	text-transform: uppercase;
	font-style: italic;
	position: absolute;
	top: 80px;
	right: 8px;
}

/* topnav styling */

#topnav_holder {
	position: absolute;
	top: 121px;
	left: 362px;
}

#topnav > ul:first-child > li {
	margin: 0 6px;
}

#topnav > ul > li > a { 
	text-decoration: none; 
	height: 54px;
	line-height: 54px;
	padding: 0;
	color: black;
	font-size: 15px;
	font-weight: 700;
	font-family: "Muli";
	text-transform: uppercase;
	border-top: 6px solid transparent;
	border-bottom: 7px solid transparent;
}

/* hover */

#topnav > ul > li:hover > a { 
	color: #eb5d02; 
	border-top-color: #eb5d02;
	border-bottom-color: #eb5d02;
}

/* dropdowns */
#topnav ul ul { background: #000; }
#topnav ul ul {
	width: 175px;
	background: rgba(0,0,0,.5);
}

#topnav ul ul a, #topnav ul ul li:hover ul a {
	width: 150px;
	padding: 7px 7px 7px 18px;
	color: black;
	background: white;
}

#topnav ul ul li:hover a, #topnav ul ul li:hover ul li:hover a { background: #f25e2f; }

/* main content & inside page styling */

#content_main {
	width: 1000px;
	padding: 20px 25px 25px;
	margin: 0 auto;
	background: #fff;
	box-shadow: rgba(0,0,0,.2) 0 0 12px;
	min-height: 400px;
	position: relative;
	z-index: 0;
}

#content_main:before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border: 1px solid #999999;
	z-index: -1;
}

.pageTitle {
	color: black;
	font-size: 26px;
	font-family: "Muli";
	font-weight: 700;
	margin: 0 0 25px;
	padding: 0 0 5px;
	border-bottom: 1px solid black;
}

#pageNav {
	background: #000;
	box-shadow: rgba(0,0,0,.15) 5px 5px 5px;
}

#pageNav a, #pageNav b {
	display: block;
	color: #fff;
	font-size: 15px;
	width: 210px;
	font-family: "Muli";
	margin: 0;
	padding: 10px 15px 10px 25px;
}

#pageNav b { color: #000; background-color: #f25e2f; }

/* index styling */

.index #content_main { 
	width: 100%;
	padding: 0;
	box-shadow: none;
	background: transparent;
}

.index #content_main:before { display: none; }

#index_top {
	width: 1000px;
	position: relative;
	margin: 0 auto;
}

/* image shuffle */

#shuffle_main {
	width: 984px;
	height: 466px;
	padding: 8px;
	background: black;
	box-shadow: rgba(0,0,0,.1) 0 0 24px;
}

/* quicklinks */

#quicklinks {
	position: relative;
	height: 132px;
	width: 1000px;
	margin: 0 auto;
}

#quicklinks li { background: url('/pics/qlink_divider.png') top left no-repeat; }
#quicklinks li:first-child { background: none; }

#quicklinks a {
	display: block;
	height: 52px;
	width: 200px;
	padding: 80px 0 0;
	text-decoration: none;
	color: black;
	text-align: center;
	font-family: "Muli";
	font-size: 20px;
	font-weight: 700;
	background-position: top center;
	background-repeat: no-repeat;
}

#qlink1 a { background-image: url('/pics/VibrationsLogo.png'); }
#qlink2 a { background-image: url('/pics/Drama-Club-Logo-.png'); }
#qlink3 a { background-image: url('/pics/qlink3.png'); }
#qlink4 a { background-image: url('/pics/new-AB-logo-copy.png'); }
#qlink5 a { background-image: url('/pics/qlink5.png'); }
#qlink6 a { background-image: url('/pics/7108_139_984_0_44.png'); }

#quicklinks a:hover { color: #eb5d02; }

#qlink1 a {
	/*height: 0;
	overflow: hidden;
	padding: 132px 0 0;*/
}

#qlink1 a img {
	margin-top: 15px;
}

/*#qlink1 a:hover { background-position: center -93px; }*/


/* index main */

#index_main {
	width: 960px;
	padding: 20px;
	margin: 0 auto;
	background: #fff;
	box-shadow: rgba(0,0,0,.2) 0 0 12px;
	position: relative;
	z-index: 0;
}

#index_main:before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border: 1px solid black;
	z-index: -1;
}

#left_column { 
	width: 275px; 
}

#right_column { 
	width: 645px;
	margin-left: 40px;
}

/* generic .hpcontainer styles */

.hpcontainer { margin: 0 0 20px; }

.hpcontainer h1 { margin: 0; }

.hpcontainer h1 a {
	display: inline-block;
	width: auto;
	color: black;
	font-size: 26px;
	font-weight: 700;
	font-family: "Muli", sans-serif;
	margin: 0 0 20px;
	padding: 0;
	text-decoration: none;
	text-transform: none;
	border-bottom: 2px solid black;
}

.hpcontainer table {
	width: 100%;
	color: #000;
	line-height: 21px;
}

#left_column .hpcontainer table { color: #555555; }

.hpcontainer #l { display: none; }

.hpcontainer #r {
	padding: 10px 0;
}

.hpcontainer #r a {
	color: #000 !important;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none; 
}

.hpcontainer #r a:hover, #index_main .spotlightmessage .spotlightmessage-more-link:hover { text-decoration: underline; }

.hpcontainer #r b { font-weight: 400; }

#index_main table [id*="showAll"] td, #index_main table .autoCalendarLinks td { padding: 0; }

#index_main table [id*="showAll"] td a, #index_main table .autoCalendarLinks td a, #index_main .spotlightmessage .spotlightmessage-more-link {
	font-size: 15px;
	font-weight: 400; 
	color: #eb5d02;
	text-decoration: none;
}

/* sections & misc overrides */

#index_main .spotlightmessage-text {
	line-height: 21px;
	height: 500px;
	overflow: hidden;

}
#index_main .spotlightmessage-image {
	float:right;
	padding-left: 10px;
}

#index_main .spotlightmessage-image img {
	max-width: 240px;
	max-height: 300px;
}

/* footer styling */

#footer_main {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 209px;
	width: 100%;
	background: #000 url('/pics/footer_bg.jpg') top center repeat-x;
	border-top: 7px solid #fff;
}

#footer_inner { 
	width: 1000px; 
	height: 209px;
	margin: 0 auto;
	position: relative;
	background: url('/pics/footer_inner_bg.jpg') top center no-repeat;
}

#footer_address {
	color: #fff;
	font-size: 15px;
	position: absolute;
	font-family: "Muli";
	top: 30px;
	left: 23px;
	line-height: 37px;
	font-style:  normal;
	text-shadow: rgba(0,0,0,.3) 1px 1px 0;
}

#footer_address_title {
	font-size: 22px;
	font-weight: 600;
}

#footer_address a { color: inherit; }

#footer_address .footer-address-block {
	display: inline-block;
	padding: 0 0 0 20px;
	background-position: left 8px;
	background-repeat: no-repeat;
}

#footer_address_title { font-size: 24px; }
#footer_address_location { background-image: url('/pics/icon_location.png'); }
#footer_address_phone { background-image: url('/pics/icon_phone.png'); }

#google_tools {
	position: absolute;
	top: 53px;
	left: 422px;
	width: 146px;
}

#search {
	float: left;
	height: 22px;
	width: 138px;
	background: #fff;
	border-radius: 26px;
	border: 3px solid #c25002;
	box-shadow: rgba(0,0,0,.19) 3px 3px 3px inset;
}

#search input#q {
	border: none;
	background: transparent;
	vertical-align: top;
	padding: 0 10px;
	height: 26px;
	line-height: 26px;
	width: 88px;
}

#search .edlio-search-button { margin: 0 0 0 -4px; }

#googleTranslate {
	display: block;
	width: 122px;
	margin: 0 auto 15px;
}

#footer_main .spotlightmessage {
	position: absolute;
	top: 23px;
	left: 640px;
	width: 340px;
	color: #fff;
	line-height: 22px;
}

body #footer_main #vision .spotlightmessage {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 340px;
	color: #fff;
	line-height: 22px;
}

#footer_main .spotlightmessage h1 a {
	color: #fff;
	text-transform: none;
	border: none;
	font-size: 22px;
	margin: 0;
}

#footer_main .spotlightmessage-text { 
	font-style: italic; 
	font-size: 16px;
}

#edlio_logo {
	position: absolute;
	top: 176px;
	left: 422px;
}

/* hide subscribe button on staff pages as per customer request Ticket number: 3748-150220-01 (Marino) */
div.user-page-info-wrapper a#subscribe_button {
	display: none;
}

/* News Styles */

#homepage_news_list {
/*	margin-top: 15px;
	margin-left: 25px;*/
	/*width: 253px;*/
}

#homepage_news_list article {
	padding: 3px 0 3px 0;
}

/*news title*/

#homepage_news_list article h1 {
	margin: 0px 0px 18px;
}

#homepage_news_list article h1.title a {
	color: #000;
	font-size: 18px;
	font-weight: 700;
	font-family: arial,sans-serif;
	text-decoration: none;
	padding: 3px 0px;
	border-bottom: none;
	margin: 0;
}

#homepage_news_list article h1.title a:hover {
	text-decoration: underline;
}

/*summary*/

#homepage_news_list article .summary {
	padding: 3px 0px;
}

#homepage_news_list article .summary p {
	/*color: #fff;*/
	font-size: 14px;
	margin-top: 0;
}

/*image*/

#homepage_news_list article .thumbnail {
	max-width: 120px;
	float: left;
	margin: 0 10px 10px 0;
}

#homepage_news_list article .thumbnail img {
	max-width: 100%;
}

/*show all*/
#homepage_news_list .read-more-link {
	font-size: 15px;
	font-weight: 400;
	color: black;
	text-decoration: none;
}

#index_main .spotlightmessage .spotlightmessage-more-link {
color: black;
}

#homepage_news_list .read-more-link:hover {
	text-decoration: underline;
	color: black !important;
}

body #spotlightmessage253 .spotlightmessage-more-link {
	display: none;
}

body #spotlightmessage2091 .spotlightmessage-more-link {
	display: none;
}