/* imports and fonts imports */ @import url("/shared/960_12_10_10.css"); /* General */ html { height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { width: 100%; min-width: 960px; height: 100%; min-height: 100%; height: auto!important; text-align: center; margin: 0; padding: 0; font-size: 13px; line-height: 1.231; /*background: url('/pics/wrapper_index_bg.jpg') repeat; */ background:#e0e7ee;} 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; } .DB_mask {z-index: 9999 !important;;} /* Font styles */ body, #topnav li:hover ul li a, #topnav li.over ul li a, #address { font-family: "Arial", Helvetica, sans-serif; } #pageNav, #pageNav ul li a, #quicklinks a, #topnav li a, #motto { font-family: "PT Sans", 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; padding-bottom: 40px; /*background: url('/pics/wrapper_index_top_bg_2.jpg') top repeat-x;*/ background:url('/pics/dark_bg_gradient.jpg') top repeat-x; behavior: url('/shared/pie.htc');} .inside { width: 960px; margin: 0 auto; } #wrapper .content { background: url('/pics/index_wrapper_bg.jpg') repeat; width: 980px; } #wrapper .content .inside { width: 920px; padding: 20px; line-height: 20px; background: #fff;} .content { width: 980px; 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: 0;} .pageTitle { width: auto; display: block; height: 28px; padding: 54px 0 0 0; margin-bottom: 20px; font-size: 24px; color: #2c587d; position: relative; border-bottom: 1px solid #ff0000; font-family: 'Fjalla One', sans-serif;} /* Top */ #top { width: 960px; height: 30px; position: absolute; top: 0; left: 50%; margin-left: -480px; z-index: 10000;} #tabs { width: 380px; height: 30px; padding: 0; background: #; float: right; position: relative;} #search { position: absolute; right: -4px; bottom: 0; } #search form { margin: 0; } #search #search-field { width: 91px; height: 17px; border: none; padding: 2px; background: none; font-size: 12px; color: #00133e; background: #fff; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; behavior: url('/shared/pie.htc');} #search #search-img { vertical-align: top; margin-top: 0; position: relative; right: 4px;} .ie6 #search #search-img, .ie7 #search #search-img { margin-top: 0; } #googleTranslate { opacity:0; filter: alpha(opacity = 0); width:95px!important; height: 21px;} #preGoogle { position: absolute; right: 122px; bottom: 0; height: 21px!important; width: 95px; display:block; overflow:hidden; background:url('/pics/translate.png') no-repeat top left; border:0;} #login { width: 45px; height: 21px; background: #7995ad; margin: 0 auto; position: absolute; right: 120px; bottom: 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; behavior: url('/shared/pie.htc');} #login:hover {border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;} #login:hover #form {border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px;} #login #click { width: 45px; height: 18px; padding-top: 3px; color: #fff; font-size: 12px; text-align: center; display: block; position: relative; z-index: 1; text-decoration: none; } #login #form { display: none; padding: 0 10px 10px ; z-index: 9999; position: absolute; background: #7995ad; color: #fff;} #login #form a { color: #fff; } #email-container {color: #fff;} #password-container {color: #fff;} #sign-in a {color: #fff;} #create {position: absolute; color: #fff; font-size: 12px; bottom: 4px; left: 53px; text-decoration: none;} #create span {text-decoration: underline} /* Header */ #header {height: 200px; position: relative; top: 0; z-index: 9999; /*background: url('/pics/header_lbg_2.jpg') center top no-repeat;*/ background:url('/pics/header_bg_new_sm.png') center top no-repeat; } #header .inside { position: relative; } #header-name { position: absolute; text-decoration: none; width: 290px; padding-top: 155px; left: 0; top: 13px; background: url('/pics/header_name_new.png') no-repeat; color: #fff; font-size: 20px; text-transform: uppercase; text-align: center; text-shadow: 1px 1px #132e4e; -moz-text-shadow: 1px 1px #132e4e; -webkit-text-shadow: 1px 1px #132e4e; font-family: 'Fjalla One', sans-serif; font-weight: normal;} #header .logo { width: 177px; height: 37px; background: url('/pics/header_logo.png') no-repeat; position: absolute; top: 3px; left: 0; z-index: 400; } #motto { position: absolute; right: 40px; top: 75px; color: #fff; font-size: 24px; text-align: center; text-shadow: 1px 1px #132e4e; -moz-text-shadow: 1px 1px #132e4e; -webkit-text-shadow: 1px 1px #132e4e; font-family: 'Fjalla One', sans-serif; line-height: 31px;} #motto span {color: #50b847;} #motto2 { color: #FFFFFF; font-family: 'Fjalla One',sans-serif; font-size: 16px; line-height: 20px; position: absolute; right: 67px; text-align: center; text-shadow: 1px 1px #132E4E; top: 52px;} #motto2 span {color: #50b847;} #principal-name {position: absolute; color: #fff; font-size: 16px; text-align: center; text-shadow: 1px 1px #132e4e; -moz-text-shadow: 1px 1px #132e4e; -webkit-text-shadow: 1px 1px #132e4e; font-family: 'Fjalla One', sans-serif; top: 219px; text-decoration: none; right: 45px;} #principal-name:hover {text-decoration: underline; } /* Navigation menu */ #menu { width: 960px; height: 43px; z-index: 10; background: #fff; position: relative; top: 243px; } #menu h2 { width: 0; height: 0; } #topnav { list-style: none; margin: 200px 0 0 0; padding: 0; position: absolute; z-index: 9999; background-color:#fff; width:960px; height: 44px; border-top: 3px solid #57C40F; border-bottom: 3px solid #57C40F;} #topnav li { list-style: none; display: inline; float: left; position: relative; z-index: 9999; padding: 0; } #topnav li a { white-space: nowrap; width: 0; height: 5px; display: block; text-align: center; padding: 10px 22px; font-size: 22px; text-decoration: none; color: #00133e; font-family: 'Fjalla One', sans-serif; text-transform: uppercase; position: relative;letter-spacing:-1px;} #topnav > li a { width: auto; white-space: normal; } #topnav li:hover a, #topnav li.over a { color: #fff; background: #2c587d; height:25px; behavior: url('/shared/pie.htc');} .ie7 #topnav li .raised {top: -34px;} #topnav li .raised{position: relative; width: 12px; height: 8px; top: -30px; display: inline-block;} #topnav li .left {left: -12px; } #topnav li .right{right: -12px; } #topnav li:hover .left {background: url('/pics/hover_left.png') no-repeat; width: 12px; height: 8px;} #topnav li:hover .right {background: url('/pics/hover_right.png') no-repeat; width: 12px; height: 8px;} .ie7 #topnav li .right {padding-right: 12px;} /* Drop down items */ #topnav ul, #topnav li:hover ul ul, #topnav li.over ul ul, #topnav li:hover ul ul ul, #topnav li.over ul ul ul, #topnav li:hover ul ul ul ul, #topnav 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;} #topnav ul li { margin: 0; left: auto; } #topnav li:hover ul, #topnav li.over ul { left: auto; top: auto; background: none; margin-top: -3px;} #topnav ul li:hover ul, #topnav ul li.over ul, #topnav ul ul li:hover ul, #topnav ul ul li.over ul, #topnav ul ul ul li:hover ul, #topnav ul ul ul li.over ul { position: absolute; top: 0; left: 100%; } /* Drop down items colors and formatting */ #topnav li:hover ul li a, #topnav li.over ul li a { line-height: 16pt; text-align: left; text-decoration: none; padding: 6px 8px; height: auto; width: 176px;font-size: 13px; letter-spacing: normal; white-space: normal; text-transform: none; text-shadow: none; font-variant: normal;} #topnav li:hover ul li a, #topnav li.over ul li a, #topnav li ul li:hover ul a, #topnav li ul li.over ul a, #topnav li ul li ul li:hover ul a, #topnav li ul li ul li.over ul a, #topnav li ul li ul li ul li:hover ul a, #topnav li ul li ul li ul li.over ul a { color: #fff; background: #2c587d; border-radius: 0 !important;; } #topnav li ul li a:hover, #topnav li ul li:hover a, #topnav li ul li.over a, #topnav li ul li:hover ul a:hover, #topnav li ul li.over ul a:hover, #topnav li ul li ul li:hover a, #topnav li ul li ul li.over a, #topnav li ul li ul li:hover ul a:hover, #topnav li ul li ul li.over ul a:hover, #topnav li ul li ul li ul li:hover a, #topnav li ul li ul li ul li.over a, #topnav li ul li ul li ul li:hover ul a:hover, #topnav li ul li ul li ul li.over ul a:hover { color: #fff; background: #00133e; border-radius: 0 !important; } #topnav li a bdi:after, #topnav li a li a bdi:after, #topnav li a li a li a bdi:after{ content: " \2192";} /* Index properties */ #index-wrapper { background: url('/pics/index_wrapper_bg.jpg') repeat; width: 980px; margin: 0 auto; left: -10px; position: relative; } #index-top, #columns { width: 960px; position: relative; margin: 0 auto; } #columns { width: 960px; padding: 0 0 0 0; margin-bottom: 0; position: relative; } #left-column { margin-left: 0; width: 250px; margin-right: 10px; min-height: 400px; height: 400px; height: auto !important;} #center-column { margin-left: 10px; width: 420px; margin-right: 10px; } #right-column { margin-left: 10px; width: 250px; margin-right: 0; float: right;} #index-top { margin: 0 auto 0; height: 365px; margin-bottom:60px; } #slideshow_New { /*background: #fff;*/ background:url('/pics/Slam_rimg_bg.jpg') repeat-x; /*width:687px; height:356px;*/ width:687px; height:356px; float:left; margin-top: 34px;} .ir4069-duplicateRotatorDiv {/*padding:18px;*/ padding:0;} #Link_New { width: 273px; height: 356px; background-color: green; float: left;background: url(/pics/SlamBG_3.png) center top no-repeat; margin-top: 34px;} #Link_New a { height: 20px; width:200px; text-decoration: none; padding: 10px 0 10px 24px; margin: 0; display: block; color: #fff; font-family: 'Fjalla One', sans-serif; font-size: 19px; text-align: left; position: relative; z-index: 0; border-bottom: #ccc 1px solid; text-shadow: 1px 1px 2px #000; background: url(/pics/qlink_arrow_1.png) center left no-repeat; } #Link_New .last_link {border-bottom: #fff 0px inset !important;} #Link_New ul {margin-left: -16px; margin-top: -5px;} #Link_New a:hover {padding-left:30px; } #Link_New li { list-style: none;} /* quicklinks */ #quicklinks h2 { width: 0; height: 0; } #quicklinks { background: #; padding-bottom: 0; z-index: 400; width: 175px; top: 40px; right: -13px; position: absolute;} #quicklinks ul { padding: 0; margin: 0; } #quicklinks li { padding: 0; margin-bottom: 5px; list-style: none; position: relative; } #quicklinks a { height: 20px; text-decoration: none; padding: 20px 0 3px 25px; margin: 0; display: block; color: #fff; font-size: 16px; text-align: left; position: relative; z-index: 0; background: url('/pics/qlink_sprite.png') no-repeat; font-family: 'Fjalla One', sans-serif; font-weight: normal;} #quicklinks a:hover {background-position: -175px 0;} /* Spotlight */ #spotlight603wrapper { margin-bottom: 20px; position: relative; z-index: 300; background: #fff; box-shadow: 0 0 3px #a8b8c4; -moz-box-shadow: 0 0 3px #a8b8c4; -webkit-box-shadow: 0 0 3px #a8b8c4; behavior: url('/shared/pie.htc'); } #spotlight603wrapper h2 a {width: auto;height: 31px; font-size: 20px; text-decoration: none; font-weight: normal; margin: 0; padding: 15px 0 0 0; text-align: center; color: #fff; display: block; background: url('/pics/section_header.gif') repeat-x; font-family: 'Fjalla One', sans-serif; left: -7px; position: relative; background: url('/pics/outer_column_section_title.png') no-repeat; width: 264px;} #spotlight603wrapper div#spotlight603 {margin: 0 auto; padding: 20px 0 0;} #spotlight603wrapper div#spotlight603 a {text-decoration: none; position: relative;} #spotlight603wrapper div#spotlight603 div.imgWrapper {padding: 0; box-shadow: none; margin-bottom: -10px;} #spotlight603wrapper div#spotlight603 h3 {background: url('/pics/module_bg.png') repeat; width: 210px; height: 23px; margin: 0 auto; position: relative; bottom: 20px; left: 0; color: #fff; text-align: center; font-size: 14px; padding-top: 7px;} #spotlight2102wrapper { margin-bottom: 0; position: relative; z-index: 300; background: #fff; box-shadow: 0 0 3px #a8b8c4; -moz-box-shadow: 0 0 3px #a8b8c4; -webkit-box-shadow: 0 0 3px #a8b8c4; behavior: url('/shared/pie.htc'); } #spotlight2102wrapper h2 a {width: auto;height: 31px; font-size: 20px; text-decoration: none; font-weight: normal; margin: 0; padding: 15px 0 0 0; text-align: center; color: #fff; display: block; background: url('/pics/section_header.gif') repeat-x; font-family: 'Fjalla One', sans-serif; left: -7px; position: relative; background: url('/pics/outer_column_section_title.png') no-repeat; width: 264px;} #spotlight2102wrapper div#spotlight2102 {margin: 0 auto; padding: 20px 0 0;} #spotlight2102wrapper div#spotlight2102 a {text-decoration: none; position: relative;} #spotlight2102wrapper div#spotlight2102 div.imgWrapper {padding: 0; box-shadow: none; margin-bottom: -10px; position:relative; top:-10px;} /*#spotlight2102wrapper div#spotlight2102 h3 {background: url('/pics/module_bg.png') repeat; width: 210px; height: 23px; margin: 0 auto; position: relative; bottom: 20px; left: 0; color: #fff; text-align: center; font-size: 14px; padding-top: 7px;} */ /* Featured Album */ #columns .HPFeaturedAlbums { margin-bottom: 20px; position: relative; z-index: 300; background: #fff; box-shadow: 0 0 3px #a8b8c4; -moz-box-shadow: 0 0 3px #a8b8c4; -webkit-box-shadow: 0 0 3px #a8b8c4; behavior: url('/shared/pie.htc'); } #spotlight603wrapper h2 a {width: auto;height: 31px; font-size: 20px; text-decoration: none; font-weight: normal; margin: 0; padding: 15px 0 0 0; text-align: center; color: #fff; display: block; background: url('/pics/section_header.gif') repeat-x; font-family: 'Fjalla One', sans-serif; left: -7px; position: relative; background: url('/pics/outer_column_section_title.png') no-repeat; width: 264px;} /* #columns .HPFeaturedAlbums h2 {width: auto;height: 31px; font-size: 20px; text-decoration: none; font-weight: normal; margin: 0; padding: 15px 0 0 0; text-align: center; color: #fff; display: block; background: url('/pics/section_header.gif') repeat-x; font-family: 'Fjalla One', sans-serif; left: -7px; position: relative; background: url('/pics/outer_column_section_title.png') no-repeat; } */ #columns .HPFeaturedAlbums h2 { height: 31px; font-size: 20px; text-decoration: none; font-weight: normal; margin: 0; padding: 15px 0 0 0; text-align: center; color: #fff; display: block; font-family: 'Fjalla One', sans-serif; left: -7px; position: relative; background: url('/pics/outer_column_section_title.png') no-repeat!important; width: 264px;} #columns .featuredAlbums {padding: 20px 0 1px 0;} #columns .featuredAlbums ul {margin-top: 0;} #columns .HPFeaturedAlbums li {margin-bottom: 20px; border: 0; box-shadow: none; filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false), progid:DXImageTransform.Microsoft.Shadow(enabled=false), progid:DXImageTransform.Microsoft.Shadow(enabled=false), progid:DXImageTransform.Microsoft.Shadow(enabled=false); -ms-filter: ""; } #columns .HPFeaturedAlbums li h3 {background: url('/pics/module_bg.png') repeat; height: 30px; font-weight: bold; text-shadow: none; text-align: center;} #columns .HPFeaturedAlbums li h3 span {font-size: 14px;} /* Countdown */ #counter {background: #50b847; box-shadow: none; border-bottom: 2px solid #287122; height: 180px;} #overlap { background: url('/pics/counter_overlap.jpg') no-repeat; background: url('/pics/grey_overlap.jpg') no-repeat; width: 282px;height: 12px; position: absolute; top: 259px; left: -15px; z-index: 600; display:none; } #wrapper #overlap {display: none;} #enCountdownDiv {font-family: 'Fjalla One', sans-serif;width: 212px; color: #fff; position: relative; padding: 12px 0 0 0; margin: 0 auto; font-size:15px;} #enCountdownDiv b {position: relative;display: block; font-size: 18px; text-shadow: 1px 1px #287122; text-transform: uppercase; text-align: center; font-weight: normal; margin-bottom: 6px; } #countTop {height: 34px;} #countTop .number {background: #287122; padding: 3px 0 0 0; font-size: 24px; color: #fff; width: 35px; height: 31px; text-align: center; position: relative; display: inline-block; z-index: 300; border-radius: 5px; float: left; behavior: url('/shared/pie.htc');} .ie7 #countTop .number {behavior: none !important;} #countTop .colon { width: 24px; height: 34px; background: url('/pics/countdown_colon.gif') no-repeat; display: inline-block; float:left;} #countMiddle .days {position: relative; display: inline-block; width: 34px; margin-right: 24px; text-align: center; font-size: 14px; text-transform: uppercase; text-shadow: 1px 1px #287122; padding-top: 8px;} #countMiddle #d-4 {margin-right: 0;} #countMiddle #d-2 {margin-right: 20px;} /* Homepage Sections */ section { margin-bottom: 18px; position: relative; z-index: 300; background: #fff; box-shadow: 0 0 3px #a8b8c4; -moz-box-shadow: 0 0 3px #a8b8c4; -webkit-box-shadow: 0 0 3px #a8b8c4; behavior: url('/shared/pie.htc'); } #title1 {padding-bottom:0px!important;} /* Homepage Section Headers */ #wrapper-index .content section h2 { } #wrapper-index .content section h2 a { width: auto;height: 31px; font-size: 20px; text-decoration: none; font-weight: normal; margin: 0; padding: 15px 0 0 0; text-align: center; color: #fff; display: block; background: url('/pics/section_header.gif') repeat-x; font-family: 'Fjalla One', sans-serif; left: -7px; position: relative} #wrapper-index .content #left-column section h2 a , #wrapper-index .content #right-column section h2 a {background: url('/pics/outer_column_section_title.png') no-repeat; width: 264px; } #wrapper-index .content #center-column section h2 a{background: url('/pics/center_column_section_title.png') no-repeat; width: 434px;} /* Homepage Sections Containers */ .container {position: relative; margin-top: 0; padding: 20px; } #news .container, #events .container, .HPVideo .videowrapper { padding: 10px 20px;} /* Homepage Section Table Includes */ #wrapper-index .content table { width: 100%; padding: 0; margin: 0; } /* Other homepage section extras */ .dark {background-color: #04183f !important; color: #fff !important;} .light {background-color: #fdfafa !important; } .dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {color: #fff !important;} img.sub {border: none;} img.enlarge {display: none;} #wrapper img.sub {margin-left: 15px;} #wrapper-index .content table { color: #393939; font-size: 13px; } #wrapper-index .content section table a { color: #2c587d; text-decoration: none; font-weight: 700; font-size: 14px; } #wrapper-index .content table #l { display: none; } #wrapper-index .content table #r { border-bottom: 1px solid #e8edf1; padding: 10px 0 10px 0; } #wrapper-index .content table #r b a { display: block; margin-top: 5px; text-decoration: none; font-family: 'Fjalla One', sans-serif; font-weight: normal; color: #fff; display: inline-block; background: #2c587d; position: relative; z-index: 300; font-size: 14px; background: #2c587d; padding: 10px; border-radius: 4px; -moz-border-radius: 4px;-webkit-border-raidus: 4px; behavior: url('/shared/pie.htc');} .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; } /* Image shuffles */ #slideshow { width: 690px; height: 347px; position: relative; float: right; display: inline; background: #fff; margin: 0 0 20px 0; padding-top: 15px; box-shadow: 0 0 3px #a8b8c4; -moz-box-shadow: 0 0 3px #a8b8c4; -webkit-box-shadow: 0 0 3px #a8b8c4; behavior: url('/shared/pie.htc');} #ir1944 {width: 650px; height: 320px; position: relative; margin: 6px 20px 20px 20px;} /* 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%; } /* Page navigation */ #pageNav { background-color:#CDD7E1;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius:4px; border: 0; font-size: 14px; position: relative; margin-left: 20px; right: -31px; width: 250px;} #pageNav ul, #pageNav ul li { list-style: none; line-height: 16px; } #pageNav ul { padding: 0 0!important; margin: 0 0 0 -12px!important; width: 254px; height: auto!important; } /*#pageNav ul li { padding: 13px 0 0!important; margin: 0 0 0!important; zoom: 1; background: url('/pics/pagenav_active_li_turn_right.png') top right no-repeat;}*/ #pageNav ul li { padding: 13px 0 0!important; margin: 0 0 0!important; zoom: 1; /* important for IE6 */ background: url('/pics/pagenav_active_li_turn_left.png') top left no-repeat;} #pageNav td img { display: none; } #pageNav ul li a, #pageNav ul li b { font-family: 'Fjalla One', sans-serif; height: auto; min-height: 20px;text-decoration: none; padding: 7px 40px 3px 25px; margin: 0; display: block; font-size: 15px; text-align: left; position: relative; z-index: 0; border-radius: 0 4px 4px 10px; -moz-border-radius: 0 4px 4px 10px; -webkit-border-radius: 0 4px 4px 10px;behavior: url('/shared/pie.htc'); } #pageNav ul li b,#pageNav ul li a:hover { background: url('/pics/pagenav_arrow.png') center left no-repeat #26365b; color: #fff; font-weight: normal;} #pageNav ul li a { text-decoration: none; color: #fff; background: url('/pics/pagenav_arrow.png') center left no-repeat #2c587d; } #STAFF_MULTI_PAGE_W_ASIDE.staffPageContactInfo #pageAsideWrapper ul li#staffNavContactWrapper .staffContactWrapper {margin-left:19px!important;} #STAFF_MULTI_PAGE_W_ASIDE.staffPageRoundPhoto #pageAsideWrapper .staffOverviewWrapper { margin-left:16px!important; } /* Footer */ #footer { width: 980px; margin: 0 auto; height: 108px; position: relative; bottom: 0; text-align: left; background: url('/pics/index_wrapper_bg.jpg') repeat; } #footer .inside { height: 90px; margin-top: 0; position: relative; background: #fff; border-top: 5px solid #7c97ae; border-bottom: 5px solid #7c97ae; } #district-name {position: absolute; width: 314px; border-bottom: 1px solid #7c97ae; height: 22px; font-size: 14px; color: #2c587d; top: 15px; left: 197px; text-align: center;} #footer #name { position: absolute; width: 131px; height: 77px; left: 22px; top: 7px; background: url('/pics/footer_name.png') no-repeat; } #district-logo { width: 298px; height: 62px; background: url('/pics/district_logo.png') no-repeat center center; position: absolute; right: 18px; top: 14px; } #address-left { color: #2c587d; padding: 0 0 0 0; margin: 0; font-size: 12px; line-height: 18px; position: absolute; left: 197px; top: 44px; } #address-right { color: #2c587d; padding: 0 0 0 0; margin: 0; font-size: 12px; line-height: 18px; position: absolute; left: 350px; top: 44px; } #edunet { width: 186px; height: 24px; background: url('/pics/edunet.png') no-repeat; position: absolute; left: 385px; top: 113px; } .MsoNormalTable, .MsoNormal {display: none !important; border: 0; color: transparent; height: 0; width: 0; background: none;} #washington { background: none repeat scroll 0 0 #50B847; border-bottom: 2px solid #287122; box-shadow: none; height: 100px; } #washington a {position: relative;display: block; font-size: 18px; text-shadow: 1px 1px #287122; text-transform: uppercase; text-align: center; font-weight: normal; margin-bottom: 6px; font-family:'Fjalla One',sans-serif; text-decoration:none; color:white;} #washington a { color: #FFFFFF; display: block; font-family: 'Fjalla One',sans-serif; font-size: 18px; font-weight: normal; margin-bottom: 6px; position: relative; text-align: center; text-decoration: none; text-shadow: 1px 1px #287122; text-transform: uppercase; padding-top: 2px; } #washington a:hover { text-decoration: underline; } #washington a span { font-size: 28px; } .summerCamp { text-align:center; z-index:999; padding:0; position:relative; top:-15px; height:23px; font-size:20px; font-family: 'Fjalla One',sans-serif; } .summerCamp a {text-decoration:none; color:#1e4570 !important;} /* athletic calendars*/ .ath_cal {width:300px; height: 50px; color:#FFF !important; background:#2B5882; border-radius:10px; font-family: 'Fjalla One',sans-serif; font-size:24px; text-decoration:none; float:left; margin:0 60px 20px; line-height: 26px; padding: 10px 20px;} .ath_cal:hover {text-decoration:underline;} #quicklinks .red {background:url('/pics/qlink_red.png');} .message-red {background:#fff;border-left:5px solid #ff0000;padding:5px 10px;margin-bottom:20px; font-size:12px;} .message-red a{color:#ff0000!important; text-decoration:none;} .message-red a:hover {text-decoration:underline;} /* Staff */ html body #staffNavOverviewWrapper,html body #staffNavContactWrapper {background: none !important; } html body #staffNavOverviewWrapper .staffOverviewWrapper dl,html body #staffNavOverviewWrapper .staffOverviewWrapper dt, html body #staffNavOverviewWrapper .staffOverviewWrapper dd, html body .staffEmail { color: #26365B !important; } #cadillac-championship {display:block; width:420px; height:375px; background: url('/pics/cadillac-championship.jpg') no-repeat; box-shadow: 0 0 3px #a8b8c4; margin-bottom:20px;} #spotlight3005wrapper a {text-decoration:none !important;} #spotlight3005wrapper {padding-bottom:1px !important;} #wrapper-index .content #fnews h2 a {background-image:none!important; color:#000;height:auto!important;padding:10px 20px 0;width:auto!important} #wrapper-index .content #fnews span.author {padding:0 20px;display:block; font-size:10px;} #wrapper-index .content #fnews p {padding:0 20px 20px;} #wrapper-index .content #fnews .fimage {background:url('/pics/IMG_1594.JPG') no-repeat top center;background-size:auto; height:250px;} #wrapper-index .content .flyer-sectns section h2 a {background: url('/pics/outer_column_section_title.png') no-repeat; width: 224px; } .flyer-sectns {width:700px; float: right; position:relative; left:5px; padding-top:0px; margin-top:-1px;} #flyer {width:220px !important; height:225px; float: left; margin: 0 5px;} #flyer .container, {text-align:center;} #flyer .container span a {text-decoration:none;} .flyer-sectns #flyer {margin-right:8px;} #summer-camp, #sports-summer-camp, #summer-camp h2 a, #sports-summer-camp h2 a, #summer-reading-right h2 a {width:215px !important; height:332px;} #sports-summer-camp {top:-352px; right:-238px;} #summer-reading-right {right:-35px; height:332px; width:215px; } #summer-reading-right img {display:block; margin:12px auto 0;} #summer-camp .container, #sports-summer-camp .container, #youth-bskt-clinic .container {text-align:center;} #summer-camp .container span a {text-decoration:none;} #video .HPVideo .videowrapper {margin:15px 0 0 0; padding:7px !important;} .TestingCountdown {margin-top:0px; text-align:center; border:0; width:250px; color: #2c587d; font-family:Arial,Verdana,sans-sarif; height:111px;} .TestingCountdown div {text-align:center; display:inline-block; margin:14px 0 0 0; color: #2c587d;font-family: Arial,Verdana,sans-sarif;} span.countdown_time {font-size:28px!important;} .TestingCountdown div {text-align:center;display:inline-block;} .TestingCountdown div.last {border:0 !important;} #newCounter, #newCounter2 { border:0 !important; margin:0 !important; background-image: url("/pics/2-white-crumpled.jpg"); width:200px;} countdown_day_title {padding-right:10px !important;} #join-now {margin:0 0 20px 0 !important;} .FS {font-size: 18px !important;} .NI {margin-top: -25px;margin-left: -10px;} .TestingCountdown h2 a { font-size: 17px !important; } #video .HPVideo .videowrapper { padding-left:0!important; padding-right:0!important; } #video-spot-1 h2 a { padding-top:16px!important; font-size:19px!important; } #video, #video-spot-1, #video-spot-2 {width:250px; margin:0 8px 18px 5px; height:230px !important; text-align:center;} #video-spot-2 iframe { margin-top:14px; } .videoTitle a {font-weight:bold; text-decoration:none;} #title1 img { display: block; margin:0 auto;} #edmodo-info, #athletics-packet { display:block; margin:0 auto; } #edmodo-info { background:url('/pics/edmodo-image.jpg') no-repeat; width:189px; height:60px; } #athletics-packet {background:url('/pics/athletics-image.jpg') no-repeat; width:157px; height:66px;} #edmodo-info:hover, #athletics-packet:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } #index-wrapper section img:hover { opacity: .7; } .flyer-sectns .container {position: relative; margin-top: 0; padding: 20px 0px; } #featured-album { display:block; height:300px; background:#ff0000; } .FB {position: absolute; z-index;99999; margin-left:560px; margin-top: 10px;} .IN {position: absolute; z-index;99999; margin-left:560px; margin-top: 50px;} .SEAL {position: absolute; margin-left: 830px; margin-top: 50px;}