/* imports and fonts imports */
@import url("/apps/js/polls/polls-pack.css");
@import url("/shared/960_12_10_10.css");
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700);

/* General */
html { height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: #002b56;}
body { height: 100%; text-align: center; margin: 0; padding: 0; font-size: 14px; line-height: 100%; }

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,
#topnav li:hover ul li a, 
#topnav li.over ul li a,
#pageNav, #pageNav ul li a, #quicklinks a, #topnav li a, #motto { font-family: 'Roboto', sans-serif; }

/* Site Styles */
#shadow {position: relative; margin: 0 auto;  width: 960px; box-shadow: 0 0 50px #000; -moz-box-shadow: 0 0 50px #000; -webkit-box-shadow: 0 0 50px #000; behavior: url('/shared/pie.htc');}
#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/wrapper_index_top_bg.jpg') repeat #002b56; padding-bottom: 80px;}
.inside { width: 960px; margin: 0 auto; }
#wrapper .content {background: #fff; font-family: 'Roboto', sans-serif !important;}
#wrapper .content .inside { width: 920px; padding: 30px 20px 20px; line-height: 20px;}
.content { width: 960px; text-align: left; margin: 0 auto; padding: 0 0 0px 0;}
.content .inside { position: relative; min-height: 400px; height: auto!important; height: 400px; padding-bottom: 0; font-size: 16px; font-family: 'Roboto', sans-serif !important;}
.pageTitle { width: auto; display: block; height: 30px; padding: 10px 0 0 0; margin: 20px 0; font-size: 28px; color: #002245; position: relative;  font-weight: 600; border-bottom: 2px solid #ff6600; font-family:Titillium Web, Arial!important; font-weight:600!important; }

.content .inside span {font-size: 12px; font-family: 'Roboto', sans-serif !important;}
.content td, .content td span {font-family: 'Roboto', sans-serif !important; }


/* Header */
#header { height: 200px; position: relative; top: 0; width: 960px; margin: 0 auto; z-index: 9999; background: url('/pics/1-WY-Header_Background_.jpg') no-repeat #003366; }
#header .inside { position: relative; }


#header-name {width:697px; height:78px; position: absolute; display: block; text-decoration: none; color: #fff; text-shadow: 2px 2px 10px #000; -moz-text-shadow: 2px 2px 10px #000; -webkit-text-shadow: 2px 2px 10px #000; font-size: 0px; font-weight: normal; font-family: 'Roboto', sans-serif; font-weight: 600; left: 233px; top: 32px; }

.logo {
    background: url(/pics/2-WY-logo.png);
    width: 125px;
    height: 115px;
    position: absolute;
    left: 25px;
    top: 9px;
}

/*#motto { position: absolute; left: 184px; top: 94px; color: #007db0; font-size: 0px;  font-weight: 300; font-style: italic; font-family: 'Roboto', sans-serif;}*/

#social {position:absolute; top: 105px; left:538px; width:421px; height:90px; float:right;}
#social #icons {width:421px; height:90px; position:relative;}
#social #icons a {float:left; width:30px; height:30px; background-repeat:no-repeat; margin:0 2px; position:relative;}
#social #icons a:hover { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; }
#fb {background:url('/pics/facebook2016-icon.jpg'); top:60px;}
#tw {background:url('/pics/twitter2016-iocn.jpg'); top:60px;}
#ig {background:url('/pics/instagram2016-icon.jpg'); top:60px;}
#contact {background:url('/pics/mail2016-icon.jpg'); top:60px;}
#donateBtn {background:url('/pics/AF_DonateButton.jpg'); width:101px !important; left:51px; top:33px;}


#donateBtn {background:url('/pics/DonateButton-Dolphin.jpg'); width:101px !important; left:132px; top:33px;}

#donateBtn_bottom {margin:16px 0 0 0;}
#schoolStore {background:url('/pics/school_store_btn.jpg'); width:128px !important; top:60px;}

#sbBtn {background:url('/pics/SB-button.jpg') no-repeat; width:101px !important; left:156px; top:-2px;}

#spring {background: url(/pics/Spring_Bash.png);
    width: 102px !important;
    left: 292px;
top: 8px; position:absolute !important;}

#jeep {background: url(/pics/Jeep.png);
    width: 102px !important;
    left: 292px;
    top: -22px; position:absolute !important;}

