/* 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: #f0ac1a;min-width: 1264px; } 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; } .DB_mask {z-index: 99999 !important;} .DB_dialog {z-index: 99999 !important;} .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: 700; } 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: "Markazi Text", Helvetica, serif; } #pageNav, #pageNav ul li a, #quicklinks a, #nav_items_0 li a, #motto { font-family: "Markazi Text", Helvetica, serif; } @font-face { font-family: 'Helvetica NeueL'; src: url('/shared/fonts/HelveticaNeueLTW1G-Bd.otf') format('opentype'); font-weight: 700; } /* 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('') no-repeat;} #wrapper{background: #fff;} .inside { width: 100%; margin: 0 auto; } #wrapper .content { position: relative; margin: 0 auto; padding-bottom: 190px;} #wrapper .content .inside { width: 1000px; padding: 20px; line-height: 20px; } .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; height: auto;padding: 0 0 10px;margin-bottom: 55px; font-size: 42px; color: #1d402b;font-family: 'Markazi Text', serif;font-weight: 700; position: relative;line-height: 44px;margin-top: 20px; letter-spacing: 0.8px; } #wrapper .content .inside, #wrapper .neutral, #wrapper table {font-family: 'Markazi Text', serif;font-weight: 400;font-size: 21px;color: #1a1a1a;line-height: 1.5;} #wrapper .pagetitle-bg{position: absolute;width: 100%;height: 116px;background: #f2f2f2;border-top: 3px solid #fff;} #wrapper-index {background: #000 url('/pics/pattern.jpg')repeat;} /* Top */ #top { position: relative; top: 0; background: #131a18; width: 100%; height: 37px;} #top #inner {position: relative; width: 1002px; height: 37px; margin: 0 auto;} #tabs { width: auto; height: 37px; padding: 0; float: right; position: relative;z-index: 10000;background:#131a18; } #search { float: left; margin-right: 0px;position: relative;} #search form { margin: 0; } #search #search-field { width: 120px;height: 32px;border: 0px;padding: 0px 6px;color: #000;background: #898d8c;display: none;position: absolute;right: 0px;top: 34px;font-family: 'Markazi Text', serif; font-weight: 400;font-size: 14px;} #search #search-img { vertical-align: top; margin-top: 0px; } .ie6 #search #search-img, .ie7 #search #search-img { margin-top: 1px; } #googleTranslate { opacity:0; filter: alpha(opacity = 0); width: 18px!important; height: 21px;cursor: pointer; } #preGoogle { position: relative; float: left; height: 37px!important; display:block; overflow:hidden; background:url('/pics/translate.png') no-repeat; border:0;width: 18px;margin-right: 28px; } #login { width: 15px; height: 37px; margin: 0 auto;background: #131A18 url('/pics/login.png')no-repeat !important;position: relative;float: left;margin-right: 28px;} #login #click { width: 15px; height: 37px; display: block; position: relative; z-index: 1; text-decoration: none;color: #fff; } #login #form { display: none; padding: 0 10px 10px ; z-index: 0; border-left: 1px solid #898d8c; position: absolute; background: #898d8c; } #marquee-new { float: left; position: relative;left: 275px;padding-top: 3px; } #student-vault-vertical, #login #form, #login #form a {font-family: 'Markazi Text', serif;} /* Header */ #header { position: relative; top: 0; z-index: 9999; width: 100%; background: /*url('/pics/header_bg.png')repeat*/ #033500; } #wrapper #header{background: #033500;} #header .inside { position: relative; height: 90px; width: 1072px;} #header-name {position: absolute; left: 141px;top: 11px;width: 310px;height: 61px; background: url('/pics/header_name.png') no-repeat;z-index: 10000;color: #fff;} #header .logo { width: 160px;height: 160px; background: url('/pics/Asset-1.png') no-repeat; position: absolute; top: -29px; left:-20px; color: #fff; } #motto { position: absolute; right: -96px; top: 7px; background: url('/pics/motto.png')no-repeat;width: 106px;height: 122px; } /* Navigation menu */ #menu { width: 600px; height: 90px; z-index: 10; margin: 0 auto; position: relative; top: 0;float: right; } #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: auto; display: block; text-align: center; padding: 33px 8px 32px;font-size: 24px; letter-spacing: 0.3px; text-decoration: none; color: #fff;font-family: 'Markazi Text', serif; 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: #f0ac1a; background: url('/pics/nav_hover.png')repeat; } #nav_items_0 li:hover a:before, #nav_items_0 li:focus a:before, #nav_items_0 li.over a:before{content:"";position:absolute;width: 28px;height: 22px;background: url('/pics/nav_hv.png')no-repeat right top ;top: 8px;right: -5px;} #nav_items_0 li ul li a:before {background: none !important;} /* Drop down items */ #nav_items_0 ul, #nav_items_0 li:hover ul ul, #nav_items_0 li:focus ul ul, #nav_items_0 li.over ul ul, #nav_items_0 li:hover ul ul ul, #nav_items_0 li:focus ul ul ul, #nav_items_0 li.over ul ul ul, #nav_items_0 li:hover ul 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: 216px; 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:focus ul, #nav_items_0 li.over ul { left: auto; top: auto; background: url('/pics/dropdown.png')repeat;padding: 8px 0; } #wrapper #nav_items_0 li:hover ul, #wrapper #nav_items_0 li:focus ul, #wrapper #nav_items_0 li.over ul{background: #f0b32f;box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);} #nav_items_0 ul li:hover ul, #nav_items_0 ul li:focus ul, #nav_items_0 ul li.over ul, #nav_items_0 ul ul li:hover ul, #nav_items_0 ul ul li:focus 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:focus 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 20px; height: auto; width: 176px;font-size: 20px; letter-spacing: normal; white-space: normal; text-transform: none; text-shadow: none; font-variant: normal;color: #131a18;font-family: 'Markazi Text', serif;font-weight: 400;} #nav_items_0 li:hover ul li a, #nav_items_0 li:focus 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:focus 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:focus 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:focus ul a, #nav_items_0 li ul li ul li ul li.over ul a { color: #131a18; background: none; } #nav_items_0 li ul li a:hover, #nav_items_0 li ul li a:focus, #nav_items_0 li ul li:hover a, #nav_items_0 li ul li:focus 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:focus ul a:focus, #nav_items_0 li ul li.over ul a:focus, #nav_items_0 li ul li ul li:hover a, #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:hover ul a:hover, #nav_items_0 li ul li ul li.over ul a:hover, #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:hover a, #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:hover ul a:hover, #nav_items_0 li ul li ul li ul li.over ul a:hover, #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 { color: #fff; background: #131a18; } li.nav_items_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_items_0 li.nav_item_last:hover ul, #nav_items_0 li.nav_item_last:focus ul {right: 0;} #nav_items_0 li ul li a:hover, #nav_items_0 li ul li a:focus{ transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;letter-spacing: 0.2px;} /* Index properties */ #index-wrapper { } #index-top, #columns { position: relative;} #index-top { top: 0; width: 100%;background: #000;height:200px; height:auto!important; min-height:200px;position: relative;} #columns { width: 960px; padding: 10px 0 0 0; margin: 0; position: relative; background: aqua; } #left-column {margin-left: 10px; width: 220px; margin-right: 10px; position: relative; float: left; display: inline-block;} #center-column {margin-left: 10px; width: 460px; margin-right: 10px; position: relative; float: left; display: inline-block;} #right-column {margin-left: 10px; width: 220px; margin-right: 10px; position: relative; float: left; display: inline-block;} /* Video */ .video {width: 100% !important; height: auto; max-height:750px; overflow: hidden !important;position: relative;background-color: #000;} .video {width: 100%; position: relative; } .video-text{width: 100%; z-index: 10; margin: 0 auto; height: 11% !important; position: absolute; bottom: 0;} .video-caption {font-size: 70px;color: #fff; font-family: 'Markazi Text', serif; font-weight: 700; text-align: center; /* justify-content: center; */ /* align-items: center; */ top: 70%; position: absolute;opacity: 0.8; } .video-overlay { position: absolute; left: 0; top: 0; height: auto; max-height: 750px; min-height: 810px; width: 100%; z-index: 1; opacity: 0.1; background: #000; opacity:0.3; } /* Homepage Sections */ section { margin-bottom: 0px; position: relative; } /* Homepage Section Headers */ #wrapper-index .content section h2 { } #wrapper-index .content section h2 a { width: auto;height: auto; font-size: 32px;color: #1d402b;font-family: 'Markazi Text', serif;font-weight: normal;text-decoration: none;margin: 0 0 15px -1px;padding: 0 0 17px;display: block; background: url('/pics/yellow_border.jpg')no-repeat 1px bottom;line-height: 32px;letter-spacing: 0.7px;} /* Homepage Sections Containers */ .container {position: relative; margin-top: 0; padding: 0;} /* quicklinks */ #quicklinks { background: #f2f2f2; width: 100%; position: relative;margin-top:0; z-index:200;} #quicklinks-inner{width: 1000px;margin: 0 auto;} #quicklinks ul { padding: 0; position: fixed; top:180px; right:0px; z-index: 99;min-height: 78px;} #quicklinks li { padding: 0; list-style: none; position: relative;width: auto;height: 78px;border:1px solid #e1e1e1; margin-right: 35px;background: #fff !important;} #quicklinks li a:after {content:"";position: absolute; width: 46px;height: 46px;background: url('/pics/ql_arrow.jpg')no-repeat right center;right: -23px;} #quicklinks a { text-decoration: none;margin: 0;color: #32453a;font-size: 17px;text-align: left;position: relative;z-index: 0;font-family: 'Markazi Text', serif;font-weight: 700;display: flex;justify-content: center;align-items: center; height: 75px;padding: 0px 45px 3px 23px;letter-spacing: 0.5px;} #quicklinks li:hover a, #quicklinks li:focus a {color: #131a18; text-shadow: 1.5px 1.5px 1px #0000004d; transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s; } #quicklinks li:hover, #quicklinks li:focus{background:#fff url('/pics/ql_hover.png')no-repeat left center !important;} #quicklinks li a:hover:after, #quicklinks li a:focus:after{content:"";position: absolute; width: 45px;height: 45px;background: url('/pics/ql_arrow_hover.jpg')no-repeat right center;right: -23px;} /* Row Wrapper */ #rows-wrapper, .rows {width: 100%;position: relative;} .row-inner {width: 1000px;position: relative;margin: 0 auto;} /* First Row */ #first-row{background: #f2f2f2;} #first-row-inner{width:1080px;} #first-row-inner .slider-head {color: #00274c;font-family: 'Frank Ruhl Libre', serif;font-size: 30px;font-weight: 500;margin: 0;text-align: center;left: -0.5px;position: relative;} #first-row-inner .holder {opacity: 1;padding-top: 30px; padding-bottom: 24px;margin-bottom: 12px;} #first-row-inner .bx-wrapper .bx-viewport {box-shadow: none;border: 0;background: none;left: 9px !important;min-height: 104px !important;} #first-row-inner .bx-pager {display: none;} #first-row-inner .bx-wrapper .bx-controls-direction a {margin-top: -3px;width: 8px !important;height: 14px !important;} #first-row-inner .bx-wrapper .bx-controls-direction a:focus{outline: none !important;} #first-row-inner .bx-wrapper .bx-prev {background: url('/pics/left_arrow.png') no-repeat !important;left: -45px;color: #000 !important;} #first-row-inner .bx-wrapper .bx-next {background: url('/pics/right_arrow.png') no-repeat !important;right: -45px;color: #000 !important;} .bx-wrapper img{transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} .bx-wrapper .bx-viewport {background: none !important;border:0px !important;box-shadow: none !important;-webkit-box-shadow:none !important;} .bx-wrapper .bx-pager.bx-default-pager a {display: none !important;} .slider {padding-top: 7px;padding-left: 5px;} .slider a {width: 120px !important;margin-right: 23px !important;margin-left: 23px !important;display:inline;min-height: 96px !important;vertical-align:middle !important;float: left;overflow: hidden;text-decoration: none;} .slider a img{display: block;margin: 0 auto;} .slider a:hover, .slider a:focus{margin-top: -10px; transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} .bx-wrapper {left: 0 !important; margin: 0 auto !important;padding: 0;position: relative;} .slider span{font-size: 46px;color: #fff;text-align: center;display: block;font-family: 'Andada', serif;font-weight: 400; line-height: 46px;letter-spacing: 2px;padding-top: 2px;padding-bottom: 5px;} .slider span small{font-size: 38px;color: #fff;font-family: 'Kalam', cursive;font-weight: 400;line-height: 34px;} .slider p{font-size: 20px;color: #fff;font-family: 'Markazi Text', serif;font-weight: 700;text-align: center;text-transform: uppercase;letter-spacing: 2px;margin: 0;line-height: 24px;} .slider a:hover span,.slider a:focus span{letter-spacing: 4px;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #first-row-inner .bx-wrapper .bx-loading{background: none;} /* First Row */ /* Second Row */ #second-row{background: #f2f2f2;} #second-row-inner{ background:#02513c url('/pics/mission.jpg')no-repeat center top;background-size: 100% 100%;padding: 54px 57px 57px;width: 886px;z-index: 1;} #second-row-inner #left-column{width: 420px;margin: 0;} #second-row-inner #left-column h2{font-size: 32px;color: #fff;font-family: 'Markazi Text', serif;font-weight: 700;background: url('/pics/yellow_border.jpg')no-repeat 3px bottom;line-height: 32px;padding-bottom: 17px; letter-spacing: 0.7px;margin-bottom: 11px;} #second-row-inner #left-column p{margin: 0;font-size: 24px;color: #fff;font-family: 'Markazi Text', serif;font-weight: 300;letter-spacing: 0.8px;padding-left: 2px;line-height: 19.5px;} /* Second Row */ #first-row-inner h2.culminatevid a { width: auto;height: auto; font-size: 41px;color: #02513C; font-family: 'Markazi Text', serif;font-weight: 700;text-decoration: none;margin: 0 0 18px;padding: 0 0 10px;display: block; text-align: center; margin: 0 auto; line-height: 32px;letter-spacing: 0.8px; } /* Third Row */ .news-bg{background:#02513c url('/pics/news_bg.jpg')no-repeat center bottom;height: 357px;position: absolute;width: 100%;border-top: 3px solid #fff;margin-top: -83px;} #third-row{background: #000 url('/pics/white.jpg')repeat;} #third-row-inner{padding: 34px 0 32px;} #third-row-inner h2.news-title{display: block;text-align: center;} #third-row-inner h2 a{width: auto;height: auto; font-size: 32px;color: #fff;font-family: 'Markazi Text', serif;font-weight: normal;text-decoration: none;margin: 0 0 18px;padding: 0 0 10px;display: inline-block;text-align: center; line-height: 32px;letter-spacing: 0.8px;background: #02320A;} .news-showall{position: absolute; top: 33px;right:0;z-index: 1;width: 143px;height: 37px; text-align: center;} .news-showall:before{content:"";position: absolute;width: 65px;height: 60px;background: url('/pics/key.png')no-repeat; left: -28px;top: -11px;z-index: -1;} .news-showall a{font-size: 16px;color: #fff !important;font-family: 'Markazi Text', serif;font-weight: 400;text-decoration: none; display: inline-block;letter-spacing: 0.4px;width: 129px;height: 20px; border: 2px solid #fff;padding: 7px 5px 6px;} .news-showall a:hover, .news-showall a:focus{letter-spacing: 0.6px;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #third-row .homepage-news .bx-wrapper .bx-prev { background: url('/pics/leftArrow.jpg') center center no-repeat;left: -56px;color: #fff !important; width: 46px; height: 46px;-pie-background: url('/pics/leftArrow.jpg') center center no-repeat;behavior: url('/shared/pie.htc');} #third-row .homepage-news .bx-wrapper .bx-next {background: url('/pics/rightArrow.jpg') center center no-repeat;right: -56px;color: #fff !important; width: 46px; height: 46px;-pie-background: url('/pics/rightArrow.jpg') center center no-repeat;behavior: url('/shared/pie.htc');} #third-row .homepage-news .bx-wrapper .bx-controls-direction a {margin-top: 0 !important; top: 160px !important;} #third-row .homepage-news .bx-wrapper .bx-controls-direction a:focus{outline: none !important;} #third-row .homepage-news li {background: none; border: 0; padding: 10px 10px 0;background: #fff; } #third-row .homepage-news li:after{content:"";position: absolute;width: 237px;height: 2px; background: #f0ac1a; bottom: 8px;left:0;} #third-row .homepage-news .news-wrap {padding: 17px 0px 13px; margin: 0;height: 136px;} #third-row .homepage-news .news-text { color: #1a1a1a; font-size: 19px;font-family: 'Markazi Text', serif; font-weight: 400;line-height: 20px; overflow: hidden; height: 80px;} #third-row .homepage-news .news-title a {font-size: 22px; color: #1d402b; font-family: 'Markazi Text', serif; font-weight: 400;line-height: 21px;} #third-row .homepage-news .news-title a:hover, #third-row .homepage-news .news-title a:focus{letter-spacing: 0.2px;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #third-row .homepage-news li .layout-3 .news-thumb{border: 10px solid #fff;} .bx-wrapper .bx-viewport{left:0 !important;} #third-row .homepage-news{padding-bottom: 0;} .layout-3 .news-thumb{background: none !important;} .layout-3 .news-title{margin: 0 0 10px !important;} /* Third Row */ /* Fourth Row */ #fourth-row{background: #fff;} #fourth-row-inner{padding: 25px 0 50px;} #fourth-row-inner #left-column{width: 340px;margin: 0 50px 0 0;} #fourth-row-inner #right-column{width: 610px;margin: 0;} /* Events */ #wrapper-index .content section#events h2 a{background: none;margin: 0 0 10px -1px;padding: 0 0 8px;} #events #hp-events .v3 .dayInfoWrap {height: 65px;width: 76px;background: url('/pics/date_bg.png')no-repeat center bottom;padding: 0;margin-left: -8px;margin-top: 4px;} #events #hp-events .v3 span.month {font-size: 12px;color: #333;font-family: 'Markazi Text', serif;font-weight: 700;text-transform: uppercase;} #events #hp-events .v3 span.day {font-size: 34px;color: #32453a;font-family: 'Markazi Text', serif;font-weight: 700;line-height: 18px;} #events #hp-events .v3 ul {padding-left: 82px;min-height: 70px;} #events #hp-events ul li.event div {font-size: 19px;color: #1a1a1a;font-family: 'Markazi Text', serif; font-weight: 400;margin-bottom: 4px;} #events #hp-events ul li.event div a {font-size: 23px;color: #25332b;font-family: 'Markazi Text', serif; font-weight: 400;text-decoration: none;letter-spacing: -0.2px;} #events #hp-events ul li.event div a:hover, #events #hp-events ul li.event div a:focus{letter-spacing: 0;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #events #hp-events .hpeventlinks div a {display: inline-block; text-decoration: none;font-size: 16px;color: #131a18;font-family: 'Markazi Text', serif; font-weight: 400;border:2px solid #033500;padding: 7px 19px 7px 17px; letter-spacing: 0.3px;position: relative;float: left;margin-right: 15px;left: 0;position: absolute;margin-top: 4px;} #events #hp-events .hpeventlinks div a:hover, #events #hp-events .hpeventlinks div a:focus{letter-spacing: 0.5px;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #events #hp-events .hpeventlinks div a[target]{position: relative;left: 128px;padding: 7px 14px 7px 13px;} #events #hp-events .hpeventlinks div a:before{content:"";position: absolute; width: 35px;height: 28px;/*background: url('/pics/show_all.png')no-repeat;*/left: -22px;top: 2px;} #events #hp-events .hpeventlinks div a[target]:before{content:"";position: absolute; width: 35px;height: 30px;/*background: url('/pics/show_calendar.png')no-repeat;*/left: -23px;top: 2px;} /* Featured Video */ .HPVideo {margin-bottom: 10px; position: relative;} .HPVideo h2 a {width: auto;height: auto; font-size: 32px;color: #1d402b;font-family: 'Markazi Text', serif;font-weight: normal;text-decoration: none;margin: 0 0 10px;padding: 0 0 5px;display: block;line-height: 32px; letter-spacing: 0.8px;} .HPVideo .videowrapper {position: relative; margin-top: 0; padding: 0; background: #fff;} .HPVideo p {padding: 0; margin: 0;} .HPVideo p a {text-align: center; text-decoration: none;height: auto; display: block;line-height: 25px;font-size: 20px;color: #32453a;font-family: 'Markazi Text', serif; font-weight: 400;padding: 5px 5px 5px;top: 10px; position: relative;} /* Fourth Row */ /* Fifth Row */ #fifth-row{background:#02513c url('/pics/fifth_row_bg.jpg')no-repeat center bottom;background-size: cover;} #fifth-row-inner{padding: 120px 0;} .school-program ul { padding: 0; margin: 0;position: relative;z-index: 10;min-height: 78px;float: right;right: 51.2%; } .school-program li { padding: 0; list-style: none; position: relative;float: left;width: 223px;height: 78px;border:1px solid #e1e1e1; margin-right: 33px;left: 50%;} .school-program li.adv-study{background:#fff url('/pics/adv_study.png')no-repeat left center;} .school-program li.gifted-magnet{background:#fff url('/pics/gifted_mag_scl.png')no-repeat left center;} .school-program li.dual-lang{background:#fff url('/pics/dual_lang.png')no-repeat left center;} .school-program li.speced{background:#fff url('/pics/specedicon.png')no-repeat left center;} .school-program li:last-child{margin-right: 0;} .school-program li a:after {content:"";position: absolute; width: 46px;height: 46px;background: url('/pics/ql_arrow.jpg')no-repeat right center;right: -25px;} .school-program a { text-decoration: none;margin: 0;color: #28332d !important;font-size: 22px;text-align: left;position: relative;z-index: 0;font-family: 'Markazi Text';display: flex;justify-content: center;align-items: center; height: 75px;padding: 2px 32px 1px 82px;letter-spacing: 0;line-height: 16px;} .school-program li:hover a, .school-program li:focus a {color: #131a18;text-shadow: 1.5px 1.5px 1px #0000004d; transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s; } .school-program li a:hover:after, .school-program li a:focus:after{content:"";position: absolute; width: 45px;height: 45px;background: url('/pics/ql_arrow_hover.jpg')no-repeat right center;right: -23px;} /* Fifth Row */ /* Sixth Row */ #sixth-row{background: #fff;} #sixth-row-inner{padding: 66px 0 70px;} #sixth-row-inner #left-column{width: 310px;margin: 0 30px 0 0;} #sixth-row-inner #center-column{width: 320px;margin: 0 20px 0 0;} #sixth-row-inner #right-column{width: 320px;margin: 0;} /* Seventh Row */ #seventh-row {background:#EDC48C;} #seventh-row-inner{padding:0;} /* Links */ #wrapper-index .content table { color: #000; } #wrapper-index .content section table a { color: #32453a;font-size: 20px; text-decoration: none;font-family: 'Markazi Text', serif; font-weight: 400;letter-spacing: 0.6px; } #wrapper-index .content section table a:hover, #wrapper-index .content section table a:focus{color: #000;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #wrapper-index .content table #l { width: 8px;height: 8px;padding-top: 12px;padding-right: 12px;padding-left: 0; } /* Put Display None if you want to hide bullet */ #wrapper-index .content table tr:hover #l, #wrapper-index .content table tr:focus #l{background: url('/pics/bullet_hover.gif')no-repeat 0 17px;} #wrapper-index .content table tr:hover #l img, #wrapper-index .content table tr:focus #l img{display: none;} #wrapper-index .content table #r { border-bottom: 0; padding: 10px 0 10px 0; } #wrapper-index .content table #r b a { display: inline-block; margin-top: 5px; text-decoration: none;font-size: 16px;color: #131a18;font-family: 'Markazi Text', serif; font-weight: 400;border:2px solid #f0ac1a;padding: 7px 19px 7px 17px; letter-spacing: 0.3px;position: relative; } #wrapper-index .content table #r b a:before{content:"";position: absolute; width: 35px;height: 28px;/*background: url('/pics/show_all.png')no-repeat;*/left: -23px;top: 2px;} #wrapper-index .content table #r b a:hover, #wrapper-index .content table #r b a:focus{border:2px solid #ffd119;letter-spacing: 0.5px;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #wrapper-index .content table tr#showAll-hplinks:hover #l, #wrapper-index .content table tr#showAll-hplinks:focus #l{background: none;} #wrapper-index .content table tr#showAll-hpbbmessages:hover #l, #wrapper-index .content table tr:focus #l{background: none;} /* Featured Photo Album */ #sixth-row-inner .HPFeaturedAlbums {margin-bottom: 0px; position: relative;} #sixth-row-inner .HPFeaturedAlbums h2 {width: auto;height: auto; font-size: 32px;color: #1d402b;font-family: 'Markazi Text', serif;font-weight: normal;text-decoration: none;margin: 0 0 15px -1px;padding: 0 0 17px;display: block; background: url('/pics/yellow_border.jpg')no-repeat 1px bottom;line-height: 32px;letter-spacing: 0.7px;} #sixth-row-inner .HPFeaturedAlbums .featuredAlbums {position: relative; margin-top: 0; padding: 0; } #sixth-row-inner .HPFeaturedAlbums ul {margin-top: 0;} #sixth-row-inner .HPFeaturedAlbums ul li {margin-bottom: 30px;border: 0;box-shadow: none;overflow: visible;} #sixth-row-inner .HPFeaturedAlbums ul li h3 {background: #f0ac1a; text-shadow: none;margin: -20px auto 0;width: 280px;display: block;position: relative;} #sixth-row-inner .HPFeaturedAlbums ul li h3 span {font-size: 22px; color: #25332b;font-family: 'Markazi Text', serif; font-weight: 300;text-align: center;padding: 13px 5px; } /* Sixth Row */ /* Homepage Section Table Includes */ #wrapper-index .content table { width: 100%; padding: 0; margin: 0; } /* Other homepage section extras */ .dark {background-color: #033500 !important; color: #fff !important;font-family: 'Markazi Text', serif !important;font-size: 17px !important;} .light {background-color: #fdfafa !important;font-family: 'Markazi Text', serif !important;font-weight: 400 !important;font-size: 21px !important;color: #1a1a1a !important;} .dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:focus, .dark a:active {color: #fff !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; } /* Side Image */ img.sub {border: 0;} #wrapper img.sub {margin-left: 20px;width:260px;} .light a img.sub{width:auto !important;} /* Page navigation */ #pageNav { border: 0; font-size: 14px; position: relative; background: #02513c url('/pics/pagenav.jpg')no-repeat bottom right; 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 0px!important; margin: 0 0 0px!important; zoom: 1; /* important for IE6 */ } #pageNav td img { display: none; } #pageNav ul li a, #pageNav ul li strong { min-height: auto;text-decoration: none; padding: 8px 20px 8px 20px; margin: 0; display: block; font-size: 22px; text-align: left; position: relative; z-index: 0;font-family: 'Markazi Text', serif !important; font-weight: 400;line-height: 1.1;} #pageNav ul li strong, #pageNav ul li a:hover, #pageNav ul li a:focus { background: #f0b022; color: #191919; } #pageNav ul li a { text-decoration: none; color: #fff; } /* Footer */ #wrapper #footer{position: absolute;} #footer { width: 100%; position: relative; bottom: 0; text-align: left; background:#033500 url('/pics/footer_bg.jpg')repeat-x bottom; } #footer .inside { height: 169px; margin-top: 0; position: relative; width: 1000px; } #footer span { margin: 0 5px 0 0; color: #f0ac1a;} #footer #name { position: absolute; background: url('/pics/footer_name.png')no-repeat ;top: 29px;left: 81px;width: 311px;height: 62px;color: #fff; } #logo { width: 116px; height: 132px; background: url('/pics/footer_logo.png')no-repeat ; position: absolute; left: -45px;top: 14px; } #district-logo { width: 100px; height: 100px; background: url('/pics/district_logo.png') no-repeat; position: absolute; right: 0;top: 15px;color: #fff;} .address { color: #fff; padding: 0; margin: 0; font-size: 20px; line-height: 18px;font-family: 'Markazi Text', serif;font-weight: 400; position: absolute; left: 414px;top: 48px;cursor: pointer; letter-spacing: 0.35px; } #address-right{left: 615px;} #edunet { width: 181px; height: 23px; background: url('/pics/edunet.png') no-repeat; position: absolute; left: 409px; bottom: 8px;color: #fff; } /* Social links */ #header .social-links{ position: absolute;display: inline-block;left: 163px;top: -36px;} #footer .social-links{ position: absolute;display: inline-block;right: 111px;top: 24px;} #header .social-links ul{width: 175px;margin: 0;padding: 0;} #footer .social-links ul{width: 94px;margin: 0;padding: 0;} .social-links ul li {width: 36px;height: 35px;border:1px solid #1c6350;position: relative;float: left;margin: 0 9px 9px 0;list-style-type: none;} #header .social-links ul li {border:none !important;} .social-links ul li:nth-child(2n){margin-right: 0;} .social-links ul li:hover, .social-links ul li:focus{border:1px solid #81a89e;} .social-links ul li a{width: 36px;height: 35px;display: block;color: #fff !important;} .social-links ul li a.ustream{background: url('/pics/soc_instagram.png')no-repeat center;} .social-links ul li a.youtube{background: url('/pics/soc_youtube.png')no-repeat center;} .social-links ul li a.twitter{background: url('/pics/soc_twitter.png')no-repeat center;} .social-links ul li a.fb{background: url('/pics/soc_fb.png')no-repeat center;} .social-links ul li a.ustream:hover, .social-links ul li a.ustream:focus{background: url('/pics/soc_instagram.png')no-repeat center;} .social-links ul li a.youtube:hover, .social-links ul li a.youtube:focus{background: url('/pics/soc_youtube.png')no-repeat center;} .social-links ul li a.twitter:hover, .social-links ul li a.twitter:focus{background: url('/pics/soc_twitter.png')no-repeat center;} .social-links ul li a.fb:hover, .social-links ul li a.fb:focus{background: url('/pics/soc_fb.png')no-repeat center;} .social-links ul li:hover a, .social-links ul li:focus a{margin: -2px 0 0;box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);transition: all ease 0.3s; -webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #stw-logo {display:block; width: 100px; height: 100px; background: url('/pics/stw_logo.png') no-repeat; position: absolute; right: -115px; top: 15px; color: #fff; font-size:0;} #ee_badge {background:url('/pics/ee_badge.png') no-repeat; width:250px; height:250px !important; position:absolute !important; top:240px; right:0; display:block; font-size:0 !important; z-index:99999; } #application-banner {width: 260px; height: 170px; background: #f0ac1a; color:#02513C; padding: 25px; text-align: center; font-size: 17px; line-height: 22px; border:1px solid #fff; position: absolute; top: 150px; right: 0px; z-index: 100; display: block;} #collegeCareer-logo {position:absolute; right:10px; bottom:10px; display:block; font-size:0;} #collegeCareer-logo:hover {opacity:0.8;} #bhmFlyerHolder {width:1000px; height:386px; margin:0 auto; position:absolute; top:-386px; z-index:10;} #bhmFlyerHolder #bhmFlyer {position:absolute; display:block; width:239px; height:313px; background: url('/pics/Book_Fair_flyer_v2.jpg')no-repeat; font-size:0; right:-100px; padding:0 !important; box-shadow: 1px -1px 10px #fff; top:73px;} #bhmFlyerHolder #bhmFlyer:hover {box-shadow: none !important; border:1px solid #848181; top:71px;} #bhmFlyerHolder #contiLearning {position:absolute; display:block; width:300px; height:277px; background: url('/pics/Continuity-of-learning-logo.png')no-repeat; font-size:0; right:346px; padding:0 !important; top:-126px;} #bhmFlyerHolder #eChoices {display:block; position:absolute; width:60%; color:#006b12; background-color:#fff; text-align:center; padding:10px 0; text-decoration:none; border-radius:28px; height:32px !important; font-size:24px; bottom:52px; left:200px; border:3px solid #f4bb16;} #bhmFlyerHolder #eChoices:hover {letter-spacing:1px; transition:0.1s ease-in-out;} #pageNav ul li a span { background-image: url("/pics/sidenavNew5.png"); transform: rotate(-48deg); position: absolute; left: -22px; top: 8px; width: 50px; height: 23px; z-index: 2; } a#lateApplBtn {position: absolute !important;top: 265px;left: 63px;display: block;background-color: #fff;height: auto;padding: 10px;width: 825px;text-align: center;font-size: 16px;border: 4px solid #f4bb16;border-radius: 30px; color:#004700;} #contiLearning1 {position:absolute !important; top: 10px; left: 320px;} a#contiLearning2 {position:absolute !important; top: 203px; left: -140px;} a#contiLearning3 {position:absolute !important; top: 203px; right: -140px;} a#contiLearning4 {position:absolute !important; top: -160px; right: 865px;} a#contiLearning5 {position:absolute !important; top: -150px; right: 42px;} #yearbook { position: absolute !important; top: 0px; right: -122px; } #textbooks {width:250px; position:absolute; bottom: 75px; right:-140px; background:#fff; border:1px solid #32453a; z-index:99;} #textbooks a { text-decoration:none; text-align:center; margin: 0; color: #32453a; font-size: 18px; font-family: 'Markazi Text', serif; font-weight: 700; letter-spacing: 0.5px; padding:0 !important; } #collectionVideo { width: 250px; position: absolute; bottom: 224px; right: -140px; z-index: 99; } #textbookHead { width: 250px; position: absolute; bottom: 430px; right: -140px; z-index: 999; } #quicklinks #textbookHead a, #quicklinks #collectionVideo a { height: auto !important; padding: 0 !important; z-index: 999; } .vpww { position:absolute; top: 345px; left: 0px; padding: 10px 15px; color: #fff !important; z-index: 5; font-size: 20px; letter-spacing: 0.1px; text-decoration: none; color: #000 !important; font-family: 'Karla', serif; font-weight: 400; background: #f0ac1a; border: 1px #000 solid; border-radius: 10px; } #virtWel {position:absolute !important; display:block; padding:7px !important; text-decoration:none; width:480px; height:auto !important; top: -175px !important; color:#fff !important; background-color: #024534; border: 1px solid #fff; left:80px;} #vTour-info {position:absolute; left:-119px; bottom:-87px; display:block; font-size:0; background: url('/pics/virtual-tour-info.png')no-repeat; width:154px; height:154px;} #vHS-info {position:absolute; right:-154px; bottom:-87px; display:block; font-size:0; background: url('/pics/virtHighInfo_btn.png')no-repeat; width:154px; height:154px;} #vTour-info:hover, #vHS-info:hover {opacity:0.8;} #covidlink {position:absolute; top: 50px; left:30px; z-index:99; width:290px;} #divSchoology {z-index:99999; width:364px; margin:30px auto 0; float:left;} #divSchoology .schoologyLnk {font-size: 25px; color: #131A18; font-family: 'Markazi Text', serif; font-weight: normal; display: block; width: auto; text-align: center; text-decoration: none;} #divOnlineSched {z-index:99999; width:310px; margin:30px 20px 0; float:left; text-align: center;} #divOnlineSched .onlineSchedLnk {font-size: 25px; color: #131A18; font-family: 'Markazi Text', serif; font-weight: normal; display: block; width: auto; text-align: center; text-decoration: none;} #parentPrtl {z-index:99999; width:364px; margin:30px auto 0; float:left;} #parentPrtl .parentPrtl-lnk {font-size: 25px; color: #131A18; font-family: 'Markazi Text', serif; font-weight: normal; display: block; width: auto; text-align: center; text-decoration: none;} #divSchoology, #divOnlineSched, #parentPrtl {} .alert-box .alert-box-footer {margin-top: 40px;} #slidelink {position:absolute; top:60px; left:30px; text-align:center; z-index:999; } #slidelink a {font-size:26px; font-weight:bold; background:#fff; padding:5px; border:4px solid #F0AF1D; border-radius:10px; text-decoration:none; margin:0 auto; width:290px; display:block; } #slidelink2 {position:absolute; top:170px; right:30px; text-align:center; z-index:999; } #slidelink2 a {font-size:26px; font-weight:bold; background:#fff; padding:5px; border:4px solid #F0AF1D; border-radius:10px; text-decoration:none; margin:0 auto; width:273px; display:block; } .bx-wrapper .bx-controls-direction a {z-index:99 !important;} #sidelinks{position: fixed;right: 0px; top:160px; z-index:999;} #sidelinks ul {padding: 0;margin: 0;position: absolute;right: 0;} #sidelinks li {display: list-item;list-style:none;width: 150px;margin-bottom: 20px;min-height: 60px;position: relative;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;z-index: 0;background:#033500;float: right;} #sidelinks li:hover,#sidelinks li:focus{width: 180px;} #sidelinks ul li a {position: relative;color: #fff;text-align: left;display: block;text-decoration: none;font-size: 22px;font-family:'Markazi Text', serif;font-weight: 400;padding: 7px 10px 7px 20px;line-height: 23px;text-transform: uppercase;z-index: 1;} #sidelinks ul li:hover a,#sidelinks ul li:focus a{color: #024534;letter-spacing: 0.4px;} #sidelinks ul li a.sngle:hover,#sidelinks ul li a.sngle:focus{padding: 26px 10px 26px 20px !important !important;} #sidelinks ul li:after,#sidelinks ul li:after{background: transparent;width: 100%;margin: 0 auto;text-align: center;display: block;background-image: linear-gradient(to left,transparent,transparent 50%,#F0B024 50%,#F0B024);background-position: 100% 0;background-size: 200% 100%; position: absolute;left: 0;content: "";opacity: 0;height: 100%;top: 0;z-index: -1;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #sidelinks ul li a.sngle{padding: 25px 10px 20px 14px !important;} #sidelinks ul li:hover::after, #sidelinks ul li:focus::after {background-position: 0 0;opacity: 1;} #sidelinks ul li:before,#sidelinks ul li:before{border: 1px solid #fff;position: absolute;top: -4px;left: -4px;content: "";width: 100%;height: 100%;border-right: 0px;padding: 3px 0 3px 3px;} #staff.staffR1 .staff-categoryStaffMember dt, #staff.staffR1 .staff-categoryStaffMember dd {font-family: 'Markazi Text', serif !important; font-size:21px !important} #alert-box {position:absolute !important; top:100px !important; margin-top:0 !important; width:600px;} #culmo {position:absolute; top:120px; left:-60px; z-index:99; width:520px;} #culmo1 { position:absolute; top:120px; left:-60px; z-index:99; width:288px;} #culmo2 { position:absolute; top:120px; left: 235px; z-index:99; width:311px;} a:hover #culmo1, a:hover #culmo2 { opacity: 0.9;} #livestream {position:absolute; top:160px; left:250px; width:635px;} .overlay-b { position: absolute; right: 250px; bottom: 450px; z-index: 99999; } .over-video { width: 250px; position: absolute; top: -480px; left: 405px; z-index: 991; } .over-video2 { width: 250px; position: absolute; top: -480px; left: 140px; z-index: 991; } .over-video3 { width: 250px; position: absolute; top: -480px; left: 670px; z-index: 991; }