/* 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; min-width:1200px; background: #fff;} .all{ background:url(../pics/all_t.jpg) 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: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: 'Open Sans', sans-serif; } #pageNav, #pageNav ul li a, #quicklinks a, #nav_items_0 li a, #motto { font-family: 'Open Sans', sans-serif; } /* Site Styles */ #wrapper, #wrapper-index { position: relative; margin: 0 auto; width: 100%; min-width: 990px; height: 100%; min-height: 100%; height: auto!important; text-align: left;background: url('') no-repeat;} .inside { width: 100%; margin: 0 auto; } #wrapper .content { position: relative; margin: 0 auto; background: none;} #wrapper .content .inside { width: 990px; padding: 55px 0px 75px 0px; line-height: 20px; background: none; } #wrapper .content .inside, #wrapper .neutral, #wrapper table { font-family: 'Open Sans', sans-serif; font-weight:400; font-size:16px; color:#242424;} .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: 40px; padding: 0px 0 0 0px; margin-bottom: 20px; font-family: 'Lobster Two', cursive; font-weight:700; font-style:italic; font-size: 31px; color: #891416; position: relative; background:none} /* Top */ #top { position: relative; position: relative; top: 0; background: none; width: 100%; z-index: 10000;} #top #inner {position: relative; width: 990px; height: 31px; margin: 0 auto; background: none;} #tabs { position:absolute; margin-left:-2px; width: 990px; height: 30px; padding: 0; background:none; float: right;} #search { position:relative; float: right; margin-top:0px; margin-right: 0px; } #search form { margin: 0; } #search #search-field { width: 70px; height: 29px; padding-bottom:3px !important; background:none; padding-right:10px;font-size: 13px; color:#000; font-family: 'Open Sans', sans-serif; font-weight:600; text-transform: none; border:none; } #search #search-img { position:absolute; vertical-align: top; top: 9px; right:7px; text-indent:-9999px;} .ie6 #search #search-img, .ie7 #search #search-img { margin-top: 1px; } #googleTranslate { opacity:0; filter: alpha(opacity = 0); width:83px!important; height: 32px; cursor:pointer;} #preGoogle { position: relative; float:left; z-index:5; margin-left: 3px; top: 0px; width:83px; height: 32px!important; display:block; overflow:hidden; background:url('/pics/translate.png') no-repeat top left; border:0; } #login { width: 32px; margin: 0 auto; float:right; margin-right:1px;} #login #click { width: 32px; height: 32px; display: block; position: relative; z-index: 1; text-decoration: none; background:url(../pics/login.png) no-repeat center;} #login #form { right:0; display: none; padding: 0 10px 10px ; z-index: 0; position: absolute; background: #e4c100; } #marquee-new { width: 516px; height: 24px; top:185px; left:0px; position: absolute; background: none; } .mot{ font-family: 'Raleway', sans-serif; font-weight:600; font-size:18px; position:absolute; left:238px; top:5px;} .mot span{ padding-right:27px; color:#000; background:url(../pics/arr.png) no-repeat center right; margin-right:10px;} .mot b{font-weight:600; color:#891416;} /* Header */ #header { position: relative; top: 0.8px; z-index: 9999; width: 100%; background: url(../pics/header_bg.jpg) no-repeat center top; } #header .inside { width:990px; margin:auto; position: relative; height: 195px; background: none; } #header-name {position: absolute; left: 102px; top: 5px; background:url(../pics/name.png) no-repeat center; width:779px; height:111px; text-indent:-9999px;} .facebook{position:relative;float:left; background:url(../pics/f.png) no-repeat center; width:33px; height:32px; display:block;} .facebook:hover{ opacity:0.7;} .twitter{position:relative; float:left; background:url(../pics/t.png) no-repeat center; width:33px; height:32px; display:block;} .twitter:hover{ opacity:0.7;} .instagram{position:relative; float:left; background:url(../pics/i.png) no-repeat center; width:33px; height:32px; display:block;} .instagram:hover{ opacity:0.7;} /* Navigation menu */ #menu { width:100%; height: 39px; z-index: 10; margin: 0 auto; background: none; position: relative; top: 150px; } #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: 12px 4px; padding-bottom:11px; font-family: 'Raleway', sans-serif; font-size: 14px; letter-spacing: 0.3px; text-decoration: none; color: #352200; font-weight: 600; text-transform:uppercase;} #nav_items_0 > li a { width: auto; white-space: normal; } #nav_items_0 li:hover a, #nav_items_0 li.over a { background:#e4c100;} #nav_items_0 li.distance-ed a { background-color:#970208; color:#f1cf18; } #nav_items_0 li.distance-ed a:hover, #nav_items_0 li.distance-ed a:focus { background-color:#f1cf18; color:#970208; } /* 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 { 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 { left: auto; top: auto; background: none; } #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.over ul li a { line-height: 16pt; text-align: left; text-decoration: none; padding: 8px 12px; height: auto; width: 176px; font-family: 'Open Sans', sans-serif; font-weight:600; font-size: 16px; letter-spacing: normal; white-space: normal; text-transform: none; text-shadow: none; font-variant: normal;} #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: #343434; background: #e4c100; } #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: #fff; background: #9e030a; } li.nav_items_0 { padding-right: 2px!important; background: url('/pics/topnav_sep.gif') no-repeat right 11px; } nav#menu ul li span.nav_icon { display: none; } #nav_items_0 li a bdi:after, #nav_items_0 li a li a bdi:after, #nav_items_0 li a li a li a bdi:after{ content: " \2192";} /* Index properties */ #index-wrapper { } #index-top, #columns { width: 990px; position: relative;} #index-top { margin: 0 auto 0; height: 506px; background: none;} #columns { width: 100%; padding: 214px 0 50px 0; margin: 0; position: relative; background: url(../pics/columns_bg.jpg) no-repeat center top; } .center{ width:990px; 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: 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;} /* Image shuffles */ #slideshow { width:990px; height: 506px; background: none; float: left; display: inline-block; } .our{ background:url(../pics/our_bg.png) no-repeat center; width:100%; height:207px; position:relative; z-index:9; position:absolute; top:-40px;} .ou{ float:left; width:540px; padding-right:17px; padding-top:19px;} .ou h3{ font-family: 'Lobster Two', cursive; font-size:31px; font-weight:700; font-style:italic; color:#9f0a0a; line-height:0.8em;} .ou p{ margin:0; padding:0; margin-top:12px; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:italic; font-size:18px; color:#000; line-height:1.3em;} .links_bg{ background:url(../pics/links_bg.jpg) no-repeat center top; width:100%; min-height:350px; background-size:100% 100%;} #links{background:#9e030a url(../pics/bg_box.png) no-repeat center bottom; width:297px; border:7px solid rgba(137,20,22, .8);-webkit-background-clip: padding-box;background-clip: padding-box; margin-top:-27px; -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.6);-moz-box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.6);box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.6); z-index:9997; position:absolute; top:65px;} .coun{ float:left; width:431px; height:173px; /*background:url(../pics/coun_logo_smlr.png) no-repeat left bottom;*/ position:relative; left:73px; top:35px; font-size:13px;} .coun h3{font-family: 'Lobster Two', cursive; font-style:italic; font-size:27px; font-weight:700; color:#fff; text-align: right; width:100%; line-height:0.8em;letter-spacing:0.01em; margin: 0 0 0 0px;} .coun h3 b{ color:#e4c100;} .coun #fin{ position:absolute; width:300px; left:145px; top:133px; font-family: 'Lobster Two', cursive; font-style:italic; font-size:23px; font-weight:700; color:#fff;} .coun #enCountdownDiv{ margin-left:148px; padding-top:30px; margin-right:-22px; margin-top:21px; background:url(../pics/coun_1.png) no-repeat center top;} .coun #enCountdownDiv span{ margin-top:22px;} .coun #enCountdownDiv2{ margin-top:21px; padding-top:12px; margin-right:-22px; background:url(../pics/coun_2.png) no-repeat center top; } .coun #enCountdownDiv2 span{ margin-top:40px;} .coun #enCountdownDiv3{ margin-top:21px; padding-top:30px; margin-right:-22px; background:url(../pics/coun_1.png) no-repeat center top;} .coun #enCountdownDiv3 span{ margin-top:22px;} .coun #enCountdownDiv4{ margin-top:21px; padding-top:12px; margin-right:-22px; background:url(../pics/coun_2.png) no-repeat center top; } .coun #enCountdownDiv4 span{ margin-top:39px;} .coun div{ float:left; text-align:center; width:88px; font-family: 'Lobster Two', cursive; font-weight:700; font-size:26px; color:#000; line-height:0.8em; min-height:85px;} .coun div span{ font-size:22px; display:block; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px; color:#fff; line-height:1em;} .coun p {color:#fff; line-height: 15px;} .coun .counLogo {display:block; position:absolute; left:-70px; background:url(../pics/coun_logo_smlr.png) no-repeat; width:60px; height:53px; top:103px;} .middle{ width:100%; min-height:410px; padding-top:45px; padding-bottom:15px; background:url(../pics/middle_bg.jpg) no-repeat center top;} /* Homepage Sections */ section { margin-bottom: 10px; position: relative; } /* Homepage Section Headers */ #wrapper-index .content section h2 { } #wrapper-index .content section h2 a, #flex-news-wrapper h2 a{ width: auto;height: 27px; font-family: 'Lobster Two', cursive; font-size: 31px; text-decoration: none; font-style:italic; font-weight: 700; margin: 0; padding: 0px 0 0 0px; text-align:left; color: #891416; display: block; background: none; line-height:0.8em;} #wrapper-index .content #links h2 a {padding: 22px 0 0 15px; color:#e4c100;} /* Homepage Sections Containers */ .container {position: relative; margin-top: 0; padding: 10px 0; background: none;} #eventss .container {padding: 27px 0 10px 0;} #links .container{padding: 25px 0 20px 0;} #eventss{ float:left; width:290px; margin-left:20px;} /* Events */ .dayeventwrap{} #hp-events .v3 .dayInfoWrap{ padding:0px !important;} .dayInfoWrap { width:88px; height:63px; background: url(../pics/ev_bg.png) no-repeat center; color:#000; text-align:center; border-radius:0 !important; text-transform:uppercase; line-height:1.2em;} .dayInfoWrap .month{ font-family: 'Open Sans', sans-serif; font-weight:700; font-size:10px !important; margin-top:0px;} .dayInfoWrap .day{ font-size:30px; font-family: 'Lobster Two', cursive; font-weight:700;} .event{ padding-left:62px;} .event{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:14px !important; color: #343434; } .event label{font-weight: 400 !important;} .event .title a{font-weight: 600; color: #343434; font-size:17px !important; text-decoration: none; } .hpeventlinks a{ float:right; text-align:center; font-family: 'Open Sans', sans-serif; font-weight: 600 !important; font-size:13px; font-style:italic; color: #8c030a !important; text-decoration:none; background:url(../pics/sh.png) no-repeat center right; padding:2px 0; padding-right:20px;} .hpeventlinks a:hover{ color:#000 !important;} .hpeventlinks div:first-child a{ margin-left:13px; margin-right:93px;} #events-page .dayInfoWrap{ background:none; margin-top:0 !important;} .bx-viewport { height: 310px !important; } .homepage-news .bx-wrapper .bx-prev { background: url('/pics/prew.png') center center no-repeat !important; !important; width: 46px; height: 83px; left:-80px; } .homepage-news .bx-wrapper .bx-next { background: url('/pics/next.png') center center no-repeat !important; !important; width: 46px; height: 83px; right:-80px; } .homepage-news .bx-wrapper .bx-controls-direction a { margin-top: 0 !important; top: 115px !important; } .homepage-news li { background: none !important; border: 0; margin-top: 0px; width: 312px !important; min-height: 300px !important; border:none !important; } .homepage-news li:before { background: url('/pics/news_li_bg.png') no-repeat center top; position: absolute; top: 0; bottom: 0; right: 0; letter-spacing: 0; content: ""; height: 5px; width: 320px; } .homepage-news .news-wrap { padding: 20px 5px 0px 0px !important; margin: 0; min-height: 145px !important; background: none; border:none !important; } .homepage-news .news-text { font-family: 'Open Sans', sans-serif!important; color: #242424!important; font-size: 16px!important; font-weight: 400!important; line-height: 1.2em!important; } .homepage-news .news-title a { font-size: 18px !important; color: #9e030a !important; font-family: 'Open Sans', sans-serif; font-weight: 700; line-height: 1em; letter-spacing: 0.4px; } .homepage-news .news-title a:hover { color: #000 !important; } .homepage-news .news-thumb { margin-top: 0px; } .homepage-news .news-thumb img { } .homepage-news .news-title { padding-top:3px !important; } #KAWAIHONA-0-news{ padding:0px !important;} .show{ width:100%; text-align: right;} .show a{font-family: 'Open Sans', sans-serif; font-weight: 600 !important; font-size:13px; font-style:italic; color: #8c030a !important; text-decoration:none; background:url(../pics/sh.png) no-repeat center right; padding:2px 0; padding-right:20px;} .show a:hover{ color:#000 !important;} /* quicklinks */ #quicklinks h2 { width: 0; height: 0; } #quicklinks { background: #000; padding-bottom: 0; width: 250px; height: 300px; float: right; display: inline-block; } #quicklinks ul { padding: 0; margin: 0; } #quicklinks li { padding: 0; margin-top: 10px; list-style: none; position: relative; } #quicklinks a { height: 20px; text-decoration: none; padding: 5px 0 5px 15px; margin: 0; display: block; color: #fff; background: red; font-size: 16px; text-align: left; position: relative; z-index: 0;} #quicklinks a:hover { background: #e6cc00; color: #000; } /* Featured Photo Album */ #columns .HPFeaturedAlbums {margin-bottom: 10px; position: relative;} #columns .HPFeaturedAlbums h2 {width: auto;height: 27px; font-size: 17px; text-decoration: none; font-weight: normal; margin: 0; padding: 5px 0 0 11px; color: #fff; display: block; background: purple;} #columns .HPFeaturedAlbums .featuredAlbums {position: relative; margin-top: 0; padding: 10px 0 1px; background: #fff;} #columns .HPFeaturedAlbums ul {margin-top: 0;} #columns .HPFeaturedAlbums ul li {margin-bottom: 33px; margin-top:0px; background:#fff; padding:0px; border:none; box-shadow:none; filter:none; overflow:visible;} #columns .HPFeaturedAlbums ul li h3 { position:relative;background: none; padding-top:0px; margin: 0px auto; margin-top:0px; z-index:100; text-align:center; margin-bottom:10px;} #columns .HPFeaturedAlbums ul li h3 span {font-family:Arial; font-size:14px; font-weight:400;color:#000; text-shadow:none;} /* Featured Video */ .HPVideo {margin-bottom: 10px; position: relative; float:left; width:652px; margin-left:25px;} .HPVideo h2 a {width: auto;height: 27px; font-family: 'Lobster Two', cursive; font-size: 31px; text-decoration: none; font-style:italic; font-weight: 700; margin: 0; padding: 0px 0 0 0px; text-align:left; color: #891416; display: block; background: none; line-height:0.8em;} .HPVideo .videowrapper {position: relative; margin-top: 25px; padding: 7px; background: rgba(255,255,255,0.8); -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);} .HPVideo p {padding: 0; margin: 0;} .HPVideo p a {text-align: center; text-decoration: none; color:#000; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px; height: 25px; display: block; line-height: 25px;} /* Spotlight */ #spotlight1663wrapper {margin-bottom: 10px; position: relative;} #spotlight1663wrapper h2 a {width: auto;height: 27px; font-size: 17px; text-decoration: none; font-weight: normal; margin: 0; padding: 5px 0 0 11px; color: #fff; display: block; background: purple;} #spotlight1663wrapper #spotlight1663 {position: relative; margin: 0; padding: 10px 0 1px; background: #fff;} #spotlight1663wrapper #spotlight1663 a {text-decoration: none;} #spotlight1663wrapper div#spotlight1663 div.imgWrapper { width:279px; height:188px;overflow: hidden; background:none; box-shadow:none; border:none; padding:0px !important; margin-top:0px;} #spotlight1663wrapper div#spotlight1663 h3 {margin: 10px auto 8px auto; font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:14px;} /* Wotd of the Day */ #wotd b, #wotd br, #wotd small {display: none;} #wotd .container a {text-decoration: none; text-align: center; display: block; font-weight: bold;} /* Countdown */ #countdown #enCountdownDiv {} #countdown b {} /* Email List */ #email {position: relative; display: block; margin-bottom: 10px; background: green; height: 30px;} #email span {color: #fff; font-weight: bold;} /* Homepage Section Table Includes */ #wrapper-index .content table { width: 100%; padding: 0; margin: 0; } /* Other homepage section extras */ .dark {background-color: #9b030a !important; color: #fff !important; font-family: 'Open Sans', sans-serif!important; font-weight:400!important; font-size:16px!important;} .light {background-color: #fdfafa !important; font-family: 'Open Sans', sans-serif!important; font-weight:400!important; font-size:16px!important;} .dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {color: #fff !important;} #wrapper-index .content table { color: #000; } #wrapper-index .content section table a {font-family: 'Open Sans', sans-serif; font-size:16px; color: #fff; text-decoration: none; font-weight: 600; } #wrapper-index .content section table a:hover{ color:#e4c100;} #wrapper-index .content table #l { padding-top: 12px; padding-right:16px; padding-left:26px;} /* Put Display None if you want to hide bullet */ #wrapper-index .content table #r { padding: 11px 0 11px 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; } #showAll-hplinks #r b a{font-family: 'Open Sans', sans-serif; font-weight: 600 !important; font-size:13px!important; font-style:italic; color: #fff !important; text-decoration:none; background:url(../pics/links_arr-51.png) no-repeat center right; padding:2px 0; width:72px !important; margin-left:-32px; margin-top:10px;} #showAll-hplinks #r b a:hover{ color:#000 !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 {} #wrapper img.sub {margin-left: 20px; border:none;} /* Page navigation */ #pageNav { border: 0; font-size: 14px; position: relative; background:#9e030a url(../pics/bg_box.png) no-repeat center bottom;border:7px solid rgba(137,20,22, .8);-webkit-background-clip: padding-box;background-clip: padding-box; -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4); 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: 236px; height: auto!important; } #pageNav ul li { padding: 0 0 5px!important; margin: 0 0 0px!important; zoom: 1; /* important for IE6 */ } #pageNav td img { display: none; } #pageNav ul li a, #pageNav ul li b { min-height: 20px;text-decoration: none; padding: 10px 10px 8px 35px; margin: 0; display: block;font-family: 'Open Sans', sans-serif; font-weight:600; font-size: 17px; text-align: left; position: relative; z-index: 0; } #pageNav ul li b,#pageNav ul li a:hover { background: #e4c100; color: #000; } #pageNav ul li a { text-decoration: none; color: #fff; background: none; } /* Footer */ #footer { width: 100%; height: 200px; position: relative; bottom: 0; text-align: left; background: url(../pics/footer_bg.png) repeat-x; } #footer .inside { width:990px; height: 200px; margin-top: 0; position: relative; background: url(../pics/footer_bt.png) no-repeat center top; } #footer span { margin: 0 5px; } #footer #name { width:606px; height:98px; text-decoration: none; position: absolute; top: 53px; left: 193px; background:url(../pics/footer_name.png) no-repeat; text-indent:-9999px;} #footer #logo { width: 172px; height: 150px; background: url('/pics/footer_logo.png') no-repeat; position: absolute; left: 0px; top: 12px; } #district-logo { width: 142px; height: 142px; background: url('/pics/district.png') no-repeat; position: absolute; right: -6px; top: 15px; } #header #logo-tp { width: 172px; height: 150px; background: url('/pics/footer_logo.png') no-repeat; position: absolute; left: -60px; top: 1px; } #header #district-logo-tp { width: 142px; height: 142px; background: url('/pics/district.png') no-repeat; position: absolute; right: -36px; top: 5px; } #address-left{ color: #FFF; font-size: 15px; left: 222px; line-height: 18px; margin: 0; position: absolute; padding:1px 0px; top: 7px; padding-left:22px; font-family: 'Open Sans', sans-serif; font-weight:400; background:url(../pics/loc.png) no-repeat center left; } #address-right{ color: #FFF; font-size: 15px; left: 612px; line-height: 18px; margin: 0; position: absolute; padding:0px 0px; top: 9px; padding-left:28px; font-family: 'Open Sans', sans-serif; font-weight:400; background:url(../pics/cal.png) no-repeat center left; } #edunet { width: 194px; height: 27px; background: url('/pics/edu.png') no-repeat; position: absolute; left: 388px; top: 168px; } #equalopp {text-align:center; color:#fff; position:absolute; top:105px; width:100%; font-family: 'Raleway', sans-serif; font-size: 17px; } a#distance-learning-banner { position:relative; display:block; height:167px; width: 572px; margin:0 auto 40px; background-color:#000; } a#distance-learning-banner .bg-extra { position:absolute; height:167px; } a#distance-learning-banner .left-bg { left:-109px; width:110px; background:url('/pics/DISTANCE_LEARNING_BANNER_01.png') no-repeat; } a#distance-learning-banner .right-bg { right:-109px; width:109px; background:url('/pics/DISTANCE_LEARNING_BANNER_03.png') no-repeat; } a#distance-learning-banner .img-icon { position: absolute; left: 0; top: 20px; display:block; width:138px; height:131px; background:url('/pics/distance_learning_icon_06.png') no-repeat; } a#distance-learning-banner .banner-text { position: absolute; left: 175px; top: 19px; color:#ababab; font-size:42px; font-weight:bold; } a#distance-learning-banner .banner-text span { font-weight:normal; } a#distance-learning-banner:hover .banner-text, a#distance-learning-banner:focus { color:#fff; } a#distance-learning-banner:hover .banner-text span, a#distance-learning-banner:focus span { color:#e2c000; } #header-distance-learning { position: absolute; right: 128px; top: 4px; background-color: #e4c100; padding: 4px; font-weight:bold; text-decoration:none; } #header-distance-learning:hover, #header-distance-learning:focus { background-color: #000; color:#e4c100; } section#flex-news-wrapper { text-align:center; } section#flex-news-wrapper h2 { margin-bottom:20px; } section#flex-news-wrapper h2 a { display:inline-block!important; } .standout a {background:#E4C100;}