/*OLD Header*/
/*#header { height: 200px; position: relative; top: 0; width: 960px; margin: 0 auto; z-index: 9999; background: url('/pics/Header.jpg') no-repeat #003366; }*/
/*#header { height: 185px; position: relative; top: 0; width: 960px; margin: 0 auto; z-index: 9999; background: url('/pics/header_bg.jpg') repeat-x #003366; }*/
/*#header .inside { position: relative; }
#header-name {width:650px; height:78px; background: url('/pics/school_name.png') no-repeat; position: absolute; display: block; text-decoration: none; color: #fff; text-shadow: 2px 2px 10px #000; -moz-text-shadow: 2px 2px 10px #000; -webkit-text-shadow: 2px 2px 10px #000; font-size: 0px; font-weight: normal; font-family: 'Roboto', sans-serif; font-weight: 600; left: 270px; top: 57px; }
#header .logo { width: 242px; height: 175px; background: url('/pics/header_logo.png') no-repeat; position: absolute; top: 17px; left: 15px; }*/
#motto { position: absolute; left: 184px; top: 94px; color: #007db0; font-size: 0px;  font-weight: 300; font-style: italic; font-family: 'Roboto', sans-serif;}
/*#social {position:absolute; top: 160px; right:4px; width:250px; height:36px; float:right;}
#social a {float:right; clear:left; width:36px; height:36px; background-repeat:no-repeat; margin:0 2px;}
#social a:hover { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; }
#fb {background:url('/pics/fb.png');}
#tw {background:url('/pics/tw.png');}
#ig {background:url('/pics/ig.png');}*/


/* Navigation menu */
#menu { width: 960px; height: 32px; z-index: 10; margin: 0 auto; background: url('/pics/menu_bg.gif') repeat-x #0c1b2f; position: relative; top: 198px; border-top: 2px solid #ff6600; box-shadow: 0 0 6px #000 ; -moz-box-shadow: 0 0 6px #000 ; -webkit-box-shadow: 0 0 6px #000; behavior: url('/shared/pie.htc');}
/*#menu { width: 960px; height: 32px; z-index: 10; margin: 0 auto; background: url('/pics/menu_bg.gif') repeat-x #0c1b2f; position: relative; top: 152px; border-top: 2px solid #ff6600; box-shadow: 0 0 6px #000 ; -moz-box-shadow: 0 0 6px #000 ; -webkit-box-shadow: 0 0 6px #000; behavior: url('/shared/pie.htc');}*/
#menu h2 { width: 0; height: 0; }
#topnav { list-style: none; margin: 0; padding: 0; float: right; right: 50%; position: relative; z-index: 9999; }
#topnav li { list-style: none; display: inline; float: left; left: 50%; position: relative; z-index: 9999; padding: 0; }

#topnav li a { white-space: nowrap; width: 0; height: 20px; display: block; text-align: center; padding: 6px 14px; font-size: 16px; text-decoration: none; color: #cccbcb; font-weight: 400; font-family: 'Roboto', sans-serif;}
#topnav > li a { width: auto; white-space: normal;  }
#topnav li:hover a, #topnav li.over a { color: #fff; background: url('/pics/topnav_hover.gif') repeat-x #255699; }
#topnav li h3 {padding-left: 14px; color: #112743; font-size: 14px;}

#menu #top-7 a { }
#top-7 span {background: url('/pics/edline_bg.gif') repeat-x #3e3b3c; font-size: 10px; color: #000; display: block; padding: 2px 7px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; -webkit-box-shadow: 0 0 3px #000; z-index: 300; margin-top: 2px; behavior: url('/shared/pie.htc');}
#top-7 a:hover {background: none !important;}

