/*------------------------------------------------------------------------------------------------------ * * CSS Reset Stylesheet * -------------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; } body { line-height: 1; } ul { list-style: none; } blockquote { margin: 1em 20px; padding-left: 40px; background: transparent url(/images/icons/quote.gif) no-repeat; width: 450px;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* Remember to define focus style */ :focus { outline: 0; } /* Remember to highlight inserts */ ins { text-decoration: none; } del { text-decoration: line-through; } /* Tables need cellspacing='0' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* global */ html { height: 100%; } body { height: 100%; font:62.5%/1.6 helvetica, arial, sans-serif; margin:0; padding:0; background: #ffffff; color:#000000; text-align: left; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size: 11px; } /* some browsers don't inherit the font into tables or textareas! */ /*------------------------------------------------------------------------------------------------------ * * Default Stylesheet * -------------------------------------------------------------------------------------------------------*/ html { height: 100%; margin: 0; padding: 0; } body { height: 100%; font-family:Verdana, "Times New Roman", Times, serif; font-size: 0.70em; margin:0; padding:0; background: #FFFFFF; color: #455560; text-align: left; } body div.watermark { /*width: 900px;*/ margin-left:auto; margin-right:auto; } body.home div.watermark { background: none; } img { border: none; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size: 11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ * html { height: 100%; } #printHeader { display: none; } /* ----- CONTAINERS ----- */ div.inner-container { height:auto; width: 100%; margin: 0 auto; position: relative; } /* ----- H TAGS ----- */ h1,h2,h3,h4,h5,h6 { line-height: normal; color: #818285; font-weight: normal; margin-bottom: 10px; } h1 { font-size: 18pt; } h1.title { margin: 0; font-size: 14pt; } h2 { font-size: 16pt; } h3 { font-size: 1.3em; letter-spacing: 0.01em; } h4 { font-size: 11pt; } /* ----- HEADER ----- */ div#header-container { height: 270px; background:url(/images/structure/banner-background.png) repeat-x bottom; margin-bottom: 30px; } div.top-banner { background: url(/images/structure/banner-top.png) no-repeat bottom; top: 2px; left: -50px; height: 268px; width: 945px; position: absolute; z-index: 100; } div#logo a { background:url(/images/structure/logo.png) no-repeat; width: 237px; height: 97px; display: block; position: absolute; top: 6px; left: 620px; z-index: 150; } div#logo h1 { display: none; } div#intro { width: 600px; display: block; position: absolute; top: 150px; left: 255px; line-height: 1.3em; color: #FFFFFF; z-index: 200; } div#intro h2 { margin: 0 0 5px; color: #FFFFFF; } div#intro p { font-size: 0.90em; } /* ----- CONTENT ----- */ div#menu-container { width: 220px; margin-right: 35px; float: left; min-height: 450px; } div#site-search { padding: 0px 0px 25px 10px; } ul#treeversion>li>ul { display: none; } ul#treeversion>li.selected>ul { display: block; } .pages a { color: #58585A; text-decoration:none; font-size:11pt; font-family:"Times New Roman",Times,serif; margin-bottom: 10px; margin-top:10px; } /*.pages img { border-bottom:none; }*/ .pages td { padding-bottom:10px; padding-top:10px; margin-bottom:20px; } .selected { background-color:#EEEEEE; } .clickable { cursor:pointer; } .border { border-bottom:#CCCCCC solid 1px; } .pages tr{border-bottom:#CCCCCC solid 1px; } div#menu-container ul li a { padding: 10px 0px 0px 10px; display: block; text-decoration: none; } div#menu-container ul li a:link, div#menu-container ul li a:visited { color: #58585A; } div#menu-container ul li a:active, div#menu-container ul li a:hover { color: #D6DB4C; } div#menu-container ul li { border-bottom: #D9DADB solid 1px; } div#menu-container ul li.intranet-link { border-bottom: #D9DADB none 1px; } div#menu-container ul li.last { border-bottom: none; } div#content-container ol { padding-left:10px; padding-top:10px; } .hidden { display:none;} .visible { display:block; } .selected {display:block; } div#content-container { min-height: 294px;} div#content-container p.content { margin-bottom: 25px; } div#content-container ul { padding-left: 10px; list-style: disc; padding-top: 10px; } div#content-container ul li { } div#content-container ul.news-listing { padding-left: 0px; list-style: none; padding-top: 0px; } div#content-container ul.news-listing li { padding-bottom: 0px; } div#content-container p { padding-bottom: 14px; } div#content-container div.newsimage-right { float:right; margin-bottom:30px; margin-left:30px; width:300px; } div#content-container div.newsimage-right div { color: #333333; font-style:italic; font-size: 0.80em; } ul.search-results li.altrow { background: #EFEFEF; } ul.search-results li { padding: 10px; } ul.search-results li a:link, ul.search-results li a:visited, ul.search-results li a:hover, ul.search-results li a:active { color: #669900; } ul.search-results li p { font-size: 0.80em; } /*SPLASH PAGE STUFF*/ #central-banner { width:1900px; margin-left:auto; margin-right:auto; } #banner-image { height:20%; } #logo { width:300px; margin-left:auto; margin-right:auto; margin-top: 30px;} #text-background { width: 100%; margin-left:auto; margin-right:auto; height:226px; background-image:url(../images/banner.png); background-position:center; background-repeat:no-repeat; } #intro-text { color:#00817d; font-family:"Times New Roman", Times, serif; font-size:14px; width:600px; margin-left:auto; margin-right:auto; padding-top:70px; } #buttonscontainer { width:635px; margin-left:auto; margin-right:auto; } #familyservicesbutton { float:left; } #schoolbutton { float: right; } /* Gallery */ td.table-filler { padding: 10px; } table.photo-listing td { padding: 10px; text-align: center; vertical-align:top; } /* Home Page Boxes */ ul.homepage-boxes { background: #80B3B4; padding: 10px 10px 3px 10px; } ul.homepage-boxes li { display: inline; padding-right: 7px; } ul.homepage-boxes li.last { padding-right: 0px; } ul.homepage-boxes li img { width: 186px; } /* News Feed */ div.dotted-line { padding-top: 10px; margin-top: 13px; background: url(/images/structure/dots.png) repeat-x top; } div.split-70 { float: left; width: 400px; } div.split-30 { float: right; width: 185px; } h3.latest-news { color: #338586; } ul.news-listing li { clear: both; margin-bottom: 15px; } ul.news-listing img { margin-top: 8px; } ul.news-listing div.news-content { display: block; width: 313px; float: right; font-size: 0.80em; } ul.news-listing div.news-content h5 { font-weight: bold; margin: 0px; } ul.news-listing p a.readmore { display: block; } ul.news-listing a:link, ul.news-listing a:visited { text-decoration: none; color: #338586; } ul.news-listing a:active, ul.news-listing a:hover { text-decoration: underline; } /* ----- FOOTER ----- */ div#footer { display: block; font-size: 0.70em; border-top:#adaeb1 dotted 1px; width:920px; margin-left:auto; margin-right:auto; margin-top:20px; padding-top:5px; } div#footer li { display:inline; padding-right:20px; } #footer-logos { float:left; } #footer-middle { float:left; border-left:#c1d72e solid 2px; border-right:#c1d72e solid 2px; padding:10px; padding-top:17px; } #footer-right { float:left; padding:10px; padding-top:17px; } /* forms */ select, input[type=text], input[type=password] { border: #999999 solid 1px; padding: 4px; } input[type=text].size1 { width: 60px; } input[type=text].size2 { width: 108px; } input[type=text].size3 { width: 150px; } input[type=text].size4 { width: 250px; } input[type=text].size5 { width: 550px; } textarea.size1 { width: 68px; } textarea.size2 { width: 116px; } textarea.size3 { width: 158px; } textarea.size4 { width: 258px; } textarea.size5 { width: 558px; } select.size1 { width: 70px; } select.size2 { width: 118px; } select.size3 { width: 160px; } select.size4 { width: 260px; } select.size5 { width: 560px; } input[type=submit] { border: #999999 solid 1px; background: #999999; color: #FFFFFF; padding: 3px; cursor: pointer; } form th { padding-right: 5px; vertical-align: top; } form th, form td { padding-bottom: 6px; } span.required { color: #FF0000; font-weight: normal; } /* ----- GLOBAL CLASSES ----- */ .c { text-align: center; } .cb { clear: both; } .clear { clear: both; display: block; }s .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .hide { display: none; } /* ----- ALERT MESSAGES ----- */ .lowlight { color: #333333; /*font-style: italic;*/ text-decoration: none; background-color: #efefef; border-bottom: 1px solid #eeeeee; padding: 10px 0 10px 10px; } .highlight { color: #333333; /*font-style: italic;*/ text-decoration: none; background-color: #FFFFCC; border-bottom: 1px solid #FFFF66; padding: 10px 0 10px 10px; } .highlightbox { border: 1px solid #FFFF66; background-color: #FFFFCC; padding: 10px 0 10px 10px; } /* low/high lighting */ .highlightloading { display: block; font-size: 0.90em; background: url(/images/icons/hourglass.png) 10px center #EEEEEE no-repeat; border: 1px solid #CCCCCC; padding: 12px 10px 8px 36px; width: auto; color: #333333; margin-bottom: 10px; } .highlightsuccess { display: block; font-size: 0.90em; background: url(/images/icons/accept.png) 10px center #E0FF9C no-repeat; border: 1px solid #66CC66; padding: 12px 10px 8px 36px; width: auto; color: #006600; margin-bottom: 10px; } .highlightnotice { display: block; font-size: 0.90em; background: url(/images/icons/error.png) 10px center #FFFFCC no-repeat; border: 1px solid #FFFF66; padding: 12px 10px 8px 36px; width: auto; color: #333333; margin-bottom: 10px; } .highlighterror { display: block; font-size: 0.90em; background: url(/images/icons/exclamation.png) 10px center #FEE9E2 no-repeat; border: 1px solid #CC0000; padding: 12px 10px 8px 36px; width: auto; color: #CC0000; margin-bottom: 10px; } .highlightloadinginline { display: inline; background: #EEEEEE; width: auto; color: #333333; } .highlightsuccessinline { display: inline; background: #E0FF9C; width: auto; color: #006600; } .highlightnoticeinline { display: inline; background: #FFFFCC; width: auto; color: #333333; } .highlighterrorinline { display: inline; background: #fee9e2; width: auto; color: #CC0000; } .highlighterror li, .highlightsuccess li, .highlightnotice li { list-style-type: disc; margin-left: 15px; } .tooltip { display:none; margin: 5px; background-color: white; width:380px; border: #999999 solid 1px; font-size: 0.85em; padding: 4px; } tr.clickable:hover, li.clickable:hover, tr.hoverable:hover { background-color: #FFFFCC; } tr.hoverable:hover a, tr.hoverable:hover *[onclick] { cursor: pointer; } .altrow { background-color: #EEEEEE; } .action { text-align: center; } .searchResult { padding: 25px 0 20px; } /* pagination */ .pagination ul { float: right; margin: 0; padding: 0 0 5px 0; } .pagination li { list-style-type: none; display: inline; } .pagination .active a, .pagination a:hover { text-decoration: none; background: #D3DAE5; color: #ac1601; } -->