/* imports and fonts imports */
@import url("/apps/js/polls/polls-pack.css");

/* General */
html { height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { height: 100%; text-align: center; margin: 0; padding: 0; font-size: 13px; line-height: 1.231; background: url('/pics/body_bg.jpg') repeat; }

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: #033b73; }
a:hover, a:active { outline: 0; color: #fb3038; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
  
/* Normalization of fonts */
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; }

/* Font styles */
body,
#nav_items_0 li:hover ul li a, 
#nav_items_0 li.over ul li a,
#address { font-family: "Arial", Helvetica, sans-serif; }
#pageNav, #pageNav ul li a, #quicklinks a, #nav_items_0 li a, #motto { font-family: "Arial", Helvetica, sans-serif; }

/* Site Styles */
#wrapper, #wrapper-index { position: relative; margin: 0 auto; width: 100%; min-width: 960px; height: 100%; min-height: 100%; height: auto!important; text-align: left;background: url('/pics/body_scratch.png') center top no-repeat;}

.inside { width: 960px; margin: 0 auto; }
#wrapper .content { position: relative; margin: 0 auto; background: none; padding: 34px 0 0 0;}
#wrapper .content .inside { width: 918px; padding: 20px; line-height: 20px; background: #fff; border: 1px solid #cfd3e3; }
#wrapper .content .inside #wrapper .neutral, #wrapper table {color: #2c2c2d !important; font-size: 14px !important; font-weight: 300 !important; font-family: 'Open Sans', sans-serif !important;}
#wrapper-index .content, #wrapper-index .content .inside {width: 100%;}
.content { width: 960px; text-align: left; margin: 0 auto; padding: 0 0 33px 0;}
.content .inside { position: relative; min-height: 400px; height: auto!important; height: 400px; padding-bottom: ;}
.pageTitle { width: auto; display: block; height: 30px; padding: 0 0 0 0; margin-bottom: 20px; font-size: 24px; color: #000; position: relative; background: none; border-bottom: 3px solid #ff7200; font-family: 'Fjalla One', sans-serif;}

/* Top */
#top { position: relative; position: relative; top: 0; background: url('/pics/top_bg.jpg') repeat-x #fe7700; width: 100%; z-index: 10000;}
#top #inner {position: relative; width: 960px; height: 34px; margin: 0 auto; background: url('/pics/top_inner.jpg') center top no-repeat;}
#tabs { width: 257px; height: 28px; padding: 0; background: none; float: right; position: relative;}
#search { position: absolute; right: -4px; bottom: 0; }
#search form { margin: 0; }
#search #search-field { width: 61px; height: 19px; border: 0; padding: 2px 2px 2px 8px; background: none; font-size: 12px; color: #333; background: url('/pics/search_bg.png') no-repeat; border: 0; text-transform: uppercase; }
#search #search-img { vertical-align: top; margin-top: 0; position: relative; right: 4px;}
.ie6 #search #search-img, .ie7 #search #search-img { margin-top: 0; }
#googleTranslate { opacity:0; filter: alpha(opacity = 0); width: 102px!important; height: 24px; }
#preGoogle { position: relative; float: left; height: 24px!important; display:block; overflow:hidden; background:url('/pics/translate.png') no-repeat top left; border:0; margin-top: 4px;}
#login { width: 54px; position: relative; float: left; margin: 4px 5px 0 0; background: url('/pics/login.png') no-repeat;}
#login #click { width: 54px; height: 23px; padding-top: 3px; color: #000; text-align: center; display: block; position: relative; z-index: 1; text-decoration: none; text-transform: uppercase; }
#login #form { display: none; padding: 0 10px 10px ; z-index: 0; border-left: 1px solid #d3ccc6; position: absolute; background: #fe7700; }
#marquee { width: 340px; height: 30px; color: #fff; font-size: 20px; float: left; position: relative; background: none; top: 6px; }

/* Header */
#header { position: relative; top: 0; z-index: 9999; width: 100%; background: url('/pics/header_bg.jpg') repeat-x; }
#header .inside { position: relative; height: 157px; background: url('/pics/header_inside.jpg') center top no-repeat; }
#header-name {position: absolute; left: 98px; top: 33px; width: 787px; height: 71px; background: url('/pics/header_name.jpg') no-repeat;}
#motto { position: absolute; left: 406px; top: 30px; background: url('/pics/motto.png') no-repeat; width: 150px; height: 23px; }


/* Navigation menu */
#menu { width: 960px; height: 49px; z-index: 10; margin: 0 auto; background: url('/pics/menu_bg.jpg') no-repeat; position: relative; top: 129px; }
#menu h2 { width: 0; height: 0; }
#nav_items_0 { list-style: none; margin: 0; padding: 0; float: right; right: 50%; position: relative; z-index: 9999; }
#nav_items_0 li { list-style: none; display: inline; float: left; left: 50%; position: relative; z-index: 9999; padding: 0; }

#nav_items_0 li a { white-space: nowrap; width: 0; height: 21px; display: block; text-align: center; padding: 14px 30px; font-size: 20px; letter-spacing: 0.3px; text-decoration: none; color: #000; font-weight: 400; font-family: 'Fjalla One', sans-serif; text-transform: uppercase;}
#nav_items_0 > li a { width: auto; white-space: normal; }
#nav_items_0 li:hover a, #nav_items_0 li.over a { color: #001777; background: #fe7700; }

/* Drop down items */
#nav_items_0 ul, 
#nav_items_0 li:hover ul ul, #nav_items_0 li.over ul ul, 
#nav_items_0 li:hover ul ul ul, #nav_items_0 li.over ul ul ul,
#nav_items_0 li:hover ul ul ul ul, #nav_items_0 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;}
#nav_items_0 ul li { margin: 0; left: auto; }
#nav_items_0 li:hover ul, #nav_items_0 li.over ul { left: auto; top: auto; background: none; }

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

/* Drop down items colors and formatting */
#nav_items_0 li:hover ul li a, #nav_items_0 li.over ul li a { line-height: 16pt; text-align: left; text-decoration: none; padding: 6px 8px; height: auto; width: 176px;font-size: 13px; letter-spacing: normal; white-space: normal; text-transform: none; text-shadow: none; font-variant: normal;}

#nav_items_0 li:hover ul li a, #nav_items_0 li.over ul li a,
#nav_items_0 li ul li:hover ul a, #nav_items_0 li ul li.over ul a,
#nav_items_0 li ul li ul li:hover ul a, #nav_items_0 li ul li ul li.over ul a,
#nav_items_0 li ul li ul li ul li:hover ul a, #nav_items_0 li ul li ul li ul li.over ul a { color: #001777; background: #fe7700; }

#nav_items_0 li ul li a:hover, 
#nav_items_0 li ul li:hover a, #nav_items_0 li ul li.over a,
#nav_items_0 li ul li:hover ul a:hover, #nav_items_0 li ul li.over ul a:hover,
#nav_items_0 li ul li ul li:hover a, #nav_items_0 li ul li ul li.over a,
#nav_items_0 li ul li ul li:hover ul a:hover, #nav_items_0 li ul li ul li.over ul a:hover,
#nav_items_0 li ul li ul li ul li:hover a, #nav_items_0 li ul li ul li ul li.over a,
#nav_items_0 li ul li ul li ul li:hover ul a:hover, #nav_items_0 li ul li ul li ul li.over ul a:hover { color: #fe7700; background: #001777; }

li.nav_items_0  { padding-right: 5px!important; background: url('/pics/topnav_sep.gif') no-repeat right 0; }

nav#menu ul li span.nav_icon { display: none; }

#nav_items_0 li a bdi:after, #nav_items_0 li a li a bdi:after, #nav_items_0 li a li a li a bdi:after{ content: " \2192";}
.nav_item_last {padding-right: 0 !important; background: none !important;}

/* Index properties */
#index-wrapper {  }
#index-top, #columns { width: 960px; position: relative;}
#index-top { margin: 0 auto 0; height: 487px; background: none;}
#columns { width: 960px; padding: 10px 0 0 0; margin: 0 auto; position: relative; background: url('/pics/col_bg.png') repeat-y #fff;; }
#left-column {margin-left: 30px; width: 210px; margin-right: 31px; position: relative; float: left; display: inline-block;}
#center-column {margin-left: 30px; width: 357px; margin-right: 31px; position: relative; float: left; display: inline-block;}
#right-column {margin-left: 29px; width: 211px; margin-right: 31px; position: relative; float: left; display: inline-block;}
#col-top {position: absolute; left: 0; top: -17px; width: 960px; height: 17px; background: url('/pics/col_top.png') no-repeat;}
#col-bottom {position: absolute; left: 0; bottom: -17px; width: 960px; height: 17px; background: url('/pics/col_bottom.png') no-repeat;}

/* Homepage Sections */
section { margin-bottom: 20px; position: relative; }

/* Homepage Section Headers */
#wrapper-index .content section h2 {  }
#wrapper-index .content section h2 a { width: auto;height: 45px; line-height: 45px; font-size: 22px; text-decoration: none; font-weight: normal; margin: 0; padding: 0; text-align: center; color: #000; display: block; border-bottom: 3px solid #ff7200; font-family: 'Fjalla One', sans-serif;text-transform: uppercase;}

#wrapper-index .content #right-column section h2 a {border-color: #16309a;}

/* Homepage Sections Containers */
.container {position: relative; margin-top: 0; padding: 20px 0; background: #fff; font-size: 14px; color: #2c2c2d; font-weight: 300; font-family: 'Open Sans', sans-serif; line-height: 24px; }
#news .container {padding-top: 0; padding-bottom: 0;}
 
/* quicklinks */
#quicklinks h2 { width: 0; height: 0; }
#quicklinks { background: url('/pics/qlink_bg.png') center top repeat-x; padding-bottom: 0; width: 100%; height: 54px; position: relative; z-index: 900; margin: -54px auto 0;}
#quicklinks ul { list-style: none; margin: 0; padding: 0; float: right; right: 50%; position: relative; }
#quicklinks li { list-style: none; display: inline; float: left; left: 50%; position: relative; padding: 0 0 0 6px; background: url('/pics/qlink_sep.png') left no-repeat;}
#quicklinks li:first-child {background: none;}
#quicklinks a { height: 10px; text-decoration: none; padding: 22px 18px; margin: 0; display: block; color: #fff; background: none; font-size: 19px; text-align: center; position: relative; z-index: 0; font-family: 'Fjalla One', sans-serif; text-transform: uppercase;}
#quicklinks a:hover { text-decoration: underline; }

/* Buttons */
#buttons {position: relative; display: block; width: 968px; height: 105px; margin: 0 auto;}
#buttons ul {position: relative; display: block; padding: 0; margin: 0;}
#buttons ul li {position: relative; display: block; padding: 0; margin: 0; list-style: none; margin-top: 26px;}
#buttons li a {position: relative; display: block; position: relative; float: left; height: 84px; }
#buttons #b-1 a {background: url('/pics/b1.jpg') no-repeat;width: 483px;}
#buttons #b-2 a {background: url('/pics/b2.jpg') no-repeat; width: 485px;}

/* Message */
#message {width: 270px; margin-left: -30px;}
#wrapper-index .content #right-column section#message h2 a {background: url('/pics/Super_title.png') no-repeat; color: #fff; border: 0; padding-left:30px; font-family: Times; padding-top: 20px; height: 63px; text-align: left; line-height: 22px;}
#message .container {background: url('/pics/super_body.png') no-repeat; height: 250px; padding: 0; padding-left: 30px; color: #fff; line-height: 18px; padding-top: 20px;}
#message p {position: relative; display: block; padding: 0; margin: 0;}
#message .container a {position: relative; display: block; color: #ff7200; font-weight: bold; text-decoration: none; margin: 8px 0px;}
#message strong span {position: relative; display: block; font-weight: 300;}

/* Featured Photo Album */
#columns .HPFeaturedAlbums {margin-bottom: 20px; position: relative;}
#columns .HPFeaturedAlbums h2 {width: auto;height: 45px; line-height: 45px; font-size: 22px; text-decoration: none; font-weight: normal; margin: 0; padding: 0; text-align: center; color: #000; display: block; border-bottom: 3px solid #16309a; font-family: 'Fjalla One', sans-serif; text-transform: uppercase;  }
#columns .HPFeaturedAlbums .featuredAlbums {position: relative; margin-top: 0; padding: 10px 0 1px; background: #fff;}
#columns .HPFeaturedAlbums ul {margin-top: 0;}
#columns .HPFeaturedAlbums ul li {margin-bottom: 35px; padding: 4px; border: 1px solid #ff7800; box-shadow: none; overflow: visible;}
#columns .HPFeaturedAlbums ul li h3 {background: none; text-shadow: none; line-height: 35px; text-align: center; color: #2c2c2d; font-weight: 300; font-family: 'Open Sans', sans-serif; bottom: -35px;}
#columns .HPFeaturedAlbums ul li h3 span {font-size: 14px; color: #2c2c2d; }

/* Events */
#events #hp-events .v3 .dayInfoWrap {background: url('/pics/event_bg.png') no-repeat; width:63px; height: 62px; padding: 0 !important; border-radius: 0 !important; margin-left: -62px; color: #fff; font-size: 13px;}
#events #hp-events .v3 span.month {margin-bottom: -10px; padding-top: 11px;}
#events #hp-events .v3 ul {padding-left: 13px;}
#events #hp-events ul li div label {font-weight: 300;}
#events #hp-events ul li.event div {color: #2c2c2d; font-size: 14px; color: #2c2c2d; font-family: 'Open Sans', sans-serif;}
#events #hp-events ul li.event div a {color: #011e90; text-decoration: none; font-weight: 300; font-size: 16px;}
#events #hp-events .hpeventlinks div a {display: block; margin-top: 5px; text-decoration: none; font-size: 13px; font-weight: bold; color: #011e90;}

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

/* Other homepage section extras */
.dark {background-color: #010080 !important; color: #fff !important;}
.light {background-color: #fdfafa !important; }
.dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {color: #fff !important;}

#wrapper-index .content table { color: #2c2c2d; font-size: 14px; color: #2c2c2d; font-family: 'Open Sans', sans-serif;}
#wrapper-index .content section table a { color: #011e90; text-decoration: none; font-weight: 300; font-size: 16px; }
#wrapper-index .content table #l { display: none;} /* Put Display None if you want to hide bullet */
#wrapper-index .content table #r { border-bottom: 1px solid #e7eaf5; padding: 20px 0 20px 0; }
#wrapper-index .content table #r b a { display: block; margin-top: 5px; text-decoration: none; font-size: 13px; font-weight: bold;}

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

#wrapper-index .content table tr:first-child td, .autoCalendarLinks, #showAll-0, #showAll-hplinks #r, #showAll-0 #r { border-left: 0!important; }

#wrapper-index .content table tr:last-child td { border-bottom: 0!important; }


/* Quick Poll */
.HPQuickpoll h2 { display: none; }
.HPQuickPoll .bar-color { background-color: #003270; } /* results bar color */
.HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only { margin: 0 auto; width: 70%; }

/* Side Image */
img.sub {border: 0;}
#wrapper img.sub {margin-left: 20px;}

/* Page navigation */
#pageNav { border: 0; font-size: 14px; position: relative; background: url('/pics/pagenav_bg.png')bottom repeat-x #1a368e; margin-left: 20px;}
#pageNav ul, #pageNav ul li { list-style: none; line-height: 16px; }
#pageNav ul { padding: 10px 0 0!important; margin: 0 auto!important; width: 250px;  height: auto!important;  }
#pageNav ul li { padding: 0 0 5px!important; margin: 0 0 5px!important; zoom: 1; /* important for IE6 */ }
#pageNav td img { display: none; }
#pageNav ul li a, #pageNav ul li b {  min-height: 20px;text-decoration: none; padding: 5px 0 5px 15px; margin: 0; display: block; font-size: 13px; text-align: left; position: relative; z-index: 0; font-weight: bold; font-family: 'Open Sans', sans-serif;}
#pageNav ul li b,#pageNav ul li a:hover { background: #000000; color: #fff; }
#pageNav ul li a { text-decoration: none; color: #fff; background: none; }

/* Footer */
#footer { width: 100%; position: relative; bottom: 0; text-align: left; background: url('/pics/footer_bg.jpg') repeat-x; }
#footer .inside { height: 166px; margin-top: 0; position: relative; background: url('/pics/footer_inner.jpg') center top no-repeat; }
#footer #name { position: absolute; width: 322px; height: 64px; left: 53px; top: 20px; background: url('/pics/footer_name.png') no-repeat; }
#logo { width: 84px; height: 88px; background: url('/pics/crest.gif') #000; position: absolute; right: 10px; top: 15px; }
#district-logo { width: 120px; height: 120px; background: url('/pics/district_logo.png') no-repeat center center; position: absolute; left: 419px; top: -14px; }
#address-left { color: #fff; padding: 0 0 0 28px; margin: 0; font-size: 14px; line-height: 18px; position: absolute; left: 573px; top: 33px; font-family: 'Open Sans', sans-serif; font-weight: bold; background: url('/pics/address.png') center left no-repeat; height: 30px;}
#address-right { color: #fff; padding: 0 0 0 22px; margin: 0; font-size: 14px; line-height: 18px; position: absolute; left: 740px; top: 15px; font-family: 'Open Sans', sans-serif; font-weight: bold; background: url('/pics/phone.png') 0 22px no-repeat; height: 75px;}
#edunet { width: 189px; height: 33px; background: url('/pics/edunet.png') no-repeat; position: absolute; left: 386px; top: 119px; }



.HPVideo h2{
			width: auto;
			height: 45px;
			line-height: 45px;
			font-size: 24px;
			text-decoration: none !important;
			font-weight: normal;
			padding: 0px;
			text-align: center;
			color: #000;
			display: block;
			border-bottom: 3px solid #16309A;
			font-family: "Fjalla One",sans-serif;
			text-transform: uppercase;
			background: transparent url("/pics/featured_albums_header.png") no-repeat scroll 0% 0%;
			cursor: pointer;
}

.HPVideo h2 a {
	text-decoration: none;
}

.video_player {
	margin-top: 10px !important;
	border: 1px solid #FF7800;	
	padding: 5px;
}

#alert-box {position:absolute !important; top:100px !important; margin-top:0 !important;}


#pageContentWrapper a {color:blue !important;}