/* 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: 212px; margin: 0; padding: 10px 0; font-size: 12px; }
#topnav ul li { margin: 0; left: auto; }
#topnav li:hover ul, #topnav li.over ul { left: auto; top: auto; background: #255699; }

#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 10px 5px 21px; height: auto; width: 171px;font-size: 12px; letter-spacing: normal; white-space: normal; text-transform: none; text-shadow: none; font-variant: normal;}

#topnav li:hover ul li a, #topnav li.over ul li a,
#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: #255699; }

#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: #fff; background: #0c1b2f; }

.top-level { padding-right: 2px!important; background: url('/pics/topnav_sep.gif') no-repeat right 0; }

#topnav li a bdi:after, #topnav li a li a bdi:after, #topnav li a li a li a bdi:after{ content: " \2192";}

/* Index properties */
#index-wrapper { background: url('/pics/index_wrapper_bg.jpg') repeat; }
#index-top, #columns { width: 960px; }
#columns { width: 960px; height:auto; padding: 35px 0 10px; /*padding: 44px 0;*/ margin-bottom: 0; position: relative; background: url('/pics/columns_bg.jpg') top repeat-x; }
#left-column {width:515px; margin-left:15px; margin-right:0; padding-right:15px; }
#center-column {width:295px;}
#right-column {width:370px; margin-right:15px; padding-left:15px;/* border-left:2px solid #cccccc;*/}
/*#left-column {margin-left: 30px; width: 242px; margin-right: 24px; }
#center-column {width: 286px; margin-right: 24px;}
#right-column {border-left: 2px solid #cccccc; margin-left: 0; padding-left: 24px; width: 288px; margin-right: 30px;}*/
#index-top { margin: 0 auto 0; height: 379px; background: #003366; }

/* quicklinks */
#quicklinks h2 { width: 0; height: 0; }
#quicklinks { background: #; width: 225px; height: 145px; position: absolute; top: 36px; right: 0; }
#quicklinks ul { padding: 0; margin: 20px 0; }
#quicklinks li { padding: 0; margin-top: 0; list-style: none; position: relative; }
.ie7 #quicklinks a,.ie8 #quicklinks a {font-size: 11px;}
#quicklinks a { height: 10px; text-decoration: none; padding: 4px 0 6px 13px; margin: 0; display: block; color: #fff; background: url('/pics/qlink_arrow.png') center left no-repeat; font-size: 13px; text-align: left; position: relative; z-index: 0; font-family: 'Roboto', sans-serif; font-weight: 600;}
#quicklinks a:hover { text-decoration: underline;}

/* Buttons */
#buttons {position: relative; float: left; display: inline; width: 306px; height: 316px; padding: 0 0 0 24px; margin: 23px 10px 0 0; border-left: 2px solid #0099cc;}
#buttons .simple div h3 a {height:25px !important;}
/*.simple div p {margin-top:5px;}*/

/* Awards */
#awards .row {width: 288px; min-height: 100px; position: relative; margin-top:20px; }
#awards .row .text {position: relative; float: right; font-size: 13px; text-align:center; color: #787878; font-style: italic; color: #787878; font-family: 'Roboto', sans-serif; font-weight: 300;}
#r-1 .logo, #r-3 .logo {position: relative; float: left;}
#r-2 .logo {position: relative; float: right;}

#r-1 .logo {background: url('/pics/r1_bg.jpg') no-repeat; width: 101px; height: 102px;}
#r-2 .logo {background: url('/pics/r2_bg.png') no-repeat; width: 104px; height: 102px;}
#r-3 .logo {background: url('/pics/r3_bg.png') no-repeat; width: 130px; height: 47px;}

#r-1 .text {padding: 32px 0;}
#r-2 .text {padding: 20px 25px 0 0;}
#r-3 .text {padding: 3px 0; }

