body { background-color: #000000; color: #fff; } /* Reset/Base YUI-Style ----------------------- */ div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;} /* Global Styles ------------------------------ */ #wrapper a { outline: none; text-decoration: underline; color: #ffffff; } a:hover { text-decoration: underline; color: #0a94d6; } a img { border: none; } h1 { font-size: 123.1%; margin-top: 0; } #body img { margin-right: 15px; margin-bottom: 15px; } #wrapper .submit_button { font-weight: bold; } input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; border: 0px solid; padding: 3px; } #login_form_home { margin-top: 5px; margin-bottom: 5px; } #login_form_home .input { width: 95%; font-weight: bold; filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40; } #login_form_home .button { margin-top: 5px; padding: 3px 10px 3px 10px; color: #333333; background: #fff; } #register_programs { position: relative; float: right; margin-right: 111px; margin-top: -33px; } #register_programs a { display: inline-block; height: 33px; width: 212px; background: url(/template/register_programs.gif); } #register_programs a:hover { background-position: 0px 33px; } td { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } .data_table { border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; } .data_table td { border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; text-align: center; } .staff_photo { float: left; margin-right: 15px; margin-bottom: 5px; margin-top: 5px; } /* Layout ------------------------------------- */ html, body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; } #wrapper { width: 957px; margin: 0 auto; } #header { height: 104px; border: 1px solid #000; } #banner { width: 957px; height: 306px; background: url('/template/banners/banner_home.jpg'); } #logo { position: relative; top: -110px; left: -20px; width: 242px; height: 229px; background: url('/template/logo.png') no-repeat !important; background: url('/template/logo.gif') no-repeat; } #logo a { display: block; width: 242px; height: 229px; } #content { color: #fff; margin-top: 5px; } #footer { margin-top: 13px; margin-bottom: 10px; } #footer, #footer a { text-align: center; color: #adcfe6; font-size: 7pt; text-decoration: none; padding-left: 3px; padding-right: 3px; } #footer a:hover { text-decoration: underline; } /* foo */ #content #box_coaches, #content #box_programs_services, #content #box_added_benefits { display: block; width: 313px; height: 209px; } #content #box_coaches { background: url('/template/box_coaches.jpg') no-repeat; float: left; } #content #box_added_benefits { background: url('/template/box_added_benefits.jpg') no-repeat; float: right; } #content #box_programs_services { background: url('/template/box_programs_services.jpg') no-repeat; margin: 0 auto; } #content #body { margin-left: 202px !important; margin-left: 199px; padding: 30px; min-height: 230px; padding-bottom: 20px; } #content #sidebar { float: left; width: 202px !important; width: 199px; } #sidebar .subnav { width: 160px; margin: 25px auto 0 auto; padding: 5px 10px 5px 10px; text-align: right; font-weight: bold; font-size: 13px; } #sidebar .subnav.content { margin-top: 1px; font-size: 12px; } #sidebar .subnav a { display: block; color: #fff; margin-bottom: 5px; text-decoration: none; } #sidebar .subnav a:hover, #sidebar .subnav a.active { color: #0a94d6; text-decoration: none; } #content #category_2 { background: url('/template/backgrounds/sidebar_bg_2.gif') repeat-x #4a793b; } /* sidebar */ #category_2 #body { background: url('/template/backgrounds/content_bg_2.gif') repeat-x #6aae55; } /* content */ #category_2 .subnav { background: #405538; } /* subnav */ #content #category_3 { background: url('/template/backgrounds/sidebar_bg_3.gif') repeat-x #836a01; /*#aa8b02*/ } /* sidebar */ #category_3 #body { background: url('/template/backgrounds/content_bg_3.gif') repeat-x #bb9802; } /* content */ #category_3 .subnav { background: #574c1d;/*#695a1d*/ } /* subnav */ #content #category_4 { background: url('/template/backgrounds/sidebar_bg_4.gif') repeat-x #643c20; } /* sidebar */ #category_4 #body { background: url('/template/backgrounds/content_bg_4.gif') repeat-x #8e572e; } /* content */ #category_4 .subnav { background: #453024; } /* subnav */ #content #category_5 { background: url('/template/backgrounds/sidebar_bg_5.gif') repeat-x #495b73; } /* sidebar */ #category_5 #body { background: url('/template/backgrounds/content_bg_5.gif') repeat-x #6984a4; } /* content */ #category_5 .subnav { background: #343d48; } /* subnav */ #content #category_6 { background: url('/template/backgrounds/sidebar_bg_6.gif') repeat-x #874c38; } /* sidebar */ #category_6 #body { background: url('/template/backgrounds/content_bg_6.gif') repeat-x #c16d51; } /* content */ #category_6 .subnav { background: #5c3e35; } /* subnav */ #category_6 a { color: #ffffff; } #content #category_7 { background: url('/template/backgrounds/sidebar_bg_2.gif') repeat-x #4a793b; } /* sidebar */ #category_7 #body { background: url('/template/backgrounds/content_bg_2.gif') repeat-x #6aae55; } /* content */ #category_7 .subnav { background: #405538; } /* subnav */ /* Camps Registration ------------------------- */ #wrapper .camp_button { background: #3A7036; padding: 5px; text-decoration: none; font-size: 11px; text-transform: uppercase; border: 1px solid #2a6530; font-weight: bold; } #camps-registration h3 { background: #2A6530; padding: 7px; margin-bottom: 0px; font-weight: normal; } #camps-registration .camp-title, #camps-registration .camp-rm-btn { font-size: 108%; font-weight: normal; background: #2A6530; padding: 7px; margin-bottom: 0px; } #camps-registration .camp-rm-btn { float: right; font-size: 100%; } #camp-registrants { border-collapse: collapse; border-spacing: 0px; border: 0px; } #camp-registrants th { background: #2A6530; font-size: 108%; font-weight: normal; padding: 7px; border-bottom: 1px #4C9C4A; margin: 10px; } #camp-registrants td { background: #407339; padding: 7px; margin: 0; } /* Navigation --------------------------------- */ ul#navigation { width: 759px; margin: 29px 0 0 98px; padding: 0; list-style: none; } ul#navigation li { display: inline; float: left; margin: 0 0 0 0; text-indent: -9999px; } ul#navigation li a:link, ul#navigation li a:visited { display: block; width: 160px; height: 33px; border: none; background: url('/template/navigation.gif'); } ul#navigation li a:hover { border: none; } ul#navigation li#nav-home a:link, ul#navigation li#nav-home a:visited { width: 156px; background-position: -0px 0; } ul#navigation li#nav-home a:hover, ul#navigation li#nav-home a.current { width: 156px; background-position: -0px 33px; } ul#navigation li#nav-about-us a:link, ul#navigation li#nav-about-us a:visited { width: 89px; background-position: -156px 0; } ul#navigation li#nav-about-us a:hover, ul#navigation li#nav-about-us a.current { width: 89px; background-position: -156px 33px; } ul#navigation li#nav-coaches a:link, ul#navigation li#nav-coaches a:visited { width: 88px; background-position: -245px 0; } ul#navigation li#nav-coaches a:hover, ul#navigation li#nav-coaches a.current { width: 88px; background-position: -245px 33px; } ul#navigation li#nav-programs a:link, ul#navigation li#nav-programs a:visited { width: 182px; background-position: -333px 0; } ul#navigation li#nav-programs a:hover, ul#navigation li#nav-programs a.current { width: 182px; background-position: -333px 33px; } ul#navigation li#nav-benefits a:link, ul#navigation li#nav-benefits a:visited { width: 128px; background-position: -515px 0; } ul#navigation li#nav-benefits a:hover, ul#navigation li#nav-benefits a.current { width: 128px; background-position: -515px 33px; } ul#navigation li#nav-contact-us a:link, ul#navigation li#nav-contact-us a:visited { width: 116px; background-position: -643px 0; } ul#navigation li#nav-contact-us a:hover, ul#navigation li#nav-contact-us a.current { width: 116px; background-position: -643px 33px; } /* ClearFix -------------------------------- */ #wrapper .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #wrapper .clearfix {display: inline-block;} * html .clearfix {height: 1%;} #wrapper .clearfix {display: block;} #wrapper div.button a:link, #wrapper div.button a:visited { padding: 5px 20px; background: #fff; color: #000; font-weight: bold; text-decoration: none; } #wrapper div.button a:hover { background: #0a94d6; color: #fff; } div#sponsors { position: relative; margin-top: -229px; left: 846px; width: 111px; height: 306px; background: url('/images/sponsors.jpg'); } div#sponsors_camps { position: relative; margin-top: -304px; left: 846px; width: 111px; height: 381px; background: url('/images/sponsors_camps.gif'); }