/* imports and fonts imports */ @import url("/apps/js/polls/polls-pack.css"); @font-face { font-family: 'TrajanPro-Bold'; src: url('../shared/fonts/Fonts-TrajanPro-Bold.eot?#iefix') format('embedded-opentype'), url('../shared/fonts/Fonts-TrajanPro-Bold.otf') format('opentype'), url('../shared/fonts/Fonts-TrajanPro-Bold.woff') format('woff'), url('../shared/fonts/Fonts-TrajanPro-Bold.ttf') format('truetype'), url('../shared/fonts/Fonts-TrajanPro-Bold.svg#TrajanPro-Bold') 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;} .all{ background:url(../pics/all_t.png) repeat-x center top;} 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: 'Karla', sans-serif; } #pageNav, #pageNav ul li a, #quicklinks a, #nav_items_0 li a, #motto { font-family: 'Karla', sans-serif; } /* Site Styles */ #wrapper, #wrapper-index { position: relative; margin: 0 auto; width: 100%; min-width: 1080px; 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: #fff url(../pics/inner_t.png) repeat-x center top; padding-top: 150px; padding-bottom: 400px;} #wrapper .content .inside { width: 1080px; padding: 10px 0px 20px 0px; line-height: 20px; background: none; } #wrapper .content .inside, #wrapper .neutral, #wrapper table { font-family: 'Karla', sans-serif; font-weight:400; font-size:18px; line-height: 1.4em; color: #000;} .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: auto; display: block; min-height: 30px; padding: 0px 0 8px 0px; margin-bottom: 20px; font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 36px; color: #000; position: relative; background: none; border-bottom: 2px solid #000;} /* Top */ #top { position: relative; position: relative; top: 0; background: #fff; width: 100%; z-index: 10000;} #top #inner {position: relative; width: 1080px; height: 36px; margin: 0 auto; background: none;} #tabs { position:absolute;width: 153px; height: 36px; padding: 0; background:none; right:0px; top: 8px;} #search { right: 5px; position: absolute; top: 0px; cursor: pointer; } #search form { margin: 0; } #search #search-field { padding: 0px; margin: 0px; width: 0px; height: 28px; border: 0; position: absolute; top: 19px; right: 0; background: none; background: #eec700; font-family: 'Karla', sans-serif; font-weight: 700; font-size: 12px; color: #000; text-transform: uppercase; } #search #search-img { vertical-align: top; margin-top: 0px; /*left:-70px;*/ position: relative; } .ie6 #search #search-img, .ie7 #search #search-img { margin-top: 1px; } #googleTranslate { opacity: 0; filter: alpha(opacity = 0); width: 99px!important; height: 19px; cursor: pointer;} #preGoogle { position: relative; left: 0px; top: 0px; height: 19px!important; display: block; overflow: hidden; background: url('/pics/translate.png') no-repeat top left; border: 0; float: left; } #login { width: 57px; float: left; margin-left: 12px;} #login #click { width: 56px; height: 19px; text-align: left; font-family: 'Karla', sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase; display: block; position: relative; z-index: 1; line-height: 20px; text-decoration: none; background: url(../pics/login.png) no-repeat center right; color:#000;} #login #form { display: none; padding: 10px ; z-index: 0; position: absolute; right: 30px; background: #eec700; } #marquee-new { width: 800px; height: 24px; left: 70px; top: 7px; position: absolute; background: none; } .twitter{ position: absolute; left: 29px; top: 8px; background: url(../pics/t.png) no-repeat center; width: 20px; height: 20px; transition: all .2s ease-in-out;} .twitter:hover, .twitter:focus{transform: scale(0.9);} .facebook{ position: absolute; left: 1px; top: 8px; background: url(../pics/f.png) no-repeat center; width: 20px; height: 20px;} .facebook:hover, .facebook:focus{transform: scale(0.9);} /* Header */ #header { position: relative; top: 0; z-index: 9999; width: 100%; background: none; min-width:1200px; } #header .inside { width: 1080px; margin: auto; position: relative; height: 49px; background: none; } #header-name {position: absolute; left: 175px; top: 86px; width: 367px; height: 61px; background: url(../pics/name.png) no-repeat center; z-index: 10;} #header .logo { width: 169px; height: 67px; background: url('/pics/logo.png') no-repeat; position: absolute; top: 86px; left: 0px; z-index: 10;} #wrapper #header-name{background: url(../pics/name_in.png) no-repeat center;} #district-logo_head { width: 95px; height: 86px; background: url('/pics/district_head.png') no-repeat; position: absolute; right: 170px;top: 73px; } #district-logo1_head { width: 90px; height: 86px; background: url('/pics/district1_head.png') no-repeat; position: absolute; right: 120px;top: 72px;} #badgehs1 {position: absolute; right: 220px;top: 72px;} #badgehs2 {position: absolute; right: 0px;top: 72px;} /* Navigation menu */ #menu { width: 100%; min-width: 1200px; height: 49px; padding-top: 0px; z-index: 10; margin: 0 auto; background:#851815 url(../pics/menu_bg.png) repeat-x; position: absolute; top: 0px; } #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; position: relative; width: 0; height: 18px; display: block; text-align: center; line-height: 0.8em; padding: 15px 20px; padding-bottom: 16px; font-family: 'Karla', sans-serif; font-size: 22px; letter-spacing: 0.3px; text-decoration: none; color: #fff; font-weight: 400;} #nav_items_0 > li a { width: auto; white-space: normal; } #nav_items_0 li:hover a, #nav_items_0 li:focus a, #nav_items_0 li.over a { color: #000000; background: url(../pics/menu_hv.png) repeat-x; } #nav_items_0 li:hover a:after, #nav_items_0 li:focus a:after, #nav_items_0 li.over a:after{ content: ""; position: absolute; left: 0px; width: 100%; height: 10px; bottom: -4px; z-index: 100000; background: url(../pics/menu_arr.png) no-repeat center;} /* 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, #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 { 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,#nav_items_0 li:focus 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: 'Karla', sans-serif; font-weight: 400; font-size: 18px; letter-spacing: normal; white-space: normal; text-transform: none; text-shadow: none; font-variant: normal;} #nav_items_0 li:hover ul li a:after, #nav_items_0 li:focus ul li a:after, #nav_items_0 li.over ul li a:after{ display: none;} #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: #000; background: #ffd200; } #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: #790c09; background: #fff; 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";} .sticky { position: fixed !important; top: 0; width: 100%; z-index: 10000; } .sticky + #menu { margin-top: 36px; } .smallWindow .sticky{position:absolute !important; width:1200px!important;} .smallWindow #menu.sticky.mfix{ position:absolute; width:1200px;} /* Index properties */ #index-wrapper { background: #790c09 ;} #index-top, #columns { width: 1080px; position: relative;} #index-top { margin: 0 auto 0; height: 861px; background: #790c09 ;} #columns { width: 100%; padding: 66px 0 0 0; margin: 0; position: relative; background:#fff url(../pics/columns_bg.png) no-repeat center top; } .center{ width: 1080px; 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: 0px; width: 1080px; 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 */ .mission{width: 100%; background: url(../pics/mission_bbg.png) repeat-x center; height: 196px; padding-top: 47px; text-align: center; margin-top: -23px; z-index: 10; position: relative;} .cen{top: -15px; position: relative;background:#790c09 url(../pics/mission_bg.png) repeat-x center; height: 180px;} .mission .arr{ width: 69px; height: 64px; position: absolute; left: 505px; top: -88px; margin-top: 0px; z-index: 12; background: url(../pics/arrow.png) no-repeat center; color:#000 !important;} .mission h3{font-family: 'Roboto Slab', serif; font-weight: 400; color: #ffd300; font-size: 36px; line-height: 0.8em; } .mission h3 span{ font-size: 24px; color: #fff;} .mission p{margin: 0px; padding: 0px; margin-top: 15px; font-family: 'Karla', sans-serif; font-weight: 400; font-style: italic; font-size: 20px; color: #fff; line-height: 1.3em;} .mission a{display: inline-block; transition: all .2s ease-in-out; position: relative; z-index: 20; width: 128px; height: 36px; line-height: 36px; margin-top: 30px; background: url(../pics/re.png) no-repeat center; font-family: 'Karla', sans-serif; font-weight: 400; font-size: 16px; color: #ffd300 !important; text-transform: uppercase; text-decoration: none;} .mission a:hover, .mission a:focus{transform: scale(0.9);} .photo{width: 100%; background:#790c09 url(../pics/mission_bg.png) repeat; height: 410px;} #st{float: left; width: 344px; margin-top: 47px;} .simple{border: none !important; background: url(../pics/border.png) no-repeat center top; padding-top: 5px; padding-bottom: 5px; overflow: visible !important;} .carouselwrap {display: none !important;} .carouselInfo{bottom: -48px;} .carouselInfo h3{ background: none !important; text-align: center;} .carouselInfo h3 span, .carouselInfo h3 span a{font-family: 'Karla', sans-serif; font-weight:700; font-size: 18px; text-shadow: none; line-height: 0.8em;} .school{ width: 100%; height: 206px; padding-top: 50px; background:#790c09 url(../pics/school.jpg) no-repeat center; background-size: cover;} .quote{ width: 1005px; height: 155px; text-align: center; margin: auto; background: url(../pics/quote.png) no-repeat center; font-family: 'TrajanPro-Bold', serif; font-weight: normal; font-size: 46px;color: #fff;} .middle{width: 100%; min-height: 730px; padding-top: 55px; position: relative; background: url(../pics/middle_bg.jpg) no-repeat center top;} /*.video{width: 100%; height: 670px; position: relative; overflow: hidden;} */ .video:before{content: ""; width: 100%; height: 242px; position: absolute; background: url(../pics/sl.png) repeat-x top; z-index: 1000;} /* Video */ .video {width: 100% !important; height: auto; max-height:861px; overflow: hidden !important;position: relative;background-color: #000;} /* 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: 27px; font-family: 'Roboto Slab', serif; font-size: 36px; line-height: 0.8em; text-decoration: none; font-weight: 300; margin: 0; padding: 0px 0 0 0px; text-align: center; color: #000; display: block; background:none;} #wrapper-index .content #st h2 a{ color: #fff; display: inline-block;} #wrapper-index .content #st h2 a span{ font-size: 24px; font-weight: normal;line-height: 1.4em; color: #ffd300; display: inline-block; vertical-align: top; height: 10px;} #wrapper-index .content #eventss h2 a{text-align: left;} #wrapper-index .content #social h2 a{text-align: left;} /* Homepage Sections Containers */ .container {position: relative; margin-top: 0; padding: 10px 0; background: none;} #st .container{ padding-top: 20px;} #news .container{ padding-top: 22px; padding-bottom: 20px;} #eventss .s_top{ width:215px; height:246px; position:relative; float: left; margin-top: 24px;} #eventss .s_top li{ list-style:none; float:left; width:215px !important; height:81px !important; margin-bottom: 1px;} #eventss .s_top a{ width:191px !important; padding-right: 24px; height:53px !important; padding-top:28px; display:block; position:relative; cursor: pointer; text-decoration:none; outline:0px !important; font-family: 'Roboto Slab', serif; font-size:26px; font-weight:400; color:#000300; text-align:right; line-height:1em;} #eventss .s_top a.s2, #eventss .s_top a.s3{height:65px !important; padding-top:16px;} #eventss .s_top a{background: url(../pics/t_events.png)no-repeat center left;} #eventss .s_top a:hover, #eventss .s_top a:focus{ color: #790f09; background: url(../pics/t_events_hv.png)no-repeat center left; opacity: 1 !important;} #eventss .s_top a:hover:after, #eventss .s_top a:focus:after{content: ""; width: 10px; height: 81px; position: absolute; right: -10px; top: 0px; z-index: 10; background: url(../pics/t_events_hv.png)no-repeat center right;} #eventss li[aria-selected='true'] a{ color: #790f09; background: url(../pics/t_events_hv.png)no-repeat center left; opacity: 1 !important;} #eventss li[aria-selected='true'] a:after{ content: ""; width: 10px; height: 81px; position: absolute; right: -10px; top: 0px; z-index: 10; background: url(../pics/t_events_hv.png)no-repeat center right;} #eventss #home_events div[aria-hidden='true'] { display: none;} .hidden { display:none; } #eventss .container{float: left; width: 326px; margin-top: 24px; background: #ffffff; box-shadow: 0 0 12px rgba(0,0,0,0.15); padding-left: 20px;} #social .s_top{ width:91px; height:81px; position:relative; float: left; margin-top: 24px;} #social .s_top li{ list-style:none; float:left; width:91px !important; height:81px !important;} #social .s_top a{ width:91px !important; height:81px !important; display:block; position:relative; cursor: pointer; text-decoration:none; outline:0px !important;} #social .s_top a.s1{background: url(../pics/fb.png)no-repeat center left; opacity: 0.5;} #social .s_top a.s2{background: url(../pics/tw.png)no-repeat center left; opacity: 0.5;} #social .s_top a.s3{background: url(../pics/insta.png)no-repeat center left; opacity: 0.5;} #social .s_top a:hover, #eventss .s_top a:focus{ opacity: 1;} #social .s_top .current a{opacity: 1;} #social #home_events div[aria-hidden='true'] { display: none;} .tab-content{display: none;} .current{display: block;} #social .container{float: left; width: 346px; padding-top: 24px;} /* Events */ #eventss {float: left; width: 561px; margin-bottom: 30px;} #eventss #hp-events{overflow: visible;} .dayeventwrap{} #hp-events .v3 .dayInfoWrap{padding: 0px !important;} #eventss .dayInfoWrap { width:55px; height:60px; line-height: 0.8em; background:url(../pics/ev_bg.png) no-repeat center; color:#000; text-align:center; border-radius:0 !important; text-transform:uppercase;} #eventss .dayInfoWrap .month{font-family: 'Karla', sans-serif; font-weight: 700; font-size:15px !important; margin-top:0px;} #eventss .dayInfoWrap .day{font-family: 'Roboto Slab', serif; font-size:28px; font-weight:700;margin-top:12px;} #eventss .event{ padding-left:38px;} #eventss .event{font-family: 'Karla', sans-serif; font-weight: 400; font-size:18px !important; color: #000; } #eventss .event label{font-weight: 400 !important;} #eventss .event .title a{font-weight: 700; color: #790c09; font-size:20px !important; text-decoration: none; } #eventss .event .title a:hover, #eventss .event .title a:focus{letter-spacing: 0.03em;} #eventss .hpeventlinks{margin-left: 0px !important;} #eventss .hpeventlinks a{ float:left; text-align:center; font-family: 'Open Sans', sans-serif; font-family: 'Karla', sans-serif; font-weight: 400 !important; text-transform: uppercase; font-size:16px; color: #000 !important; text-decoration:none; background: url(../pics/sh.png) no-repeat center; width: 118px; height: 36px; line-height: 36px; transition: all .2s ease-in-out; margin-bottom: -28px;} #eventss .hpeventlinks div:first-child a{ margin-right:12px; width: 168px; background: url(../pics/shw.png) no-repeat center;} #eventss .hpeventlinks a:hover, #eventss .hpeventlinks a:focus{ transform: scale(0.9);} #events-page .dayInfoWrap{ background:none; margin-top:0 !important;} #social{float: right; width: 438px;} .re{ margin: auto; display: block; text-align:center; font-family: 'Open Sans', sans-serif; font-family: 'Karla', sans-serif; font-weight: 400 !important; text-transform: uppercase; font-size:16px; color: #000 !important; text-decoration:none; background: url(../pics/sh.png) no-repeat center; width: 118px; height: 36px; line-height: 36px; transition: all .2s ease-in-out;} .re:hover, .re:focus{ transform: scale(0.9);} .bx-viewport { min-height: 310px !important; } .homepage-news .bx-wrapper .bx-prev { background: url('/pics/prew.png') center center no-repeat !important; width: 16px; height: 51px; left:-37px !important; outline: none !important; } .homepage-news .bx-wrapper .bx-next { background: url('/pics/next.png') center center no-repeat !important; width: 16px; height: 51px; right:-36px !important; outline: none !important; } .homepage-news .bx-wrapper .bx-controls-direction a { margin-top: 0 !important; top: 220px !important; } .homepage-news li { background: none !important; border: 0; width: 344px !important; margin-top: 0px; border:none !important; } .homepage-news .news-wrap { padding: 19px 0px 0px 0px !important; margin: 0; height: 145px !important; background: none; border:none !important; } .homepage-news .news-text { font-family: 'Karla', sans-serif !important; color: #000!important; font-size: 18px!important; font-weight: 400!important; line-height: 1.1em!important; } .homepage-news .news-title a { font-size: 20px !important; color: #790c09 !important; font-family: 'Karla', sans-serif !important; font-weight: 700 !important; line-height: 1em; letter-spacing: 0.4px; } .homepage-news .news-title a:hover, .homepage-news .news-title a:focus { color: #000 !important; letter-spacing: 0.03em; } .homepage-news .news-thumb { margin-top: 0px; background: url(../pics/border.png) no-repeat center !important; padding-top: 5px; padding-bottom: 5px; } .homepage-news .news-thumb img { height: 240px !important; width: auto !important; } .homepage-news .news-title { padding-top:3px !important; } /* quicklinks */ #quicklinks.is-fixed {width: 180px; position: fixed; z-index: 20000; right: 0; top: 110px;} #quicklinks ul { padding: 0; margin: 0; position: absolute;right: 0;width: 165px;top: 50px; z-index: 2;} #quicklinks li { padding: 0; margin-top: 10px; list-style: none; position: relative; } #quicklinks a { height: 38px; text-decoration: none; padding: 16px 0 0px 26px; margin: 0; display: block; color: #fff; background: url(../pics/ql_bg.png) no-repeat center left; font-family: 'Karla', sans-serif; font-size: 16px; text-transform: uppercase; text-align: left; position: relative; z-index: 999;} #quicklinks a.ql2{ line-height: 1.1em; height: 40px; padding: 10px 0 6px 26px} #quicklinks a:hover,#quicklinks a:focus { color: #010101; background: url(../pics/ql_hv.png) no-repeat center left; padding-left: 40px;} .smallWindow #quicklinks.is-fixed{padding-bottom: 0;width: 180px;display: block;position: absolute;z-index: 1200;right: 0;top: 30px;} /* Featured Photo Album */ .HPFeaturedAlbums {margin-bottom: 10px; position: relative; float:right; width: 710px; margin-top: 48px;} .HPFeaturedAlbums h2 {width: auto;height: 27px !important; line-height: 0.7em; font-family: 'Roboto Slab', serif; font-size: 36px; text-decoration: none; font-weight: 300; margin: 0; padding: 0px 0 0 0px !important; text-align: center; color: #fff; display: block; background: none !important;} .HPFeaturedAlbums .featuredAlbums {position: relative; margin-top: 0; padding: 19px 0 0px; background: none;} .HPFeaturedAlbums ul {margin-top: 0px !important;} .HPFeaturedAlbums ul li {margin-bottom: 60px; margin-top:0px; background: url(../pics/border.png) no-repeat center top; float: left; padding:5px 0px; border:none; box-shadow:none; filter:none; overflow:visible;} .HPFeaturedAlbums ul li + li {margin-left: 20px;} .HPFeaturedAlbums ul li h3 { height: 60px; position:relative;background: none; padding-top:0px; margin: 0px auto; margin-top:0px; z-index:100; text-align:center; margin-bottom:10px;} .HPFeaturedAlbums ul li h3 span {line-height: 48px; height: 53px; font-family: 'Karla', sans-serif; font-size:18px; font-weight:700;color:#fff; text-shadow:none;} /* Homepage Section Table Includes */ #wrapper-index .content table { width: 100%; padding: 0; margin: 0; } /* Other homepage section extras */ .dark {background-color: #790c09 !important; color: #fff !important; font-family: 'Karla', sans-serif !important; font-weight:400 !important; font-size:18px !important;} .light {background-color: #fdfafa !important; font-family: 'Karla', 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;} #staff.staffR1.staff-v2 .staff-categoryStaffMember dl dt{line-height: 2em !important;} #wrapper-index .content table { color: #000; } #wrapper-index .content section table a { color: #033b73; text-decoration: none; font-weight: 700; } #wrapper-index .content table #l { padding-top: 8px; } /* Put Display None if you want to hide bullet */ #wrapper-index .content table #r { border-bottom: 1px solid #d1d1d1; padding: 10px 0 10px 0; } #wrapper-index .content table #r b a { display: block; margin-top: 5px; text-decoration: 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; } #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; } /* Side Image */ img.sub {} #wrapper img.sub {margin-left: 20px; border:none; width: 300px;} .light a img.sub{width:auto !important;} /* Page navigation */ #pageNav { border: 0; font-size: 14px; position: relative; background: #851815 url(../pics/mission_bg.png) repeat; 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: 300px; 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: 10px 15px 10px 25px; margin: 0; display: block; font-family: 'Karla', sans-serif; font-weight: 700; font-size: 18px; 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: #ffd300 url(../pics/nav_arr.png) no-repeat center left; color: #000; } #pageNav ul li a { text-decoration: none; color: #fff; background: none; } /* Footer */ #wrapper #footer{position: absolute;} #footer { width: 100%; height: 397px; position: relative; bottom: 0; text-align: left; background: none; } .left{width: 30%; position: absolute; left: 0px; top: 0px; height: 397px; background: url(../pics/footer_left.png) repeat-x;} .right{width: 70%; position: absolute; right: 0px; top: 0px; height: 397px; background: url(../pics/footer_img.jpg) no-repeat center; background-size: cover} .fbg{width: 100%;height: 397px; position: absolute; background: url(../pics/fbg.png) no-repeat center;} #footer .inside {width: 1080px; margin: auto; height: 397px; margin-top: 0; position: relative; background: none; } #footer span { margin: 0 5px; } .instb {display: block; width: 40px; height: 40px; position: absolute; left: 177px; bottom: 190px; background: url('/pics/instb.png') no-repeat; transition: all .2s ease-in-out;} .fbb{display: block; width: 40px; height: 40px; position: absolute; left: 177px; bottom: 140px; background: url('/pics/fbb.png') no-repeat; transition: all .2s ease-in-out;} .twb{display: block; width: 40px; height: 40px; position: absolute; left: 177px; bottom: 90px; background: url('/pics/twb.png') no-repeat; transition: all .2s ease-in-out;} .fbb:hover, .fbb:focus, .twb:hover, .twb:focus,.instb:hover, .instb:focus {transform: scale(0.9);} #footer #name { width:443px; height:76px; text-decoration: none; position: absolute; top: 56px; left: 165px; background:url(../pics/footer_name.png) no-repeat; text-indent:-9999px;} #footer #logo { width: 148px; height: 148px; background: url('/pics/footer_logo.png') no-repeat; position: absolute; left: 0px; top: 24px; } #district-logo { width: 118px; height: 107px; background: url('/pics/district.png') no-repeat; position: absolute; left: 270px; top: 213px; } #district-logo1 { width: 126px; height: 123px; background: url('/pics/district1.png') no-repeat; position: absolute; left: 416px; top: 205px; } #footer h3{ font-family: 'Karla', sans-serif; font-weight: 700; font-size: 19px; color: #790c09; text-transform: uppercase; } #address-left{ color: #000; font-size: 17px; left: 0px; line-height: 22px; letter-spacing: 0.02em; margin: 0; position: absolute; padding:0px; top: 182px; font-family: 'Karla', sans-serif; font-weight: 700; cursor: pointer; } #address-right{ color: #000; font-size: 17px; left: 0px; line-height: 22px; letter-spacing: 0.02em; margin: 0; position: absolute; padding:0px; top: 260px; font-family: 'Karla', sans-serif; font-weight: 700; cursor: pointer; } #edunet { width: 238px; height: 10px; background: url('/pics/edu.png') no-repeat; position: absolute; left: 277px; top: 375px; } #eventss table a{ font-weight: 700 !important; color: #790c09 !important; font-size: 20px !important; text-decoration: none !important; } #eventss table td{ font-family: 'Karla', sans-serif; font-weight: 400; font-size: 18px !important; color: #000; line-height: 1.231; } #alert-box {position:absolute !important; top:100px !important; margin-top:0 !important; width:600px !important;} #alert-box-overlay { background-color: #790C09 !important; opacity: 0.8 !important; } #digPriSt {display: block; padding: 5px; text-decoration: none; text-align: center; width: 180px; background: #ffd300; position: absolute; bottom: 4px; left: 0; border: 1px solid #000; border-radius: 8px; font-weight: 800;}