/* Homepage Sections */
section { margin-bottom: 10px; }

/* Homepage Section Headers */
#wrapper-index .content section h2 {  }
.ie7 #wrapper-index .content section h2 a,.ie8 #wrapper-index .content section h2 a {font-size: 20px; }
#wrapper-index .content section h2 a { width: auto;height: 30px; font-size: 28px; text-decoration: none;  margin: 0 0 10px 0; padding: 0 0 0 0;  color: #444; display: block;  font-family: Titillium Web; font-weight: 600; text-shadow: 1px 1px #fff; -moz-text-shadow: 1px 1px #fff; -webkit-text-shadow: 1px 1px #fff; } 

/* Homepage Sections Containers */
.container {position: relative; margin-top: 0; padding: 10px 0; }

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

/* Other homepage section extras */
.dark {background-color: #002245 !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: #333333; line-height: 20px; font-size: 15px; font-family: 'Roboto', sans-serif; }
#wrapper-index .content section table a { color: #ff6600; text-decoration: none; font-weight: 700; }
#wrapper-index .content table #l { display: none; }
#wrapper-index .content table.HPNewsNew #l { display: none; padding: 0px 8px 15px 0;  }
#wrapper-index .content table.HPNewsNew #r a {font-size:18px; font-weight:400; font-family:Titillium Web; line-height:24px; display:block; }
#wrapper-index .content table.HPNewsNew td { padding-bottom:32px!important;}
#wrapper-index .content table #r { padding: 0 0 20px 0; }
#wrapper-index .content table #r b a { display: block; margin-top: 5px; text-decoration: none; color: #003365; }

.HPNewsNew #r img[src="/apps/pics/spacer.gif"], .HPNewsNew #r br { display:none!important; }
.HPNewsNew #r a

.content .inside table { font-family:font-family:Titillium Web!important; }
.content .inside td { font-size:18px!important; /*font-family:Titillium Web!important;*/ font-weight:normal!important; }
.content .inside table td a {font-family: 'Roboto', sans-serif; font-size:18px!important; font-weight:400!important; }
.content .inside table td br{display:block;margin-top:10px; height:29px!important}

.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; }

/* Image shuffles */
#slideshow { width: 562px; height: 316px; position: relative; float: left; display: inline; margin: 23px 24px 0 30px;  box-shadow: 0 0 30px #001223; -moz-box-shadow: 0 0 30px #001223; -webkit-box-shadow: 0 0 30px #001223; behavior: url('/shared/pie.htc');}

/* 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%; }

/* Page navigation */
#pageNav { border: 0; font-size: 14px; /*background: url('/pics/pagenav_bg.jpg') repeat-y #001933;*/ }
#pageNav ul, #pageNav ul li { list-style: none; line-height: 16px; }
#pageNav ul { padding: 10px 0!important; margin: 0 auto!important; width: 250px; /*width: 244px;*/ }
#pageNav ul li { zoom: 1; /* important for IE6 */ }
#pageNav td img { display: none; }
#pageNav ul li a, #pageNav ul li b {  min-height: 20px;text-decoration: none; border-bottom:1px solid #FB8032; padding: 15px 5px; margin: 0; display: block; font-size: 14px; text-align: left; position: relative; z-index: 0; font-family: 'Roboto', sans-serif; font-weight: normal; font-size:18px;/*text-shadow: 1px 1px #000;*/
}
#pageNav ul li b, #pageNav ul li a:hover  { background: #FFD2B1; color: #001933; text-align:left; line-height:19px;}
#pageNav ul li a { text-decoration: none; color: #001933; text-align:center; text-align:left; line-height:19px;}
.pageTitle span {font-size:20px !important;} 

