* { margin: 0; padding: 0; } img { border: 0; } body { background: #F1E8C8; font: normal 12px/15px Arial, sans-serif; color: #2D2B2B; } a:link { color: #902A2A; } a:visited { color: #3E7687; } a:hover { color: #3E7687; } p { padding: 5px 0px; } .hr { border-top: 1px dashed #B7B6B6; margin: 8px 0px; } .hr hr { display: none; } #container { width: 946px; margin: 0px auto; } #header { height: 96px; float: left; width: 946px; position: relative; } #logo { position: absolute; overflow: hidden; } #search { float: right; width: 430px; height: 35px; } #search fieldset { border: none; text-align: right; } #search label { } #search input { width: 100px; color: #666; padding: 2px; border: 1px inset #EEE; font-size: 10px; vertical-align: top; margin-top: 10px; } #search #password { margin-left: 5px; } #search #submit { width: 35px; vertical-align: top; margin-left: 5px; margin-top: 10px; border-width: 1px; font-size: 11px; } #topnav { width: 700px; position: absolute; bottom: 0; right: 0; height: 45px; } #topnav ul { list-style-type: none; height: 45px; } #topnav ul li { float: left; } #homeflash, #flashcontent { height: 479px; width: 946px; background-color: #DFE3A1; float: left; } #homeflash p { padding: 0px; margin: 0px; } #copy { width: 630px; float: left; } #callouts { width: 260px; float: left; padding: 0px 6px 0px 18px; } #homevideo { display: block; width: 260px; padding-top: 10px; padding-bottom: 10px; } #homevideo table { width: 260px; } .head-about-esf { background: url( '/images/headers/aboutesf.gif' ) no-repeat; height: 25px; text-indent: -666em; overflow: hidden; } /** * The whole Camp at a Glance Section **/ #glance { width: 630px; min-height: 350px; background-repeat: no-repeat; overflow: hidden; } .display-daycamp { background-image: url( '/images/glance/glancebgtop.gif' ); } .display-sportscamp { background-image: url( '/images/glance/glancebgbluetop.gif' ); } .display-seniorcamp { background-image: url( '/images/glance/glancebggreentop.gif' ); } .display-growupesf { background-image: url( '/images/glance/glancebgtantop.gif' ); } #glancefooter { margin-top: 55px; background-repeat: no-repeat; background-position: bottom; padding-bottom: 12px; } .displayfooter-daycamp { background-image: url( '/images/glance/glancebgfooter.gif' ); } .displayfooter-sportscamp { background-image: url( '/images/glance/glancebgbluefooter.gif' ); } .displayfooter-seniorcamp { background-image: url( '/images/glance/glancebggreenfooter.gif' ); } .displayfooter-growupesf { background-image: url( '/images/glance/glancebgtanfooter.gif' ); } #glance hr { display: none; } #glance h2 { display: none; } #glance-nav { width: 356px; height: 43px; float: right; clear: left; } #glance-nav ul { list-style-type: none; height: 43px; } #glance-nav ul li { float: left; height: 43px; background-repeat: no-repeat; } #glance-nav ul li a { display: block; height: 43px; text-indent: -666em; overflow: hidden; outline: none; } #glance-nav li.daycamp a { width: 82px; background-image: url( '/images/glance/daycamp.gif' ); } #glance-nav li.sportscamp a { width: 92px; background-image: url( '/images/glance/sportscamp.gif' ); } #glance-nav li.seniorcamp a { width: 92px; background-image: url( '/images/glance/seniorcamp.gif' ); } #glance-nav li.growupesf a { width: 90px; background-image: url( '/images/glance/growupesf.gif' ); } #glance-nav li.daycamp a:hover, #glance-nav li.daycamp a.active { background-image: url( '/images/glance/daycamp-over.gif' ); } #glance-nav li.sportscamp a:hover, #glance-nav li.sportscamp a.active { background-image: url( '/images/glance/sportscamp-over.gif' ); } #glance-nav li.seniorcamp a:hover, #glance-nav li.seniorcamp a.active { background-image: url( '/images/glance/seniorcamp-over.gif' ); } #glance-nav li.growupesf a:hover, #glance-nav li.growupesf a.active { background-image: url( '/images/glance/growupesf-over.gif' ); } .glance-content { padding: 15px 15px 0px 15px; width: 600px; display: none; clear: both; } .glance-content h3, .glance-content h4 { display: block; height: 17px; background-repeat: no-repeat; text-indent: -666em; overflow: hidden; } #glance div.active { display: inline-block; } .glance-overview { width: 245px; float: left; overflow: auto; } .glance-traditions { width: 245px; float: left; clear: left; } .glance-schedule { width: 330px; float: right; } .glance-schedule table { width: 98%; border-collapse: collapse; margin-top: 5px; margin-left: 3px; } .glance-schedule table td { padding: 2px 0px; font-size: 12px; } .glance-schedule table td.time { width: 30%; padding-right: 30px; text-align: justify; font-weight: bold; white-space: nowrap; } /** * Individual camps overrides - DO NOT CHANGE THE CLASS NAMES OR YOU WILL BREAK THE FUNCTIONALITY **/ #glance-daycamp { background: url( '/images/glance/glancebgtile.gif' ) repeat-y; } #glance-daycamp .glance-overview h3 { background-image: url( '/images/glance/daycampoverview.gif' ); } #glance-daycamp .glance-traditions h4 { background-image: url( '/images/glance/traditions.gif' ); } #glance-daycamp .glance-schedule h4 { background-image: url( '/images/glance/dailyschedule.gif' ); } #glance-daycamp a, #glance-daycamp .glance-schedule table td.time { color: #8A1E1E; } #glance-sportscamp { background: url( '/images/glance/glancebgbluetile.gif' ); } #glance-sportscamp .glance-overview h3 { background-image: url( '/images/glance/sportscampoverview.gif' ); } #glance-sportscamp .glance-traditions h4 { background-image: url( '/images/glance/traditionsblue.gif' ); } #glance-sportscamp .glance-schedule h4 { background-image: url( '/images/glance/dailyscheduleblue.gif' ); } #glance-sportscamp a, #glance-sportscamp .glance-schedule table td.time { color: #3E455E; } #glance-seniorcamp { background: url( '/images/glance/glancebggreentile.gif' ); } #glance-seniorcamp .glance-overview h3 { background-image: url( '/images/glance/seniorcampoverview.gif' ); } #glance-seniorcamp .glance-traditions h4 { background-image: url( '/images/glance/traditionsgreen.gif' ); } #glance-seniorcamp .glance-schedule h4 { background-image: url( '/images/glance/dailyschedulegreen.gif' ); } #glance-seniorcamp a, #glance-seniorcamp .glance-schedule table td.time { color: #677631; } #glance-growupesf { background: url( '/images/glance/glancebgtantile.gif' ); } #glance-growupesf .glance-overview h3 { background-image: url( '/images/glance/growupoverview.gif' ); } #glance-growupesf .glance-traditions h4 { background-image: url( '/images/glance/traditionsbrown.gif' ); } #glance-growupesf .glance-schedule h4 { background-image: url( '/images/glance/dailyschedulebrown.gif' ); } #glance-growupesf a, #glance-growupesf .glance-schedule table td.time { color: #937142; } /** * Quote on right side **/ #quotes { width: 230px; font-family: Helvetica,Verdana,Arial,sans-serif; font-size: 17px; line-height: 21px; margin-bottom: 15px; } #quotes ul { margin: 0; padding: 0; list-style-type: none; } #quotes ul li { display: none; height: 150px; overflow: hidden; background: #FFF; } .person { font-size: 11px; font-weight: bold; color: #8A1E1E; display: block; text-align: right; line-height: 11px; margin-top: 10px; } #homequote blockquote em { color: #8A1E1E; font-style: normal; } #homequote blockquote p { margin: 0; } #homequote blockquote .person { font-size: 11px; font-weight: bold; color: #8A1E1E; display: block; text-align: right; line-height: 11px; margin-top: 10px; } /** * Banner on right side **/ /*#homebanners{width:230px;height:125px;overflow:auto}*/ #homebanners { width: 230px; font-family: Helvetica,Verdana,Arial,sans-serif; font-size: 17px; line-height: 21px; } #homebanners ul { margin: 0; padding: 0; list-style-type: none; } #homebanners ul li { display: none; height: 150px; overflow: hidden; background: #FFF; } /** * accolades/outreach on right side **/ #accolades, #outreach { width: 230px; font-family: Helvetica,Verdana,Arial,sans-serif; } #accolades ul, #outreach ul { margin: 0; padding: 5px; list-style-type: none; } #accolades ul li, #outreach ul li { display: none; min-height: 200px; overflow: hidden; } #footer { width: 946px; height: 141px; float: left; background: #5B6632 url( '/images/footerbg.gif' ) no-repeat; margin-bottom: 20px; } #bottomnav ul { list-style-type: none; margin-top: 25px; margin-left: 30px; } #bottomnav ul li { display: inline; background: url( '/images/navdot.gif' ) no-repeat top right; padding-right: 12px; } #bottomnav ul li:last-child, #bottomnav ul li.last-child { background: none; } #bottomnav ul li a, #bottomnav ul li a:visited { color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 12px; } #bottomnav ul li a:hover { text-decoration: underline; } #smallnav ul { list-style-type: none; margin-top: 5px; margin-left: 30px; } #smallnav ul li { display: inline; background: url( '/images/navdot.gif' ) no-repeat top right; padding-right: 18px; } #smallnav ul li:last-child, #smallnav ul li.last-child { background: none; } #smallnav ul li a, #smallnav ul li a:visited { color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 9px; } #smallnav ul li a:hover { text-decoration: underline; } #contact { margin-top: 10px; margin-left: 30px; color: #9FA669; } #copyright { margin-top: 10px; margin-left: 30px; color: #9FA669; } #copyright a, #copyright a:visited { color: #9FA669; text-decoration: none; } #copyright a:hover { text-decoration: underline; } /*Dec 1 - Eva M. added these classes for the email friend page */ #EmailForm{ margin-top:20px;} #EmailForm .Row { padding-bottom: 5px;} #EmailForm .Row .Label { padding: 5px;} #EmailForm .Row .TextBox { margin-left: 10px; width:250px;} #EmailForm .Row .Button { margin-left: 10px;} .adxCaptionedMedia { margin-left: 5px; margin-right: 5px; } #overviewpagetitle { color: #3e7687; font-size: 16px; float: left; width: 460px; padding-top: 8px; } #content-block-right h2 { color: #902A2A; line-height: 2em; font-size: 14px; } #content-flash-header { } #content-flash-header-left { width: 749px; float: left;height: 230px; } #content-flash-header #template-callout-items{height: 220px;} .adxSection { clear: left; } /* #content-flash-header { background:transparent url(/images/flashbgheader.gif) no-repeat scroll 0 0; height:230px; width:625px; } */ .bannerframeinside { border-style: solid; border-width: 1px 2px 2px 1px; border-color: #F4F0E5 #CCCCCC #CCCCCC #F4F0E5; text-align: center; } .bannerframeoutside { border-style: solid; border-width: 0px 1px 1px 0px; border-color: #FFFFFF #F4F0E5 #F4F0E5 #FFFFFF; } .bannerframeinside img { padding: 3px; } .activenav { text-decoration: underline !important; } #inline-nav { padding-top: 5px; } #inline-nav img { padding-top: 2px; padding-left: 4px; padding-right: 2px; } #inline-nav a { font-weight: bold; font-size: 12px; text-decoration: none; vertical-align: top; } #inline-nav a:visited { color: #902A2A; } #inline-nav a:hover { text-decoration: underline; } #content-head { background: url( '/images/template/content-bg-head.gif' ) no-repeat; height: 7px; width: 946px; overflow: hidden; } #content-foot { float: left; background: url( '/images/template/content-bg-foot.gif' ) no-repeat; width: 946px; height: 24px; overflow: hidden; clear: both; } #content { padding-right: 0px; padding-left: 0px; background: url(/images/template/tile-content-bg.gif) repeat-y; padding-bottom: 0px; width: 946px; padding-top: 0px; height: auto; clear: both; } .content-block { padding: 0px 15px 0px 15px; width: 917px; } #template-callout-items { width: 139px; float: right; margin: 0px 8px 10px 10px; line-height: 0px; } /***Nov 19 - Eva M. added a class to style the list items for the left navigation*/ #overview-nav li { border-bottom: 1px dashed white; margin-right: 30px; margin-bottom: 7px; } #overview-nav a { color: White; font-family: Arial; font-size: 1em; text-decoration: none; text-transform: uppercase; letter-spacing: 0.05em; font-weight: bold; } #overview-nav a:hover { text-decoration: underline; } #overview-nav li.last { border-bottom-style: none; margin-right: 30px; margin-bottom: 7px; } #pagetitle { width: 600px; height: 24px; float: left; margin-bottom: 5px; } .sitemap { padding-top: 5px; padding-bottom: 5px; clear: left; } .sitemap ul { list-style-type: none; margin: 0; padding-bottom: 5px; padding-top: 5px; } .sitemap ul li { padding-left: 15px; } .sitemap ul li a { font-weight: bold; font-size: 12px; text-decoration: none; vertical-align: top; } .sitemap ul li a:visited { color: #902A2A; } .sitemap ul li a:hover { text-decoration: underline; } .sitemap ul li ul li ul li a { font-weight: normal; } .clear { clear: both; } #bottomadregion { padding-left: 35px; } .PngImg { behavior: url(/adx/css/png.htc); } .HeadingRed { font-size: 14px; color: #8b1616; } .RedSubNav { font-size: 12px; color: #8b1616; } .RedHeader1 { font-size: 16px; color: #8b1616; } .RedHeader2 { font-size: 14px; color: #8b1616; } .BodyCopy { font-size: 12px; color: #000000; } .person { font-size: 11px; font-weight: bold; color: #8A1E1E; display: block; text-align: right; line-height: 11px; margin-top: 10px; } .TopAd { float:none; clear:both; padding: 0px; margin:0px; position:relative; z-index: 0; } #logo { z-index: 10; } .TopAd .adxSectionImageTable { } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash #overview-nav ul li { color:White; font-family:Arial; font-size:1em; text-decoration:none; text-transform:uppercase; letter-spacing:0.05em; font-weight:bold; }