/* imports and fonts imports */ @import url("/apps/js/polls/polls-pack.css"); /* General */ :root{ --clr-primary-old:#00274c; --clr-secondary-old:#ffcb02; --clr-primary:#008AC6; --clr-primary-dark:#0d57aa; --clr-secondary:#5C5E64; --clr-nav-hover-text: #fff; } 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-color: #001D37;background-color: var(--clr-primary);} 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: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Font styles */ body, #nav_items_0 li:hover ul li a, #nav_items_0 li.over ul li a, #address { font-family: "Arial", Helvetica, sans-serif; } #pageNav, #pageNav ul li a, #quicklinks a, #nav_items_0 li a, #motto { font-family: "Arial", Helvetica, sans-serif; } /* Site Styles */ #wrapper, #wrapper-index { position: relative; margin: 0 auto; width: 100%; min-width: 960px; height: 100%; min-height: 100%; height: auto!important; text-align: left;background: url('') no-repeat;} .inside { width: 100%; margin: 0 auto; } #wrapper .content { position: relative; margin: 0 auto; background: #fff;} #wrapper .content .inside { width: 1000px; padding: 20px; line-height: 20px; background: none;padding-top: 35px;padding-bottom: 30px;} .content { width: 100%; text-align: left; margin: 0 auto; padding: 0 0 0px 0;margin-top: -55px;} .content .inside { position: relative; min-height: 400px; height: auto!important; height: 400px; padding-bottom: ;} .pageTitle { width: auto; display: block; height: 50px; padding: 0px 0 0 0; margin-bottom: 20px; font-size: 32px; color: var(--clr-primary); position: relative; background: #fff;font-family: 'Frank Ruhl Libre', serif;font-weight: 500;line-height: 0.7;} #wrapper .content .inside, #wrapper .neutral, #wrapper table {font-family: 'Karla', sans-serif;font-size: 16px;font-weight: 400;line-height: 1.4;color: #696969;} /* Top */ #top { position: relative; position: relative; top: 0; background: var(--clr-primary); width: 100%; z-index: 10000;/*border-bottom: 2px solid #001d38;*/} #top #inner {position: relative; width: 1000px; height: 40px; margin: 0 auto; background: none;} #selector{position: relative;background: var(--clr-primary-dark) url('/pics/down_arrow.png') no-repeat right 14px top 17px;width: 165px;height: 40px;float:left;} #selector a:first-child {text-decoration: none} #selector h2{font-family: 'Karla', sans-serif;font-weight: 700;font-size: 17px;color: #fff;padding-left: 15px;height: 40px;line-height: 39px;} #selector ul {background: var(--clr-primary-dark); padding: 0; margin: 0; position:absolute; display: none;top: 37px;width: 210px;left:0;z-index: 100000;} #selector ul li{list-style: none;} #selector li a{text-decoration: none;font-family: 'Karla', sans-serif;font-size: 15px;font-weight: 400;display: block;padding: 9px 16px;color: #fff;transition: all ease 0.3s; -webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #selector li a:hover,#selector li a:focus {background: var(--clr-secondary);padding-left: 20px;padding-right: 12px;font-weight: 700;color: var(--clr-nav-hover-text);} #selector:hover ul,#selector:focus ul {display: block;} #selector:hover,#selector:focus{background: #001D38 url('/pics/down_arrow.png') no-repeat right 14px top 17px;-pie-background: url('/pics/down_arrow.png') no-repeat right 14px top 17px;behavior: url('/shared/pie.htc');background-color: var(--clr-primary-dark);} #tabs { width: 390px; height: 40px; padding: 0; background: none; float: right; position: relative;left: 1px;} #tabs .top-link{position: relative;float: left;text-decoration: none;outline: none !important;text-decoration: none;font-family: 'Karla', sans-serif;font-weight: 400;color: #fff;line-height: 30px;margin-left: 15px;margin-right: 14px;font-size: 15px;height: 30px;padding: 5px 0px;} #tabs .top-link:hover,#tabs .top-link:focus{color: var(--clr-secondary);} #tabs .top-link:after {content: '';position: absolute;left: 0;display: inline-block;height: 1em;width: 100%;border-bottom: 1px solid;margin-top: 12px;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0,1);transform: scale(0,1);} #tabs .top-link:hover:after,#tabs .top-link:focus:after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);} .ie8 #tabs .top-link:hover,.ie8 #tabs .top-link:focus{text-decoration: underline;} #googleTranslate { opacity:0; filter: alpha(opacity = 0); width:84px!important; height: 40px;cursor: pointer;} #preGoogle { position: relative; float:left;left: 0; bottom: 0; height: 40px!important; display:block; overflow:hidden; background:url('/pics/translate.png') no-repeat top 13px left; border:0;width: 84px;margin-left: 14.5px; -pie-background: url('/pics/translate.png') no-repeat top 13px left ;behavior: url('/shared/pie.htc');} #search {position: relative;float: left;height: 40px;width: 40px;background-color: var(--clr-primary-dark);margin-left: 16px;} #search form { margin: 0; } #search #search-field { width: 90px; height: 40px; border: 0px; padding: 0px 6px; background: none; font-size: 14px; color: #fff; background: var(--clr-primary-dark);font-family: 'Karla', sans-serif;font-weight: 400;position: absolute;top: 40px;right: 0;display: none;} #search #search-img { vertical-align: top;margin-top: 10px;margin-left: 10px;} .ie6 #search #search-img, .ie7 #search #search-img { margin-top: 1px; } #fb{position: relative;float: left;width: 40px;height: 40px;background:url('/pics/fb_icon.png') no-repeat left 15px center;background-color: #3b5998;color: #fff;-pie-background:url('/pics/fb_icon.png') no-repeat left 15px center;behavior: url('/shared/pie.htc');} #fb:hover:after{content: "";display: block;position: absolute;background: transparent;top: 0; bottom: 0; left: 0; right: 0;transition: .3s all;border: 3px solid #3b5998;-webkit-transition: .3s all;} #fb:hover:after{transition: .3s all;-webkit-transition: .3s all;} #fb:hover,#fb:focus{background-color: transparent;} #yt{position: relative;float: left;width: 40px;height: 40px;background:url('/pics/Youtube_icon__.png') no-repeat center;background-color: #3b5998;color: #fff;-pie-background:url('/pics/Youtube_icon__.png') no-repeat center;behavior: url('/shared/pie.htc');} #yt:hover:after{content: "";display: block;position: absolute;background: transparent;top: 0; bottom: 0; left: 0; right: 0;transition: .3s all;border: 3px solid #3b5998;-webkit-transition: .3s all;} #yt:hover:after{transition: .3s all;-webkit-transition: .3s all;} #yt:hover,#yt:focus{background-color: transparent;} /* Header Top */ #wrapper-index #header-top{display: none;} #wrapper #header-top{height: 98px;background-color: var(--clr-primary);width: 100%;position: relative;display: block;} #wrapper #header-inside{width: 1000px;margin: 0 auto;position: relative;height: 98px;} #wrapper #header-logo { background: url('/pics/inside_header_logo.png') no-repeat; background: url(/pics/header_logo_white_text.png) no-repeat center/contain; width: 186px; height: 160px; position: absolute; left: 429px; top: -42px; z-index: 10000; outline: none !important; color: #fff; } #wrapper #hdr-name{display:none;background: url('/pics/inside_header_name.png') no-repeat;width: 401px;height: 59px;left: 299px;top: 20px;position: absolute;outline: none !important;color: #fff;} /* Header */ #header { position: relative; top: 0; z-index: 9999; width: 100%; background: url('/pics/header_bg.png') repeat-x center top;background: var(--clr-primary);} #header .inside { position: relative; height: 53px;width: 0 auto;width: 1000px;} #wrapper #header .inside{height: 55px;} /* Navigation menu */ #menu { width: 1000px; height: 53px; z-index: 10; margin: 0 auto; background: ; position: relative; 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; width: 0; height: 18px; display: block; text-align: center; padding: 17px 5px 18px; font-size: 18px; letter-spacing: 0.3px; text-decoration: none; color: #fff; font-weight: 400;font-family: 'Oswald', sans-serif;outline: none !important;} #wrapper li.nav_items_0 a{padding: 18px 5px 19px} #nav_items_0 > li a { width: auto; white-space: normal; } #nav_items_0 li:hover a, #nav_items_0 li.over a,#nav_items_0 li:focus a{ color: var(--clr-nav-hover-text); background: var(--clr-secondary); } .ie8 #nav_items_0 li a{padding: 12px 37px 23px;} /* 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:focus ul ul ul,#nav_items_0 li:focus ul ul ul ul{ position: absolute; right: auto; left: -9999em; top: -9999em; z-index: 9999; width: 218px; 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: url('/pics/dropdown_bg.png') repeat; background: var(--clr-secondary );padding-top: 10px;padding-bottom: 10px;} #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, #nav_items_0 ul li:focus ul,#nav_items_0 ul ul li:focus ul, #nav_items_0 ul ul ul li:focus ul{ position: absolute; top: 0; left: 100%; } #nav_items_0 li.nav_item_last:hover ul { right: 0; } /* Drop down items colors and formatting */ #nav_items_0 li:hover ul li a, #nav_items_0 li.over ul li a,#nav_items_0 li:focus ul li a { line-height: 16pt; text-align: left; text-decoration: none; padding: 8px 21px; height: auto; width: 176px;font-size: 18px; letter-spacing: normal; white-space: normal; text-transform: none; text-shadow: none; font-variant: normal;font-family: 'Karla', sans-serif;} #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, #nav_items_0 li:focus ul li a,#nav_items_0 li ul li:focus ul a,#nav_items_0 li ul li ul li:focus ul a,#nav_items_0 li ul li ul li ul li:focus ul a{ color: var(--clr-nav-hover-text); background: none; } #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, #nav_items_0 li ul li a:focus, #nav_items_0 li ul li:focus 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: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:focus ul a:focus, #nav_items_0 li ul li ul li ul li.over ul a:focus { color: #fff; background: #23619b;letter-spacing: 0.3px;font-size: 19px;padding-left: 25px;padding-right: 17px;transition: all ease 0.3s; -webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} li.nav_items_0 { padding-right: 2px!important; background: none; } 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{ width: 1000px; position: relative; margin: 0 auto 0; height: 650px;background-color: #000;} /* Image shuffles */ #slideshow { width: 1000px; height: 530px; padding-top:55px;} .photo-overlay { position: absolute; left: 0; top: 0; height: 530px; width: 100%; z-index: 3; background: url('/pics/pattern_overlay.png') repeat; opacity: 0.7; } #index-top .logo { width: 150px; height: 133px; background: url('/pics/header_logo_color.png') no-repeat center/contain; position: absolute; top: 460px; z-index: 4; left: 77px; } #index-top #header-name { position: absolute; left: 178px; bottom: 82px; z-index: 3; background: url(/pics/header_name.png) no-repeat center/contain #0000006e; width: 660px; height: 103px; color: #fff; } #index-top .scroll-caption{color: #fff;margin: 0;font-weight: 400;font-family: 'Karla', sans-serif;text-align: center;font-size: 22px;position: relative;z-index: 3;bottom: -4px;background: url('/pics/prompt_arrow.png')no-repeat center bottom;padding-bottom: 30px; display: block;text-decoration: none;-pie-background: url('/pics/prompt_arrow.png')no-repeat center bottom;behavior: url('/shared/pie.htc');} /* Rows Wrapper */ #rows-wrapper,.rows{width: 100%;position: relative;} .row-inner{width: 1000px;margin: 0 auto;position: relative;} /* First Row */ #first-row{background:url('/pics/first_row_bg.jpg') repeat-x center top;min-height: 290px;background-color: #fff;} #first-row-inner{min-height: 246px;padding-top: 16.5px;left: -0.5px;position: relative;} #first-row-inner .slider-head {color: var(--clr-primary);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: 12px;} #first-row-inner .bx-wrapper .bx-viewport {box-shadow: none;border: 0;background: none;left: -4px !important;min-height: 186px !important;padding-left: 8px;padding-right: 8px;margin-top: -0.5px;padding-bottom: 16px;} #first-row-inner .bx-pager {display: none;} #first-row-inner .bx-wrapper .bx-controls-direction a {margin-top: -18px;width: 16px !important;height: 30px !important;} #first-row-inner .bx-wrapper .bx-prev {background: url('/pics/left_arrow.png') no-repeat !important;left: -22px;} #first-row-inner .bx-wrapper .bx-next {background: url('/pics/right_arrow.png') no-repeat !important;right: -30px;} .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: 5px;padding-left: 8px;} .slider a {width: 184px !important;margin-right: 20px !important;display:inline;min-height:186px !important;vertical-align:middle !important;float: left;overflow: hidden;box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.2);; -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.2);;text-decoration: none;border-top:4px solid #0d57aa;} .slider a:hover,.slider a:focus{border-color: var(--clr-secondary);} .bx-wrapper {left: -3.5px !important; margin: 0 auto !important;padding: 0;position: relative;} .slider span{min-height: 39.5px;background-color: var(--clr-primary);font-size: 18px;color: #fff;text-align: center;display: block;font-family: 'Karla', sans-serif;line-height: 1.05;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s; padding-top: 5.5px;padding-bottom: 5px;} .slider a:hover span,.slider a:focus span{min-height: 48.5px;background-color: #043d72;padding-top: 16.5px;letter-spacing: 0.3px;} .slider a:hover img,.slider a:focus img{margin-top: -20px;} /* Second Row */ #second-row{min-height:540px;background: linear-gradient(to right, #0d57aa 0%, #0d57aa 50%, #ffffff 50%, #ffffff 100%); background: -ms-linear-gradient(to right, #0d57aa 0%, #0d57aa 50%, #ffffff 50%, #ffffff 100%); -moz-background: -ms-linear-gradient(to right, #0d57aa 0%, #0d57aa 50%, #ffffff 50%, #ffffff 100%); -webkit-background: -ms-linear-gradient(to right, #0d57aa 0%, #0d57aa 50%, #ffffff 50%, #ffffff 100%); zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorStr=' #0d57aa ', endColorStr='#ffffff'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorStr=' #0d57aa ', endColorStr='#ffffff');background-color: #fff;} #second-row-wrap{min-height: 540px;background: url('/pics/second_row_wrap.jpg') no-repeat center top,url('/pics/second_row_wrap_repeat.jpg') repeat-y center bottom;} #second-row-inner{padding-top: 24px;padding-bottom: 20px;} /* News */ #news-section #news-head{font-size: 30px;color: #fff;outline: none !important;text-decoration: none;font-family: 'Frank Ruhl Libre', serif;font-weight: 500;display: block;padding-bottom: 7px;background-color: #0C57AA;width: 400px;} #second-row .homepage-news .bx-wrapper .bx-prev { background: url('/pics/leftArrow.png') center center no-repeat;left: 216.5px;-pie-background: url('/pics/leftArrow.png') center center no-repeat;behavior: url('/shared/pie.htc');} #second-row .homepage-news .bx-wrapper .bx-next {background: url('/pics/rightArrow.png') center center no-repeat;right: 209.5px;-pie-background: url('/pics/rightArrow.png') center center no-repeat;behavior: url('/shared/pie.htc');} #second-row .homepage-news .bx-wrapper .bx-controls-direction a {margin-top: 0 !important; top: 420px !important; width: 17px; height: 30px;color: #000 !important;} #second-row .homepage-news li {background: #fff; border: 0;} #second-row .homepage-news .news-wrap {padding:15px 20px 18px; margin: 0;min-height: 127px;} #second-row .homepage-news .news-text {font-family: 'Karla', sans-serif; color: #696969; font-size: 16px; font-weight: 400;line-height: 1.25;} #second-row .homepage-news .news-title a {font-size: 18px; color: #111111;font-family: 'Karla', sans-serif;font-weight: 700;outline: none !important;line-height: 1.23;} #second-row .homepage-news .news-title a:hover,#second-row .homepage-news .news-title a:focus{color: #0D57AA !important;letter-spacing: 0.4px;} #second-row .bx-viewport{left: 3.5px;} #news-section .layout-3 .news-title{margin: 0 0 1px !important;} #news-section #news-link{color: #fff;background-color: var(--clr-primary);text-transform: uppercase;text-decoration: none;outline: none !important;text-align: center;width: 150px;height: 35px;margin: 0 auto;display: block;line-height: 34px;font-size: 15.5px; position: absolute;font-family: 'Oswald', sans-serif;position: absolute;top: 525px;left: 245px;letter-spacing: 0.3px;font-weight: 400;z-index: 1;} #news-section #news-link::before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: var(--clr-secondary);-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform; transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;height: 35px;width: 150px;z-index: -1;} #news-section #news-link:hover::before,#news-section #news-link:focus::before {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);} #news-section #news-link:hover,#news-section #news-link:focus{color:var(--clr-nav-hover-text);letter-spacing: 1.5px;} .ie8 #news-section #news-link:hover,.ie8 #news-section #news-link:focus{background: var(--clr-secondary);} .HPFeaturedAlbums li {float:left;} .HPFeaturedAlbums h2 { padding-top: 49px !important; overflow: hidden !important; background: url(/pics/featured_albums_header.png) no-repeat !important; cursor: pointer !important; font-size: 30px !important; color: #fff !important; outline: none !important; text-decoration: none !important; font-family: 'Frank Ruhl Libre', serif !important; font-weight: 500 !important; display: block !important; padding-bottom: 7px !important; background-color: #0C57AA !important; width: 400px !important; height: 50px !important; } /* Second Row */ #left-column {margin-left: 0px; width: 640px; margin-right: 20px; position: relative; float: left; display: inline-block;} #right-column {margin-left: 20px; width: 320px; margin-right: 0px; position: relative; float: left; display: inline-block;} /* 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-size: 30px; text-decoration: none; font-weight: normal; margin: 0; padding: 0px 0 8px 1.5px; color: var(--clr-primary); display: block; background: none;outline: none !important; font-family: 'Frank Ruhl Libre', serif;font-weight: 500;} /* Homepage Sections Containers */ .container {position: relative; margin-top: 0; padding: 10px 0; background: #fff;} /* Events */ #events .container{padding-top: 12.5px;} #events #hp-events .v3 .dayInfoWrap {background: url('/pics/date_bg.png') no-repeat;width: 52px;height: 54px;padding: 0 !important;border-radius: 0px !important;margin-top: 1.5px;} #events #hp-events .v3 span.month {text-transform: uppercase;color: var(--clr-nav-hover-text);font-family: 'Karla', sans-serif;font-weight: 700;font-size: 13px;margin-top: 35px;letter-spacing: 0.3px;} #events #hp-events .v3 span.day {font-size: 24px;color: var(--clr-nav-hover-text);font-family: 'Frank Ruhl Libre', serif;font-weight: 400;margin-top: -40.5px;margin-left: -1px;} #events #hp-events .v3 ul {margin-left: 30px;margin-bottom: 23.5px;} #events #hp-events ul li.event div {color: #636b69;font-family: 'Karla', sans-serif;font-weight: 400;font-size: 16px;line-height: 1.07;} #events #hp-events ul li.event div a {outline: none !important;color: #111111;font-family: 'Karla', sans-serif;font-weight: 700;font-size: 16px;text-decoration: none;line-height: 1.3;} #events #hp-events ul li.event div a:hover,#events #hp-events ul li.event div a:focus{color: #0D57AA;letter-spacing: 0.4px;} #events #hp-events .hpeventlinks div a {} #events-page #events.v1 .event span.location {padding-left: 3px;padding-top: 1px;} #events-page #events .event .title a, #events-page #events.v1 .event span.location {float: left;} #events-page #events.v1 .dayeventwrap {padding-bottom: 15px;} #events .time span:first-child, #events .location span:first-child{/*display:none;*/} #events .location{letter-spacing: 0.3px;} #right-column .events-link {color: #fff !important;/*background-color: #9f9f9f;*/background-color:#757373;text-transform: uppercase;text-decoration: none;outline: none !important;text-align: center;width: 160px;height: 35px;margin: 0 auto;display: block;line-height: 34px;font-size: 15.5px;font-family: 'Oswald', sans-serif; letter-spacing: 0.3px;font-weight: 400;z-index: 1;float: left;margin-right: 10px;position: relative;} #showall{width: 150px !important;margin-right: 0px !important;} #right-column .events-link::before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: var(--clr-secondary);-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform; transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;height: 35px;width: 160px;z-index: -1;} #right-column #showall::before{width: 150px;} #right-column .events-link:hover::before,#right-column .events-link:focus::before {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);} #right-column .events-link:hover,#right-column .events-link:focus{color:var(--clr-nav-hover-text) !important;letter-spacing: 1.5px;} .ie8 #right-column .events-link:hover,.ie8 #right-column .events-link:focus{background: var(--clr-secondary);} /* Third Row */ #third-row{min-height: 200px;background: #e0e0e0;} #third-row-inner{left: 10px;} /* Buttons */ #buttons-section{height: 80px;margin-top: 20px;} #buttons{ margin: 0; padding: 0; right: 50%; position: relative; height: 80px; display: flex; } #buttons li{float: left;left: 50%;position: relative;border:2px solid #c9c9c9;width: 176px;height: 76px;float: left;display: inline;margin-right: 20px;} #buttons li a{text-decoration: none;outline: none !important;font-size: 16px;color: var(--clr-primary);font-family: 'Oswald', sans-serif;text-align: center;display: block;background-color: #fff;height: 46px;padding-top: 15px;padding-bottom: 15px;line-height: 1.15; padding-left: 5px;padding-right: 5px;font-weight: 400;} #link3:before{background: url('/pics/icon3.png') no-repeat;width: 80px;height: 80px;position: absolute;left: -5px;content: "";top: -1px;z-index: 2;} #link4{ background: url("/pics/icon4.png") center center / 90% no-repeat #FFF; /* width: 119px; height: 54px; position: absolute; left: 32px; content: ""; top: 11px;*/ } #link3{padding-left: 70px !important;} #buttons a::after{content: '';position: absolute;border: var(--clr-secondary) solid 2px;top: 4px;left: 4px;right: 4px;bottom: 4px;opacity: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: opacity;transition-property: opacity;} #buttons a:hover::after, #buttons a:focus::after,#buttons a:focus::after{opacity: 1;} li:hover{border-color: #001E38 !important;} #buttons li:hover a,#buttons li:focus a{letter-spacing: 0.3px;} #link6{background: url("/pics/Revised Image for Link.jpeg") no-repeat center/contain; } /* Bully Section */ #bully-section{width: 856px;min-height: 66px;background-color: #fff;border:2px solid #c9c9c9;margin-top: 10px;left: 60px;position: relative;} #bully-section .bully-head{margin: 0;color: var(--clr-primary);font-size: 19.5px;font-family: 'Oswald', sans-serif;font-weight: 400;text-align: center;padding-top: 12px;} #bully-section .bully-info{color: var(--clr-primary);font-size: 16px;font-family: 'Karla', sans-serif;font-weight: 400;text-align: center;padding-top: 3px;margin: 0;padding-left: 8px; padding-bottom: 10px;} #bully-section .bully-info a{line-height:18px;} #bully-section .bully-info a:hover,#bully-section .bully-info a:focus{color: #0D57AA;} .m_sp {padding: 0px 15px;} #bully-section .bully-info2{color: var(--clr-primary);font-size: 16px;font-family: 'Karla', sans-serif;font-weight: 400;text-align: center;padding-top: 3px;margin: 0; padding-bottom: 10px;} #bully-section .bully-info2 a{line-height:18px; padding-left: 8px;} #bully-section .bully-info2 a:hover,#bully-section .bully-info a:focus{color: #0D57AA;} /* Homepage Section Table Includes */ #wrapper-index .content table { width: 100%; padding: 0; margin: 0; } /* Other homepage section extras */ .dark {background-color: var(--clr-primary) !important; color: #fff !important;font-family: 'Karla', sans-serif !important;font-size: 16px !important;} .light {background-color: #fdfafa !important;font-family: 'Karla', sans-serif !important;font-size: 16px !important;font-weight: 400 !important;color: #696969 !important;} .dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {color: #fff !important;} .staff-category .light { font-family: 'Source Sans Pro', sans-serif !important; font-size: 15px !important; } #staff.staffR1 * {font-family: 'Source Sans Pro', sans-serif !important;} .staff-category .darkBorderBottom { width: 25%; } #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; } /* Quick Poll */ .HPQuickpoll h2 { display: none; } .HPQuickPoll .bar-color { background-color: #003270; } /* results bar color */ .HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only { margin: 0 auto; width: 70%; } /* Side Image */ img.sub {border: 0px;} #wrapper img.sub {margin-left: 20px;} /* Page navigation */ #pageNav { border: 0; font-size: 14px; position: relative; background: url('/pics/pagenav_bg.jpg') repeat-y center top; 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: 250px; height: auto!important; background: url('/pics/pagenav_bottom_v2.jpg') no-repeat right bottom;padding-bottom: 30px !important;} #pageNav ul li { padding: 0 0 1px!important; margin: 0 0 1px!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 8px 15px; margin: 0; display: block; font-size: 16px; text-align: left; position: relative; z-index: 0;font-family: 'Karla', sans-serif;font-weight: 700;line-height: 1.2; outline: none !important;} #pageNav ul li b,#pageNav ul li a:hover,#pageNav ul li a:focus { background:#0d57aa; color: #fff; } #pageNav ul li a { text-decoration: none; color: #111111; background:none; } /* Footer */ #footer { width: 100%; position: relative; bottom: 0; text-align: left; background: url('/pics/footer_bg.jpg') repeat-x center top; background: var(--clr-primary);} #footer .inside { height: 160px; margin-top: 0; position: relative;width: 1000px;margin: 0 auto;} #footer span { margin: 0 5px; } #logo { width: 177px; height: 104px; background: url('/pics/header_logo_white_text.png') no-repeat center/contain; position: absolute;left: -31px;top: 10px;outline: none !important;color: #fff;} #footer #name { position: absolute;top: 30px;left: 108px;background: url('/pics/footer_name.png') no-repeat;outline: none !important;width: 410px;height: 61px;color: #fff;} .address { color: #fff; padding: 8px 0 0 0; margin: 0; font-size: 16px; line-height: 21px; position: absolute; left: 556px; top: 30.5px;font-family: 'Karla', sans-serif;font-weight: 400;cursor: pointer;} #address-right{margin-left: 153px;} #edunet { width: 186px; height: 23px; background: url('/pics/edunet_white.png') no-repeat ; position: absolute;left: 408px;bottom: 9px;outline: none !important;color: #fff;} .store-icon{width: 130px;height: 41px;position: absolute;right: 1px;display: block;outline: none !important;top: 15px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;} #app-logo{background: url('/pics/app_store.png') no-repeat;color: #fff;} #google-play{background: url('/pics/google_play.png') no-repeat;margin-top: 49px;color: #fff;} .store-icon:hover,.app-store:focus{transform: scale(1.1);-webkit-transform: scale(1.1);} #tabs .selector:hover #stf, #tabs .selector:focus #stf { color: var(--clr-secondary); } .selector ul { background: #001D38; padding: 0; margin: 0; position: absolute; display: none; top: 40px; width: 210px; left: 0; z-index: 100000; } .selector:hover a{} .selector:hover ul, .selector:focus ul { display: block; } .selector ul li { list-style: none; } .selector li a { text-decoration: none; font-family: 'Karla', sans-serif; font-size: 15px; font-weight: 400; display: block; padding: 9px 16px; color: #fff; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; } .selector li a:hover, .selector li a:focus { background: var(--clr-secondary); padding-left: 20px; padding-right: 12px; font-weight: 700; color: var(--clr-primary); } .layout-3 .news-thumb img { display: block; width: 100%; height: auto; text-align: center; margin: 0 auto; } .layout-3 .news-thumb img { margin: auto !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; } .layout-3 .news-thumb { position: relative !important;} #third-row { min-height: 120px; background: #e0e0e0; } .bully-head2 { margin: 0; color: var(--clr-primary); font-size: 19.5px; font-family: 'Oswald', sans-serif; font-weight: 400; text-align: center; padding-top: 12px; } .bully-info2, .bully-info2_3, .bullyinfo2_3 a { color: var(--clr-primary); font-size: 16px; font-family: 'Karla', sans-serif; font-weight: 400; padding-top: 3px; margin: 0; padding-bottom: 10px; } #alert-box {background:#d60000; margin-top:0 !important; position:absolute; /*top:220px;*/ border:10px solid #9b0000;} .alert-box {border-radius:25px !important;top:5%!important;} .alert-box-body { height:65vh; overflow:auto;} .alert-box .alert-box-body div.contents, .alert-box .alert-box-body div.contents table { color:#fff !important; font-size:22px !important; line-height:28px !important;} #alert-box b {font-variant: small-caps; text-align:center !important; font-size:36px; display:block;} #alert-box a { color:#ffff00!important; text-decoration:underline; } #alert-box a:hover, #alert-box a:focus{ color:#fff!important; } .alert-box .alert-box-footer {display:none !important; color:#d60000; border-radius:0 0 25px 25px; !important;} .alert-box-header {height:75px !important; background:#d60000; border-bottom: none !important; border-radius:15px;} .alert-box-header h1 {font-size:0 !important; height:75px; background:url('/pics/alerticon.png') no-repeat center;} #events2 {background-color: #d9480f;} #events2 h2 a {color: #fff !important; padding:10px; font-size: 25px !important; text-align:center;} .en-hp-alert-box {height: 47% !important;} /*Marquee*/ .en-marquee-module { background: none; } .en-marquee-module.popup-bottom:hover .en-marquee-popup-wrapper { margin-top: -30px; z-index: 1; } p.en-marquee-module-content { font-family: 'Karla'; }