/* Footer */
#footer { width: 960px; margin: 0 auto; height: 203px; position: relative; bottom: 0; text-align: left;  background: url('/pics/footer_bg.jpg') repeat-x #003264; }
#footer .inside { height: 203px; margin-top: 0; position: relative; background: #; }
#addressbox { font-family: 'Roboto', sans-serif; color:#3698D0; position:absolute; left:35px; top:115px; font-size:11px; }
#addressbox a { font-family: 'Roboto', sans-serif; color:#3698D0;}
#district-logo { width: 113px; height: 53px; background: url('/pics/district_logo.gif') no-repeat center center; position: absolute; left: 35px; top: 43px; }
#cps-1 {position: absolute; color: #007daf; font-size: 13px; font-family: 'Roboto', sans-serif; top: 119px; left: 35px; text-decoration: none;}
#cps-2 {position: absolute; color: #007daf; font-size: 13px; font-family: 'Roboto', sans-serif; top: 139px; left: 35px; text-decoration: none;}
#cps-1:hover, #cps-2:hover {text-decoration: underline;}
#edunet { width: 189px; height: 24px; background: url('/pics/edunet.png') no-repeat; position: absolute; left: 388px;  top: 230px; }


#links {position: relative; float: right; display: inline; min-height: 110px; height: 110px; height: auto !important; margin-top: 20px; width:700px;/*margin-top: 46px;*/}
#links .col {float: left; display: inline; position: relative; width: 160px; padding: 0 0 0 12px; min-height: 110px; height: 110px; height: auto !important; border-right: 2px solid #0099cc; }
#links .col h2 {color: #3399cc; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 18px; height: 31px;}
#links ul {margin: 0; padding: 0;}
#links ul li {margin: 0; padding: 0; list-style: none; position: relative;}
#links ul li a {height: 10px; display: block; color: #fff; text-decoration: none; position: relative; font-family: 'Roboto', sans-serif; font-size: 12px; background: url('/pics/bottom_links_arrow.png') center left no-repeat; padding: 4px 0 6px 12px;}
#links ul li a:hover {text-decoration: underline;}
#links .last {border-right:none;}


#outreach {font-size:14px;}
#outreach span {font-weight:700; color: #ff6600; font-size:15px;}
#outreach a {color: rgb(0, 51, 101); text-decoration:none; font-weight:700;}

.simple div h3 span {height:20px !important; margin-bottom:5px !important;}
#buttons .simple div h3, #buttons .simple div h3 a, #buttons .simple div h3 span {width:200px; }


#photoCaption a {color:#fff !important;}


.linktable a {font-weight:bold; font-size:14px; text-decoration:none;}
.linktable td {text-align:center;}

.outreach {overflow:hidden; width:290px; height:88px;}
.outreach b {color:#FF6600;}

#counselingSpotlight {width:90%; /*border-radius:12px; border:1px solid #FF6600; padding:10px 0 10px 37px; background-color:#E8E8E8;*/}

#alumniSlide {width:700px; background-color:#EFEFEF; border-radius:12px; overflow:hidden; margin-left:auto; margin-right:auto; padding:15px 0 15px 70px; border:1px solid #FF6600;}
#carousel569Div-carouselwrap {display:none !important;}
#carousel586Div h2 {display:none!important;}

a.arrowed {background-image:url('/pics/qlink_wh.png') !important; background-position:right !important; background-repeat:no-repeat !important;}

//**#carousel429Div-carouselwrap, #carousel430Div-carouselwrap {display:none !important;}**//

section#SS_main_left, section#SS_main_right {margin-bottom:50px; box-shadow:5px 5px 30px #000;}
section#awards h2 {width: auto;height: 30px; font-size: 24px; text-decoration: none; font-weight: normal !important; margin: 0 0 10px 0; padding: 0 0 0 0;  color: #666666; display: block;  font-family: 'Roboto', sans-serif; font-weight: 600; text-shadow: 1px 1px #fff; -moz-text-shadow: 1px 1px #fff; -webkit-text-shadow: 1px 1px #fff; }

.videowrapper {margin-left:-15px;}

#dept_slideshow .simple {box-shadow:2px 2px 10px #000;margin-bottom:10px;}
#dept_slideshow .carousellist {display: none !important;}

#alumn-web {margin:30px 0 0 0;}
#alumn-web a {text-decoration:none; color:#0A597E;font-size:16px;}
#alumn-web a:hover {color:#FF6648;}



#pageContentWrapper p b span { font-size:18px!important; font-family:Titillium Web!important; font-weight:400!important; }

.newsItem div, .newsItem span, .newsItem ul, .newsItem li, .newsItem a { font-size:12pt; }

#SS_main_left {margin:0 0 40px 0;}





#search {
  position: absolute;
  top: 3px;
  left: 380px;
}

