/* imports and fonts imports */ @import url("/apps/js/polls/polls-pack.css"); @font-face { font-family: 'SofiaRoughBlackTwo'; src: url('/shared/fonts/SofiaRoughBlackTwo.eot?#iefix') format('embedded-opentype'), url('/shared/fonts/SofiaRoughBlackTwo.otf') format('opentype'), url('/shared/fonts/SofiaRoughBlackTwo.woff') format('woff'), url('/shared/fonts/SofiaRoughBlackTwo.ttf') format('truetype'), url('/shared/fonts/SofiaRoughBlackTwo.svg#SofiaRoughBlackTwo') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Scratchmyback'; src: url('/shared/fonts/Scratchmyback.eot?#iefix') format('embedded-opentype'), url('/shared/fonts/Scratchmyback.woff') format('woff'), url('/shared/fonts/Scratchmyback.ttf') format('truetype'), url('/shared/fonts/Scratchmyback.svg#Scratchmyback') 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%; text-align: center; margin: 0; padding: 0; font-size: 13px; line-height: 1.231; min-width:1200px; background: #fff url(../pics/body_bg.png) repeat;} .all{ background:url(../pics/head_bg.jpg) repeat-x center top;} #wrapper .all{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:focus, 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:focus ul li a, #nav_items_0 li:hover ul li a, #nav_items_0 li.over ul li a, #address { font-family: 'Source Sans Pro', sans-serif; } #pageNav, #pageNav ul li a, #quicklinks a, #nav_items_0 li a, #motto { font-family: 'Source Sans Pro', sans-serif; } /* Site Styles */ #wrapper, #wrapper-index { position: relative; margin: 0 auto; width: 100%; min-width: 1000px; height: 100%; min-height: 100%; height: auto!important; text-align: left;background: url('') no-repeat;} .inside { width: 100%; margin: 0 auto; } #wrapper .content { position: relative; margin: 0 auto; background: none;padding-bottom:144px;} #wrapper .content .inside { width: 1000px; padding: 55px 0px 50px 0px; line-height: 20px; background: none; } #wrapper .content .inside, #wrapper .neutral, #wrapper table { font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:18px; color:#001026; line-height:1.4em;} .content { width: 100%; 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: ;} .pageTitle { width: 1006px; display: block; height: 43px; padding: 0px 0 0 0px; margin-bottom: 30px; font-family: 'SofiaRoughBlackTwo', sans-serif; font-weight:normal; font-size: 36px; line-height:0.8em; color: #002e6e; position: relative; background: url(../pics/page_title.png) no-repeat center bottom;} /* Top */ #top { position: relative; position: relative; top: 0; background: none; width: 100%; z-index: 10000;} #top #inner {position: relative; width: 1000px; height: 37px; margin: 0 auto; background: none;} #tabs { position:absolute;width: 750px; height: 37px; padding: 0; background:none; right:0px;} #search { position:relative; float: left; margin-top:0px;} #search form { margin: 0; } #search #search-field { width: 53px; height: 33px; padding-bottom:4px; background: none; padding-right:15px; padding-left:39px;font-family: 'Source Sans Pro', sans-serif;font-size: 14px; color:#1a1a1a;text-transform: none; border:none; outline:none !important;} #search #search-img { position:absolute; vertical-align: top; top: 10px; left:18px; text-indent:-9999px;} .ie6 #search #search-img, .ie7 #search #search-img { margin-top: 1px; } #googleTranslate { opacity:0; filter: alpha(opacity = 0); width:132px!important; height: 37px; cursor:pointer;} #preGoogle { position: relative; z-index:5; float:left; top: 0px; width:132px; height: 37px!important; display:block; overflow:hidden; background:url('/pics/translate.png') no-repeat top left; border:0; } .ql{ float:left; position:relative; width:123px;} .ql h4{ width:104px; height:37px; line-height:37px; padding-left:19px; background:url(../pics/ql_bg.png) no-repeat center; float:left; cursor:pointer;font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size: 14px; color:#1a1a1a;} .ql ul{ float:right; margin:0; padding:0; width:148px; background:#cbcbcb; display:none;} .ql ul li{ float:left; list-style:none; display:block; width:148px; border-top:1px solid #e5e5e5;} .ql ul li a{ display:block; width:100%; padding:5px 0px; text-align:center; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size: 14px; color:#1a1a1a !important; text-decoration:none;} .ql ul li a:hover, .ql ul li a:focus{color:#003a7a !important; font-weight:600;} .qlhv{ display:block !important;} .coun{ float:left; width:363px; padding-left:22px; height:31px; padding-top:6px; position:relative; border-left:1px solid #e5e5e5;} .coun h3{ float:left !important; font-family: 'SofiaRoughBlackTwo', sans-serif !important; font-weight:normal !important; font-size:11px !important; color:#0061a6 !important;padding:0 !important; background: none !important;} .coun #fin{ position:absolute; width:200px; left:37px; top:60px; font-family: 'SofiaRoughBlackTwo', sans-serif; font-style:italic; font-size:18px; font-weight:400; color:#fff;} .coun div{ float:left; font-family: 'SofiaRoughBlackTwo', sans-serif; font-weight:normal; font-size:22px; color:#002e6e; margin-right:10px; margin-top:1px;} .coun #enCountdownDiv4{ margin-right:0px;} .coun #enCountdownDiv{ margin-left:15px;} .coun div span{ float:right; padding-left:2px; line-height:2.2em; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:13px; color:#1a1a1a;} #marquee-new { width: 1000px; height: 24px; margin-top:5px; position: relative; background: none; } /* Header */ #header { position: relative; top: 0; width: 100%; background: #000 url(../pics/head_bg.jpg) repeat-x center bottom; } #header .inside { width:1000px; margin:auto; position: relative; height: 124px; background: none; } #header-name {position: absolute; left:135px; top: 15px; background:url(../pics/name.png) no-repeat center; width:683px; height:61px; color:#fff;} #header .logo { width: 161px; height: 181px; background: url('/pics/logo.png') no-repeat; position: absolute; left:-56px; top: -32px; z-index: 99999; color:#fff;} #prin { position:absolute; right:-30px; top:13px; text-align:right; } #prin h3{ margin-top:5px; font-family: 'SofiaRoughBlackTwo', sans-serif; font-weight:normal; font-size:12px; color:#faba25; line-height:1.2em; letter-spacing:0.02em;padding:0 !important; background: none !important;} #prin span{font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:15px; color:#fff;} /* Navigation menu */ #menu { width: 830px; float:left; height: 35px; margin-left:76px; background: none; position: relative; top: 89px; } #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; height:auto;} #nav_items_0 li:last-child {border-right:none;} #nav_items_0 li a { white-space: nowrap; width: 0; height: 35px; display: block; text-align: center; padding: 0px 6px; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; letter-spacing: 0.3px; text-decoration: none; color: #fff; font-weight: 400; line-height:0.8em;} #nav_items_0 > li a { width: auto; white-space: normal; text-transform:uppercase;} #nav_items_0 li:hover a, #nav_items_0 li:focus a, #nav_items_0 li.over a { color: #faba25; background: url(../pics/menu_hv.png) repeat-x center bottom; } /* Drop down items */ #nav_items_0 ul, #nav_items_0 li:focus ul ul, #nav_items_0 li.over ul ul, #nav_items_0 li:focus ul ul ul, #nav_items_0 li.over ul ul ul, #nav_items_0 li:focus ul ul ul ul, #nav_items_0 li.over ul ul ul 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; padding:0 0;} #nav_items_0 li:hover ul, #nav_items_0 li:focus ul, #nav_items_0 li.over ul { left: auto; top: auto; background: none; } #nav_items_0 ul li:focus ul, #nav_items_0 ul li.over ul, #nav_items_0 ul ul li:focus ul, #nav_items_0 ul ul li.over ul, #nav_items_0 ul ul ul li:focus ul, #nav_items_0 ul ul ul li.over ul, #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:focus ul li a, #nav_items_0 li.over ul li a { line-height: 16pt; text-align: left; text-decoration: none; padding: 8px 12px; height: auto; width: 176px; font-family: 'Source Sans Pro', sans-serif; font-weight:400;font-size: 17px; letter-spacing: normal; white-space: normal; text-transform: none; text-shadow: none; font-variant: normal;} #nav_items_0 li:focus ul li a, #nav_items_0 li.over ul li a, #nav_items_0 li ul li:focus ul a, #nav_items_0 li ul li.over ul a, #nav_items_0 li ul li ul li:focus ul a, #nav_items_0 li ul li ul li.over ul a, #nav_items_0 li ul li ul li ul li:focus ul a, #nav_items_0 li ul li ul li ul li.over ul a, #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: #fff; background: #00245f; } #nav_items_0 li ul li a:focus, #nav_items_0 li ul li:focus a, #nav_items_0 li ul li.over a, #nav_items_0 li ul li:focus ul a:focus, #nav_items_0 li ul li.over ul a:focus, #nav_items_0 li ul li ul li:focus a, #nav_items_0 li ul li ul li.over a, #nav_items_0 li ul li ul li:focus ul a:focus, #nav_items_0 li ul li ul li.over ul a:focus, #nav_items_0 li ul li ul li ul li:focus a, #nav_items_0 li ul li ul li ul li.over a, #nav_items_0 li ul li ul li ul li:focus ul a:focus, #nav_items_0 li ul li ul li ul li.over ul a:focus, #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: #1a1a1a; background: #faba25 url(../pics/dw_hv.png) repeat-y center left; padding-left:18px; width:170px;} 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";} /* Index properties */ #index-wrapper { } #index-top, #columns { width: 1000px; position: relative;} #index-top { margin: 0 auto 0; height: 481px; background: none;} #columns { width: 100%; padding: 40px 0 0 0; margin: 0; position: relative; background: #f2f2f2 url(../pics/columns_b.png) no-repeat center bottom; } .center{ width:1000px; margin:auto; position:relative;} #left-column {margin-left: 10px; width: 220px; margin-right: 10px; position: relative; float: left; display: inline-block;} #center-column {margin-left: -30px; width: 1060px; margin-right: 0px; position: relative; float: left; display: inline-block;} #right-column {margin-left: 10px; width: 220px; margin-right: 10px; position: relative; float: left; display: inline-block;} /* Image shuffles */ #slideshow { width: 100%; height: 481px; background: #000; float: left; position:relative; margin-top:0px; } .moto{ position:absolute; left:-39px; bottom:0px; z-index:9; background:url(../pics/moto_bg.png) no-repeat center; width:639px; height:52px; padding-left:144px; padding-top:141px; font-family: 'SofiaRoughBlackTwo', sans-serif; font-weight:normal; font-size:30px; color:#fff; line-height:0.9em;} #links{ width:248px; padding:0 28px; top:150px; right:0px; position:absolute; background:#fff; border:1px solid #e1e1e1; height:auto; padding-top:30px; padding-bottom:20px; z-index:10;} #links:after{ content:""; position:absolute; bottom:-6px; right:0px; background:url(../pics/links_b.png) no-repeat center; width:255px; height:6px;} .middle{ width:100%; height:653px; position:relativee; background:#000 url(../pics/middle_bg.jpg) repeat-x center; padding-top:86px;} .photo{ width:100%; min-height:500px; padding-bottom:40px; position:relative; margin-top:3px; background:url(../pics/photo_bg.png) repeat center top} .school{ width:100%; height:270px; position:relative; margin-top:3px; background:#000;} .school .center{font-family: 'Scratchmyback', sans-serif; font-weight:normal; font-size:74px; text-transform:uppercase; text-align:center; line-height:270px; color:#fff;} #slide-1 {height: 270px !important;} #slide-1 {background-image:url('/pics/school_bg.jpg');height: 270px;-pie-background-image: url('/pics/school_bg.jpg');behavior: url('/shared/pie.htc');background-position:center;background-repeat: no-repeat;background-size: cover; background-attachment: fixed;height: 270px;width: 100%;} /* Homepage Sections */ section { margin-bottom: 10px; position: relative; } /* Homepage Section Headers */ #wrapper-index .content section h2 { } #wrapper-index .content section h2 a { width: auto;height: 18px; font-family: 'SofiaRoughBlackTwo', sans-serif; font-weight:normal; font-size: 26px; text-decoration: none; margin: 0; padding: 0px 0 0 0px; text-align:left; color: #002e6e; display: block; background: none; line-height:0.8em;} #news{ margin-bottom:-30px;} #news .top_m{ width:100%; height:45px;} #news .top_m li{ float:left; margin-right:10px; height:38px; margin-top:7px; background:#737373; list-style:none;} #news .top_m li[aria-selected='true']{ background:#fff; height:45px; margin-top:0px;} #news .top_m li:hover, #news .top_m li:focus{background:#fff; height:45px; margin-top:0px;} #news .top_m li:hover a, #news .top_m li:focus a{color:#002e6e; padding:17px 28px 0px 28px;} #news .top_m li a{ padding:11px 28px 0px 28px; width: auto;height: 18px; font-family: 'SofiaRoughBlackTwo', sans-serif; font-weight:normal; font-size: 24px; text-decoration: none; margin: 0; text-align:left; color: #fff; display: block; background: none; line-height:0.9em; outline:none !important;} #news .top_m li[aria-selected='true'] a{ color:#002e6e; padding:17px 28px 0px 28px;} #home_events div[aria-hidden='true'] { display: none;} .hidden { display:none; } #wrapper-index .content #eventss h2 a{ color:#fff; height:42px; background:url(../pics/t_events.png) no-repeat center bottom;} #wrapper-index .content #eventss h2 a b{ color:#faba25; font-weight:normal; line-height:0.9em;} /* Homepage Sections Containers */ .container {position: relative; margin-top: 0; padding: 10px 0; background: none;} #eventss .container{ padding-top:22px;} #links .container{padding: 15px 0 10px 0;} #news .container { background:#fff; padding:30px 30px 17px 30px; position:relative;} #news .container:after{ content:""; position:absolute; left:30px; bottom:-10px; background:url(../pics/news_b.png) no-repeat center bottom; width:1000px; height:10px;} #links .container{ height:auto; overflow-y:scroll; overflow:auto;} /* Events */ #eventss { float:left; width:375px;} #eventss .dayeventwrap{} #hp-events .v3 .dayInfoWrap{ padding:0px !important; margin-bottom:10px;} #eventss .dayInfoWrap { position: relative !important; float:left !important; width:57px; height:56px; background: #fff url(../pics/ev_bg.png) no-repeat center; color:#000f25; text-align:center; border-radius:0 !important; text-transform:uppercase; font-family: 'SofiaRoughBlackTwo', sans-serif; font-weight:normal; line-height:1.6em; clear:both;} #eventss .dayInfoWrap .month{ font-size:12px !important; margin-top:0px;} #eventss .dayInfoWrap .day{ color:#002e6e; font-size:27px; font-weight: normal;} #eventss #events{ overflow-y:scroll; height:500px; overflow:auto;} #hp-events .v3 ul{padding-left: 75px !important;} #eventss .event{ padding-left:0px; float:left; margin-bottom: 5px !important;} #hp-events .v3 ul li div.img img{ width:68px !important; border:1px solid #00173d; margin-top:-60px;} #eventss .event{font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size:16px !important; color: #fff; width:100%; } #eventss .event label{font-weight: 400 !important;} #eventss .event .location{ margin-left:0px;} .HPEvents #eventss .event .time { margin-left:0;} #eventss .dayeventwrap { min-height: 90px; } #eventss .event .title a{font-weight: 700; color: #faba25; font-size:19px !important; text-decoration: none; } #eventss .event .title a:hover, #eventss .event .title a:focus{ letter-spacing:0.01em;} #eventss .hpeventlinks{ margin-left:0px !important;} #eventss .hpeventlinks a{ float:right; text-align:left; font-family: 'Source Sans Pro', sans-serif; font-weight: 400 !important; font-size:13px; color: #000 !important; text-transform:uppercase; text-decoration:none; background:#fff url(../pics/sh_vi.png) no-repeat top right; height:29px; line-height:29px; width:100px; padding-left:12px; display:block; transition: all .2s ease-in-out; margin-left:-3px; box-shadow: 0 6px 12px rgba(0,0,0,0.3); margin-bottom:14px;} #eventss .hpeventlinks div:first-child a{ margin-left:10px; margin-right:100px; width:138px;} #eventss .hpeventlinks a:hover, #eventss .hpeventlinks a:focus{transform: scale(0.9);} #events-page .dayInfoWrap{ background:none; margin-top:0 !important; color:#000 !important;} .re{ display:block; position:absolute; top: -26px; right:30px; background:url(../pics/re.png) no-repeat center right; height:29px; line-height:29px; width:134px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:13px; color:#000 !important; transition: all .2s ease-in-out; padding-left:11px; text-transform:uppercase; text-decoration:none; z-index:5; box-shadow: 0 6px 12px rgba(0,0,0,0.1);} .re:hover, .rev:focus{transform: scale(0.9);} .li{ display:block; margin-top:10px; position: relative; background:url(../pics/re.png) no-repeat center right; height:29px; line-height:29px; width:100px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:13px; color:#000 !important; transition: all .2s ease-in-out; padding-left:12px; text-transform:uppercase; text-decoration:none; z-index:5; box-shadow: 0 6px 12px rgba(0,0,0,0.1);} .li:hover, .rev:focus{transform: scale(0.9);} #news .bx-viewport { min-height: 336px !important; } #news .homepage-news .bx-wrapper .bx-prev { background: url('/pics/prew.png') center center no-repeat !important; width: 32px; height: 26px; left:-55px !important; outline:none !important; } #news .homepage-news .bx-wrapper .bx-next { background: url('/pics/next.png') center center no-repeat !important; width: 32px; height: 26px; right:-55px !important; outline:none !important; } #news .homepage-news .bx-wrapper .bx-controls-direction a { margin-top: 0 !important; top: 169px !important; } #news .homepage-news li { background: none !important; border: 0; margin-top: 0px; width:237px !important; border:none !important; padding-bottom:6px !important; } #news .homepage-news .news-wrap { padding: 15px 12px 0px 20px !important; margin: 0; height: 130px !important; background: none; border:1px solid #e1e1e1 !important; border-top:none !important; position:relative; } #news .homepage-news .news-wrap:after{ content:""; position:absolute; left:9px; bottom:-6px; background:url(../pics/news_bord.jpg) no-repeat center bottom; width:217px; height:6px; z-index:1000;} #news .homepage-news .news-text { font-family: 'Source Sans Pro', sans-serif!important; color: #001026!important; font-size: 16px!important; font-weight: 400!important; line-height: 1.2em!important; } #news .homepage-news .news-title a { font-size: 17px !important; color: #002e6e !important; height:45px!important; display:block; font-family: 'Source Sans Pro', sans-serif !important; font-weight: 700!important; line-height: 1.1em; letter-spacing: 0.4px; } #news .homepage-news .news-title a:hover, .homepage-news .news-title a:focus { color: #000 !important; letter-spacing:0.03em; } #news .homepage-news .news-thumb { margin-top: 0px; } #news .homepage-news .news-thumb img { } #news .homepage-news .news-title { padding-top:3px !important; } #MARYLYONR-0-news{padding-bottom: 15px;} /* quicklinks */ #quicklinks { background: url(../pics/quicklinks_bg.png) repeat-x; width:100%; height: 136px; position:relative;} #quicklinks ul { padding: 0; margin: 0; width:1200px; margin:auto;} #quicklinks li { padding: 0; margin-top: 9px; height:123px; list-style: none; position: relative; float:left;} #quicklinks a { height: 53px; text-decoration: none; padding: 70px 15px 0px 15px !important; margin: 0; display: block; color: #0061a6; font-family: 'SofiaRoughBlackTwo', sans-serif; font-weight:normal; font-size: 14px; text-align: center; position: relative; z-index: 0; border-bottom:4px solid transparent; letter-spacing:-0.01em; transition: all .2s ease-in-out;} #quicklinks a.q1{ background:url(../pics/q1.png) no-repeat center top 20px; padding-left:0px;} #quicklinks a.q2{ background:url(../pics/q2.png) no-repeat center top 20px;} #quicklinks a.q3{ background:url(../pics/q3.png) no-repeat center top 20px;} #quicklinks a.q4{ background:url(../pics/q4.png) no-repeat center top 20px;} #quicklinks a.q5{ background:url(../pics/q5.png) no-repeat center top 20px;} #quicklinks a.q6{ background:url(../pics/q6.png) no-repeat center top 20px;} #quicklinks a.q7{ background:url(../pics/q7.png) no-repeat center top 20px; padding-right:0px;} #quicklinks a.q8{ background:url(../pics/q8.png) no-repeat center top 20px;} #quicklinks a:hover,#quicklinks a:focus {color: #002e6e; transform: scale(1.1);} #quicklinks li:hover,#quicklinks li:focus{border-bottom:4px solid #002e6e;} #quicklinks a.q1:hover,#quicklinks a.q1:focus { background:url(../pics/q1_hv.png) no-repeat center top 20px;} #quicklinks a.q2:hover,#quicklinks a.q2:focus { background:url(../pics/q2_hv.png) no-repeat center top 20px;} #quicklinks a.q3:hover,#quicklinks a.q3:focus { background:url(../pics/q3_hv.png) no-repeat center top 20px;} #quicklinks a.q4:hover,#quicklinks a.q4:focus { background:url(../pics/q4_hv.png) no-repeat center top 20px;} #quicklinks a.q5:hover,#quicklinks a.q5:focus { background:url(../pics/q5_hv.png) no-repeat center top 20px;} #quicklinks a.q6:hover,#quicklinks a.q6:focus { background:url(../pics/q6_hv.png) no-repeat center top 20px;} #quicklinks a.q7:hover,#quicklinks a.q7:focus { background:url(../pics/q7_hv.png) no-repeat center top 20px;} #quicklinks a.q8:hover,#quicklinks a.q8:focus { background:url(../pics/q8_hv.png) no-repeat center top 20px;} #bulletin{ float:right; margin-top:46px; background:#fff; border:1px solid #e1e1e1; width:260px; padding:20px 20px 10px 24px; position:relative;} #bulletin:after{ position:absolute; content:""; background:url(../pics/featured_b.png) no-repeat center; width:286px; height:6px; bottom:-6px; left:9px;} .left{ width:660px; float:left; position:relative;} .word{ float:left; background:url(../pics/word_bg.png) no-repeat center; width:287px; padding-left:19px; height:90px; padding-top:16px; margin-top:24px;} .word h3{ font-family: 'SofiaRoughBlackTwo', sans-serif; font-weight:normal; font-size:18px; color:#002e6e; text-align:left; line-height:1em;} .word b, .word small{ display:none !important;} .word a{ text-decoration:none; text-align:center; font-family: 'Source Sans Pro', sans-serif; font-size:23px; font-weight:400; color:#0061a6 !important; line-height:1em; display:block; padding-right:19px;} .word a:focus, .word a:hover{ color:#000;} /* Featured Photo Album */ .HPFeaturedAlbums {margin-bottom: 10px; position: relative; float:left; width:660px; margin-top:46px; } .HPFeaturedAlbums h2 {width: auto;height: 42px !important; font-family: 'SofiaRoughBlackTwo', sans-serif; font-weight:normal; font-size: 28px; text-decoration: none; font-weight: normal; margin: 0; padding: 0px 0 0 0px !important; line-height:0.9em; text-align:left; color: #002e6e; display: block; background: url(../pics/featured_heading.png) no-repeat center bottom !important; text-transform:uppercase;} .HPFeaturedAlbums h2 b{ color:#0061a6; font-weight:normal;} .HPFeaturedAlbums .featuredAlbums {position: relative; margin-top: 0; padding: 25px 0 0px; background: none;} .HPFeaturedAlbums ul {margin-top: 0px !important;} .HPFeaturedAlbums ul li {margin-bottom: 41px; margin-top:0px; background:#fff; padding:0px; border:1px solid #e1e1e1; box-shadow:none; filter:none; overflow:visible; float:left; border-bottom:none;} .HPFeaturedAlbums ul li + li{ margin-left:38px;} .HPFeaturedAlbums ul li h3 { position:relative;background: #fff; width:302px; height:41px; padding-top:0px; margin: 0px auto; margin-top:0px; z-index:100; text-align:center; margin-bottom:10px; border:1px solid #e1e1e1;} .HPFeaturedAlbums ul li h3:after{ position:absolute; content:""; background:url(../pics/featured_b.png) no-repeat center; width:286px; height:6px; bottom:-6px; left:9px;} .HPFeaturedAlbums ul li h3 span {font-family: 'SofiaRoughBlackTwo', sans-serif; font-weight:normal; font-size:16px; color:#002e6e; text-shadow:none; text-transform:uppercase; line-height:35px;} /* Featured Video */ .HPVideo {margin-bottom: 10px; position: relative; float:left; margin-left:62px; width:563px;} .HPVideo h2 a {width: auto;height: 42px; font-family: 'SofiaRoughBlackTwo', sans-serif; font-weight:normal; font-size: 28px; text-decoration: none; font-weight: normal; margin: 0; padding: 0px 0 0 0px; line-height:0.9em; text-align:left; color: #fff; display: block; background: url(../pics/t_video.png) no-repeat center bottom; text-transform:uppercase;} .HPVideo h2 a b{ color:#faba25; font-weight:normal;} .HPVideo .videowrapper {position: relative; margin-top: 0; padding: 23px 0 0px; background: none;} .HPVideo p {padding: 0; margin: 0;} .HPVideo p a {text-align: center; text-decoration: none; color:#fff; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:18.18px; height: 70px; display: block; line-height: 70px;} .rev{ display:block; position:absolute; top:-3px; right:0px; background:#fff url(../pics/sh_vi.png) no-repeat center right; height:29px; line-height:29px; width:142px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:13px; color:#000 !important; transition: all .2s ease-in-out; padding-left:11px; text-transform:uppercase; text-decoration:none; box-shadow: 0 6px 12px rgba(0,0,0,0.3);} .rev:hover, .rev:focus{transform: scale(0.9);} /* Homepage Section Table Includes */ #wrapper-index .content table { width: 100%; padding: 0; margin: 0; } /* Other homepage section extras */ .dark {background-color: #002567 !important; color: #fff !important; font-family: 'Source Sans Pro', sans-serif!important; font-weight:400!important; font-size:18px!important; } .light {background-color: #fdfafa !important; font-family: 'Source Sans Pro', sans-serif!important; font-weight:400!important; font-size:18px!important;} .dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:focus, .dark a:active {color: #fff !important;} #wrapper-index .content table { color: #000; } #wrapper-index .content section table a { font-family: 'Source Sans Pro', sans-serif; font-size:18px; color: #001026; text-decoration: none; font-weight: 400; } #wrapper-index .content section table a:hover, #wrapper-index .content section table a:focus{letter-spacing:0.01em; color:#002e6e;} #wrapper-index .content table #l { padding:0px; padding-top: 7px; padding-right:9px;} /* Put Display None if you want to hide bullet */ #wrapper-index .content #bulletin table #l{ display: none;} #wrapper-index .content table #r { padding: 5px 0 5px 0; } #wrapper-index .content table #r b a { display: block; margin-top: 5px; text-decoration: none; } #wrapper-index .content table tr:last-child{ display: none;} .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; } #showAll-hplinks #r b a, #showAll-hpbbmessages #r b a{ width:100px; background:url(../pics/re.png) no-repeat center right; height:29px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:13px; text-transform:uppercase; color:#000; text-align: left; line-height:29px; padding-left:12px; transition: all .2s ease-in-out; margin-left:-23px; box-shadow: 0 6px 12px rgba(0,0,0,0.1);} #showAll-hpbbmessages #r b a{ margin-left:0px;} #showAll-hplinks #r b a:hover, #showAll-hplinks #r b a:focus, #showAll-hpbbmessages #r b a:hover, #showAll-hpbbmessages #r b a:focus{ transform: scale(0.9);} #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 {} #wrapper img.sub {margin-left: 20px; border:none; width: 260px;} .light a img.sub{width:auto !important;} /* Page navigation */ #pageNav { border: 0; font-size: 14px; position: relative; background: #002e6e url(../pics/nav_bg.jpg) no-repeat center bottom; margin-left: 20px;} #pageNav ul, #pageNav ul li { list-style: none; line-height: 16px; } #pageNav ul { padding: 10px 0!important; margin: 0 auto!important; width: 260px; height: auto!important; } #pageNav ul li { padding: 0 0 5px!important; margin: 0 0 0px!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: 12px 10px 6px 20px; margin: 0; display: block; font-family: 'SofiaRoughBlackTwo', sans-serif; font-weight:normal; font-size: 14px; text-transform:uppercase; text-align: left; position: relative; z-index: 0; line-height:1.2em;} #pageNav ul li b,#pageNav ul li a:hover, #pageNav ul li a:focus { background: #faba25; color: #1b1b1b; } #pageNav ul li a { text-decoration: none; color: #fff; background: none; } /* Footer */ #wrapper #footer{position:;bottom:0;} #footer { width: 100%; height: 144px; position: relative; bottom: 0; text-align: left; background:#000 url(../pics/footer_bg.jpg) repeat-x center; } #footer .inside { width:1000px; margin:auto; height: 144px; margin-top: 0; position: relative; background:none; } #footer span { margin: 0 5px; } #footer #name { color:#fff; width:289px; height:82px; text-decoration: none; position: absolute; top: 11px; left: 116px; background:url(../pics/footer_name.png) no-repeat; text-indent:-9999px;} #footer #logo { color:#fff; width: 120px; height: 141px; background: url('/pics/footer_logo.png') no-repeat; position: absolute; left: -15px; top: -18px; } #district-logo { color:#fff; width: 139px; height: 64px; background: url('/pics/district.png') no-repeat; position: absolute; right: 0px; top: 15px; } #address-left{ color: #FFF; font-size: 16px; left: 454px; line-height: 20px; margin: 0; position: absolute; padding:0px; top: 33px; padding-left:39px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; background:url(../pics/loc.png) no-repeat center left; cursor:pointer; } #address-right{ color: #FFF; font-size: 16px; left: 656px; line-height: 20px; margin: 0; position: absolute; padding:0px; top: 33px; padding-left:38px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; background:url(../pics/cal.png) no-repeat center left; cursor:pointer; } #edunet { color:#fff; width: 187px; height: 28px; background: url('/pics/edu.png') no-repeat; position: absolute; left: 405px; top: 110px; } #nonDescStmnt {display:block; position:absolute; right: 0; top: 110px; width:auto; height:auto; padding:5px; text-align:center; color: #002E6E; text-decoration:none; background-color: #F3BC1B; border-radius:4px;} #nonDescStmnt:hover, #nonDescStmnt:active {color: #F3BC1B; background-color: #002E6E; } #mentalHealth {display:block; position:absolute; left: 0; top: 110px; width:auto; height:auto; padding:5px; text-align:center; color: #002E6E; text-decoration:none; background-color: #F3BC1B; border-radius:4px;} #mentalHealth:hover, #mentalHealth:active {color: #F3BC1B; background-color: #002E6E; } .HPFeaturedAlbums { padding-bottom: 50px; } .quickPoll {width:660px; height: 42px; padding-top: 17px; position: relative; top: 425px; height: 42px;} .quickPoll { background: url(../pics/featured_heading.png) center bottom no-repeat !important;} .HPQuickPoll .question {padding-top: 50px;} .HPQuickPoll .choices ul, .HPQuickPoll .choices li {text-align: center;} HPQuickPoll .result_string { margin-top: -19px!important;} .HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only { width: 25%;} .HPQuickPoll .choices {width:250px !important;} .HPQuickPoll .question {padding-top:20px !important; font-size:1.3em;} .HPQuickPoll .question a {color:#0061A6 !important; text-decoration:none !important;} .HPQuickPoll .question a:hover {color:#CA9C16 !important;} .pollContent {float:left; width: 313px; background-color:#fff; box-shadow:6px 6px 0 rgba(229,229,229,0.7); padding: 15px 0 20px 15px; border:1px solid rgba(229,229,229,0.7);} .polCntnt2 {padding-top:36px; height:312px;} .HPQuickPoll {padding:0 !important;}