/* imports and fonts imports */
@import url("/apps/js/polls/polls-pack.css");
@font-face {
    font-family: 'TinBirdHouse';
    src: url('/shared/font/tinbird-webfont.eot');
    src: url('/shared/font/tinbird-webfont.eot?#iefix') format('embedded-opentype'),
         url('/shared/font/tinbird-webfont.woff') format('woff'),
         url('/shared/font/tinbird-webfont.ttf') format('truetype'),
         url('/shared/font/tinbird-webfont.svg#TinBirdhouseRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Channel';
    src: url('/shared/font/channel-webfont.eot');
    src: url('/shared/font/channel-webfont.eot?#iefix') format('embedded-opentype'),
         url('/shared/font/channel-webfont.woff') format('woff'),
         url('/shared/font/channel-webfont.ttf') format('truetype'),
         url('/shared/font/channel-webfont.svg#ChannelRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* General */
html { height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { height: 100%; margin: 0; padding: 0; font-size: 13px; line-height: 1.231; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
a, a:active, a:visited { color: #333; }
a:hover, a:active { outline: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* Normalization of fonts and font styles */
body,
#topnav li:hover ul li a, 
#topnav li.over ul li a { font-family: "Arial", Helvetica, sans-serif; }

#address,
#pageNav, 
#pageNav ul li a, 
#quicklinks, 
#quicklinks a,
#wrapper-index .content section h2 a, 
#quickpoll .HPQuickPoll h2
#topnav li a,
.pageTitle { font-family: "TinBirdHouse", Arial, Helvetica, serif; }

#motto { font-family: "Channel", Arial, Helvetica, serif; }

#mission .container { font-family: "Georgia", Times New Roman, Times, serif; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Site Styles */
#wrapper, #wrapper-index {
    background: #000 url('/pics/redesign_core/wrapper_bg.jpg') no-repeat center top;
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 900px;
	height: 100%;
	min-height: 100%;
	height: auto!important;
	text-align: left;
	behavior: url('/shared/pie.htc');
}
#wrapper-inner { }
.inside { width: 900px; margin: 0 auto; }
#wrapper .content { }
#wrapper .content .inside { width: 880px; padding: 10px; background: #fff; }
.content {
	width: 900px;
	text-align: left;
	margin: 10px auto 0;
	padding: 0;
	
}
.content .inside {
	position: relative;
	min-height: 400px;
	height: auto!important;
	height: 400px;
}
.pageTitle {
	height: 40px;
	padding: 13px 0 0 10px;	margin-bottom: 10px;
	font-size: 20px; color: #000;
	background: url('/pics/redesign_core/pagetitle.gif') no-repeat left center;
}

#top { width: 293px; height: 38px; position: absolute; right: 0; padding: 2px; background: url('/pics/redesign_core/top_bg.png') no-repeat; }
#search { 
	float: right;
	margin: 6px 9px 0 0; 
	position: relative;
	border: 1px solid #d7d4d4;
}
#search form { margin: 0; }
#search #search-field { width: 97px; height: 12px; border: 1px solid #b8b8b8; padding: 2px; background: none; font-size: 12px; color: #000; background: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; position: relative; box-shadow: inset 0 0 2px #ccc; -moz-box-shadow: inset 0 0 2px #ccc; -webkit-box-shadow: inset 0 0 2px #ccc; }
#search #search-img { vertical-align: top; margin-left: -4px; }
.ie6 #search #search-img, .ie7 #search #search-img { margin-top: 1px; }
#googleTranslate { margin: 7px 0 0 7px; float: left; }
#extra-modules { border-bottom: 1px dotted #333; }
#motto { width: 510px; height: 46px; position: absolute; top: 119px; left: 12px; z-index: 0; font-size: 11px; padding: 0; color: #F9CF0B; }
.blue { width: 900px; height: 3px; background: url('/pics/redesign_core/blue.png') no-repeat; position: absolute; left: 50%; margin-left: -450px; }
#header .blue { top: 30px; }
#footer .blue { bottom: -3px; }
#date { width: 262px; height: 24px; position: absolute; bottom: 0; left: 0; text-align: center; padding-top: 8px; background: #dadad9; }
#marquee { width: 465px; height: 24px; position: absolute; top: 163px; left: 0; font-weight: 700; }

/* Header */
#header { position: relative; z-index: 9999; width: 100%; }
#header .inside { width: 900px; position: relative; }
#wrapper #header .inside { height: 185px; min-height: 185px; height: auto!important; }
#wrapper-index #header .inside { height: 290px; min-height: 290px; height: auto!important; }
#header-name { width: 585px; height: 125px; position: absolute; right: 0; top: 69px; z-index: 20; background: url('/pics/redesign_core/logo.png') no-repeat; }

/* Navigation menu */
#menu { width: 100%; padding: 3px 0; height: 30px; position: absolute; background: url('/pics/redesign_core/topnav_bg.png'); top: 33px; }
#menu h2 { width: 0; height: 0; }
#topnav { list-style: none; margin: 0; padding: 0; position: relative; z-index: 9999; float: right; right: 50%; }
#topnav li { list-style: none; display: inline; float: left; left: 50%; position: relative; z-index: 9999; }
#topnav .top-level { padding: 0 20px; background: url('/pics/redesign_core/topnav_sep.png') no-repeat center right; }

#topnav li a {
	white-space: nowrap;
	width: 0;
	height: 20px;
	display: block;
	text-align: center;
	padding: 5px;
	font-size: 18px;
	letter-spacing: 0.3px;
	text-decoration: none;
	color: #fff;
	text-shadow: 0 0 2px #000;
	position: relative;
}
#topnav > li a { width: auto; white-space: normal; }
#topnav li:hover a, #topnav li.over a { color: #f9cf0b; background: #385a68; }
#top-8:hover ul, #top-8.over ul {  }

/* Drop down items */
#topnav ul, 
#topnav li:hover ul ul, #topnav li.over ul ul, 
#topnav li:hover ul ul ul, #topnav li.over ul ul ul,
#topnav li:hover ul ul ul ul, #topnav li.over ul ul ul ul {
	position: absolute;
	right: auto;
	left: -9999em;
	top: -9999em;
	z-index: 9999;
	width: 184px;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#topnav ul li { margin: 0; left: auto; }
#topnav li:hover ul, #topnav li.over ul { left: auto; top: auto; background: none; }

#topnav ul li:hover ul, #topnav ul li.over ul,
#topnav ul ul li:hover ul, #topnav ul ul li.over ul,
#topnav ul ul ul li:hover ul, #topnav ul ul ul li.over ul { position: absolute; top: 0; left: 100%; }

/* Drop down items colors and formatting */
#topnav li:hover ul li a, #topnav li.over ul li a {
	line-height: 16pt;
	text-align: left;
	text-decoration: none;
	padding: 2px 5px;
	height: auto;
	width: 170px;
	font-size: 13px;
	letter-spacing: normal;
	white-space: normal;
	color: #fff;
	background: #4e4e4e;
	text-transform: none;
	text-shadow: none;
}
#topnav li ul li a:hover, 
#topnav li ul li:hover a, #topnav li ul li.over a,
#topnav li ul li:hover ul a:hover, #topnav li ul li.over ul a:hover,
#topnav li ul li ul li:hover a, #topnav li ul li ul li.over a,
#topnav li ul li ul li:hover ul a:hover, #topnav li ul li ul li.over ul a:hover,
#topnav li ul li ul li ul li:hover a, #topnav li ul li ul li ul li.over a,
#topnav li ul li ul li ul li:hover ul a:hover, #topnav li ul li ul li ul li.over ul a:hover { color: #f9cf0b; background: #385a68; }

#topnav li ul li:hover ul a, #topnav li ul li.over ul a,
#topnav li ul li ul li:hover ul a, #topnav li ul li ul li.over ul a,
#topnav li ul li ul li ul li:hover ul a, #topnav li ul li ul li ul li.over ul a { color: #fff; background: #4e4e4e; }

/* Index properties */
#index-top, #columns { min-height: 255px; height: 255px; height: auto!important; }
#index-top { position: relative; }
#columns { position: relative; background: url('/pics/redesign_core/index_bg.gif') repeat-y; }
#left-column, #center-column, #right-column { float: left; }
#left-column { width: 262px; }
#center-column { width: 375px; }
#right-column { width: 262px; }

/* Homepage Sections */

section { margin-bottom: 10px; }

/* Homepage Section Headers */
.content section h2 a {
	height: 14px;
	font-size: 24px;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 8px 0;
	color: #000;
	text-align: center;
	font-weight: normal;
}
#wrapper-index .content #left-column section h2 a { width: 260px; background: url('/pics/redesign_core/left_section_header.png') no-repeat left top; margin: 12px 0 0 -10px; }
#wrapper-index .content #center-column section h2 a { height: 22px; background: #2c2c2c; color: #f9cf0b; padding: 21px 0 0 0; box-shadow: inset 0 0 35px #000; -moz-box-shadow: inset 0 0 35px #000; -webkit-box-shadow: inset 0 0 35px #000; behavior: url('/shared/pie.htc'); }
#wrapper-index .content #right-column section h2 a { width: 260px; background: url('/pics/redesign_core/right_section_header.png') no-repeat right top; margin: 12px 0 0 10px; }
#mission h2 { margin-top: -40px; letter-spacing: 1px; }
#mission h2 a { width: 195px; height: 34px; padding: 0 0 0 25px; color: #f9cf0b; font-size: 24px; text-align: left; }

#mission { width: 260px; float: right; }
.box { width: 779px; height: 216px; background: url('/pics/redesign_core/mission_bg.png') no-repeat; position: absolute; bottom: 20px; right: -10px; }

/* Homepage Sections Containers */
#left-column .container, #center-column .container, #right-column .container { position: relative; padding: 10px; }
#mission .container { padding: 25px; color: #fff; font-size: 14px; letter-spacing: 0.2px; line-height: 1.3; }

/* Homepage Section Table Includes */
#wrapper-index .content table { padding: 0; margin: 0; width: 100%; }

/* Other homepage section extras */
#wrapper-index .content section table a, #wrapper-index .content table { color: #333; }
#wrapper-index .content section table a { color: #333; text-decoration: none; font-weight: 700; text-decoration: underline; }
#wrapper-index .content table #l { display: none; }
#wrapper-index .content table #r { border-bottom: 1px solid #dcd6d1; padding: 10px 0; }
#wrapper-index .content table #r b a { color: #333; margin-top: 5px; text-decoration: none; }

.autoCalendarLinks td, #showAll-0, #showAll-hpbbmessages #r, #showAll-hplinks #r, #showAll-0 #r { border-bottom: 0!important; padding: 5px 0!important; }

#wotd {
	width: 239px; height: 74px; margin: 0 auto;
	text-align: center;
	background: url('/pics/redesign_core/wotd.gif') no-repeat;
	position: relative;
}

#wotd br, #wotd b { display: none; }
#wotd a { width: 200px; font-size: 14px; font-weight: bold; text-decoration: none; position: absolute; top: 43px; left: 50%; margin-left: -100px; }
#wotd i { display: none; }

/* Image shuffles */
#spotlight { width: 648px; position: absolute; top: -105px; z-index: 100; }

/* Quick Poll */
.HPQuickPoll h2 { background: none; height: auto; margin: auto; overflow: inherit; padding: auto; width: auto; }
.HPQuickPoll .bar-color { background-color: #004d9c; } /* results bar color */
.HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only { margin: 0 auto; width: 70%; }
.question { margin: 0; }

/* Page navigation */
#pageNav { border: 0; font-size: 14px; }
#pageNav ul, #pageNav ul li { list-style: none; line-height: 16px; }
#pageNav ul { 
	padding: 10px 0!important; margin: 0 auto!important; width: 250px; 
	background: url('/pics/redesign_core/eagle.png') no-repeat bottom left, #3d3d3d;
	-pie-background: url('/pics/redesign_core/eagle.png') no-repeat bottom left, #3d3d3d;
	behavior: url('/shared/pie.htc');
	position: relative;
	box-shadow: inset 0 0 10px #000; -moz-box-shadow: inset 0 0 10px #000; -webkit-box-shadow: inset 0 0 10px #000;
}
#pageNav ul li { padding: 0!important; margin: 0!important; zoom: 1; /* important for IE6 */ }
#pageNav td img { display: none; }
#pageNav ul li a, #pageNav ul li b { width: 250px; height: 100%; font-size: 14px; display: block; padding: 5px 8px; margin: 0 auto; font-weight: 700; }
#pageNav ul li b, #pageNav ul li a:hover { background: url('/pics/redesign_core/pagenavf2.png') no-repeat left top; color: #000; }
#pageNav ul li a { text-decoration: none; color: #fff; }

/* Footer */
#footer { width: 100%; height: 106px; text-align: left; position: absolute; background: #000 url('/pics/redesign_core/footer_bg.jpg') no-repeat center center; }
#footer .inside { height: 58px; position: relative; background: #070808; margin-top: 16px; }
#footer .logo { width: 99px; height: 55px; background: url('/pics/redesign_core/footer_logo.png') no-repeat; position: absolute; left: 6px; top: 10px; z-index: 1; }
#footer span { margin: 0 10px; color: #f9cf0b; }
#footer .fleft, #footer .fright { float: left; }
#footer .fleft { text-align: right; }
#footer .fright { text-align: left; }
#district-logo { width: 94px; height: 39px; background: url('/pics/redesign_core/district_logo.gif') no-repeat; position: absolute; right: 10px; top: 10px; z-index: 1; }
#address { width: 680px; height: 58px; min-height: 58px; height: auto!important; color: #fff; padding: 0; margin: 0 auto; font-size: 16px; line-height: 22px; position: absolute; top: 8px; left: 50%; margin-left: -225px; z-index: 0; }
#edunet { width: 245px; height: 22px; background: url('/pics/redesign_core/edunet_black.png') no-repeat; position: absolute; left: 50%; margin-left: -123px; bottom: -27px; }