#search-img {
  position: absolute;
  top: 1px;
  width: 18px;
left: 170px;
}





.ml {position:absolute; top: 165px; right:480px; cursor: pointer; z-index:99999999;}
.fb {position:absolute; top: 165px; right:440px; cursor: pointer; z-index:99999999;}
.tw {position:absolute; top: 165px; right:400px; cursor: pointer; z-index:99999999;}
.in {position:absolute; top: 165px; right:360px; cursor: pointer; z-index:99999999;}
.do {position:absolute; top: 165px; left:175px; cursor: pointer; z-index:99999999;}
.ss {position:absolute; top: 165px; left:300px; cursor: pointer; z-index:99999999;}
.bstHS {display:block; width:100px; height:96px; position:absolute; top: 86px; right:33px; background: url('/pics/bstHs.png') no-repeat;}

.bstHS {display:block; width:100px; height:96px; position:absolute; top: 86px; right:33px; background: url('/pics/2021-Us-News-Best-HS-Badge.png') no-repeat;}

#bluerib {display:block; position:absolute; top: 86px; right:143px;}

.wy {
    position: absolute;
    top: 165px;
    z-index: 99999999;
    left: 181px;
}

/* Video */
.video { width: 960px !important;height: auto; height:298px; overflow: hidden !important;position: relative;background-color: #000;top: 0; margin: 0 0 20px 0; }
.video-js .vjs-tech{width: auto !important; height: 100%;}
/* .video-overlay { position: absolute;left: 0; top: 0; height: auto; max-height: 598px; min-height: 598px;width: 100%; z-index: 1;background: url('/pics/pattern_overlay.png') repeat;opacity:0.5;} */



.non-d {
    position: absolute;
    top: 236px;
    left: 0px;
    text-decoration: none;
    color: #3399cc !important;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}
.non-d:hover, .non-d:active { text-decoration: underline; }

.mentalHealth {
    position: absolute;
    top: 236px;
    right: 0px;
    text-decoration: none;
    color: #3399cc !important;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}
.mentalHealth:hover, .mentalHealth:active { text-decoration: underline; }


div[aria-label='ORANGE DAY bell schedule'] table.bell-schedule caption.dark,
div[aria-label='ORANGE DAY bell schedule'] table.bell-schedule caption.dark a,
div[aria-label='ORANGE DAY bell schedule'] table.bell-schedule thead > tr > td[colspan='4'] { background-color:#d95900!important; color:#fff!important; }

div[aria-label='DOLPHIN DAY bell schedule'] table.bell-schedule caption.dark,
div[aria-label='DOLPHIN DAY bell schedule'] table.bell-schedule caption.dark a,
div[aria-label='DOLPHIN DAY bell schedule'] table.bell-schedule thead > tr > td[colspan='4'] { background-color:#ffe599!important; color:#000000!important; }

div[aria-label='EARLY DISMISSAL DAY bell schedule'] table.bell-schedule caption.dark,
div[aria-label='EARLY DISMISSAL DAY bell schedule'] table.bell-schedule caption.dark a,
div[aria-label='EARLY DISMISSAL DAY bell schedule'] table.bell-schedule thead > tr > td[colspan='4'] { background-color:#d5a6bd!important; color:#000000!important;}