/* layout.css This document contains elements that are used on every page and are *not* page specific. They contain basic style elements as well as host of positioning elements. **warning**: changing styles in this stylesheet may effect ALL pages */ /* Core HTML */ body { font: normal 13px arial; color: #cce6ff; background: #090e13 url(/App_Images/bg_body.jpg) repeat-x; } a { color: #ffd683; } a:hover { color: #FFE4AF; } #container { width: 800px; margin: 0px auto; } /* Top area (Header Image, Navigation)*/ #header { position: relative; z-index: 10; float: left; height: 406px; width: 800px} #header h1.logo { position: absolute; top: 0px; left: 0px; z-index: 3;} #header ul.tier1 { position: absolute; width: 503px; top: 30px; left: 287px; z-index: 2000;} #header ul li { float: left; margin-right: 15px; } #header ul .li_contact { margin-right: 0px; } #header ul li a { display: block; height: 16px; } #header .li_home a { width: 35px; background: url(/App_Images/btn_Home.gif) no-repeat; } #header .li_about a { width: 44px; background: url(/App_Images/btn_About.gif) no-repeat; } #header .li_feedback a { width: 62px; background: url(/App_Images/btn_Feedback.gif) no-repeat; } #header .li_testimonials a { width: 90px; background: url(/App_Images/btn_Testimonials.gif) no-repeat; } #header .li_donate a { width: 50px; background: url(/App_Images/btn_Donate.gif) no-repeat; } #header .li_community { position: relative; padding: 11px 5px; margin: -11px 10px 0px -5px; } #header .li_community a.t1 { cursor: pointer; width: 74px; background: url(/App_Images/btn_Community-trans.png) no-repeat; position: relative; z-index: 301} #header .li_contact a { width: 57px; background: url(/App_Images/btn_Contact.gif) no-repeat; } .pg_homepage #header .li_home a, #header .li_home a:hover { background: url(/App_Images/btn_Home_h.gif) no-repeat;} .pg_about #header .li_about a, #header .li_about a:hover { background: url(/App_Images/btn_About_h.gif) no-repeat;} .pg_feedback #header .li_feedback a, #header .li_feedback a:hover { background: url(/App_Images/btn_Feedback_h.gif) no-repeat;} .pg_testimonials #header .li_testimonials a, #header .li_testimonials a:hover { background: url(/App_Images/btn_Testimonials_h.gif) no-repeat;} .pg_donate #header .li_donate a, #header .li_donate a:hover { background: url(/App_Images/btn_Donate_h.gif) no-repeat;} .pg_contact #header .li_contact a, #header .li_contact a:hover { background: url(/App_Images/btn_Contact_h.gif) no-repeat;} /* Community Dropdown */ #header .li_community ul { padding-top: 38px; position: absolute; visibility: hidden; background: url(/App_Images/bg_subnav.gif) no-repeat; width: 90px; height: 113px; left: -2px; top: 0px; z-index: 300;} #header .li_community ul li a { width: 89px; height: 19px; display: block;} #header .li_community ul a:hover, .pg_community_a #header ul .li_community_a a, .pg_community_b #header ul .li_community_b a, .pg_community_c #header ul .li_community_c a { background: #807853; } #header .li_community:hover ul, .pg_community #header .li_community ul { visibility: visible; } #header .timeless { position: absolute; left: 10px; top: 60px; z-index: 2;} #header .ppl1 { position: absolute; left: 10px; top: 93px; z-index: 4;} #header .ppl2 { position: absolute; left: 247px; top: 405px; z-index: 4;} #header .ppl3 { position: absolute; left: 772px; top: 405px; z-index: 4;} #header .pagetitle { width: 233px; height: 36px; position: absolute; top: 382px; left: 10px; z-index: 5} .pg_homepage #header .pagetitle { background: url(/App_Images/pagetitle_Home-trans.png) no-repeat; } .pg_about #header .pagetitle { background: url(/App_Images/pagetitle_About-trans.png) no-repeat; } .pg_feedback #header .pagetitle { background: url(/App_Images/pagetitle_Feedback-trans.png) no-repeat; } .pg_testimonials #header .pagetitle { width: 327px; background: url(/App_Images/pagetitle_Test-trans.png) no-repeat; } .pg_donate #header .pagetitle { width: 327px; background: url(/App_Images/pagetitle_Donate-trans.png) no-repeat; } .pg_community #header .pagetitle { width: 327px; background: url(/App_Images/pagetitle_Partners-trans.png) no-repeat; } .pg_contact #header .pagetitle { background: url(/App_Images/pagetitle_Contact-trans.png) no-repeat; } .pg_community_a .pagetitle, .pg_community_b .pagetitle, .pg_community_c .pagetitle { display: none; } /* Mid area (Content)*/ #content { float: left; width: 800px; padding-top: 18px; position: relative; } #content .full_col { float: left; width: 530px; margin-right: 10px; } #content .col { float: left; margin-right: 10px; width: 260px;} #content .col .sep { background: #0e2841; margin: 10px -10px; height: 1px; display: block; line-height: 1px; font-size: 1px; } #content p { line-height: 18px; } #content .pod { margin-top: 49px; margin-bottom: 10px; float: left; display: inline; padding-top: 13px; } #content .pod h1 { float: left; height: 41px; width: 260px; padding-top: 5px; margin-top: -62px; position: relative; } #content h1 .epicflashtextcontrol { float: left; } #content .smallpod h1.blue { background: url(/App_Images/bg_podtitle_bluesm-trans.png) no-repeat; } #content .smallpod h1.green { background: url(/App_Images/bg_podtitle_greensm-trans.png) no-repeat; } #content .smallpod h1.gold { background: url(/App_Images/bg_podtitle_goldsm-trans.png) no-repeat; } #content .bigpod h1 { width: 530px; } #content .bigpod h1.blue { background: url(/App_Images/bg_podtitle_big_blue-trans.png) no-repeat; } #content .bigpod h1.gold { background: url(/App_Images/bg_podtitle_big_gold-trans.png) no-repeat; } #content .pod .pod_inner { float: left; width: 236px; padding: 0px 10px; border-left: 2px solid #1076da; border-right: 2px solid #1076da; } #content .bluepod .pod_inner { border-color: #1076da; } #content .greenpod .pod_inner { border-color: #95c660; } #content .goldpod .pod_inner { border-color: #b48a39; } #content .smallpod { width: 260px; background: url(/App_Images/bg_podtop_small-trans.png) top no-repeat; } #content .greenpod { background: url(/App_Images/bg_podtop_green_small-trans.png) top no-repeat; } #content .pod_round { background: url(/App_Images/bg_podtop_small_round-trans.png) top no-repeat; } #content .smallpod_g { background: url(/App_Images/bg_podtop_gold_small-trans.png) top no-repeat; width: 260px} #content .smallpod_g h1.gold { background: url(/App_Images/bg_podtitle_goldsm-trans.png) no-repeat; } #content .smallpod_g .pod_inner { border-color: #b48a39; } #content .bigpod { width: 530px; background: url(/App_Images/bg_podtop_big-trans.png) top no-repeat; } #content .bluepod { background: url(/App_Images/bg_podtop_blue_big-trans.png) top no-repeat; } #content .goldpod { background: url(/App_Images/bg_podtop_gold_big-trans.png) top no-repeat; } #content .bigpod .pod_inner { width: 506px; } #content .pod .podbtm_small,#content .pod .podbtm_small2 { float: left; width: 260px; height: 13px; font-size: 13px; background: url(/App_Images/bg_podbtm_small-trans.png) top no-repeat; } #content .greenpod .podbtm_small { background: url(/App_Images/bg_podbtm_green_small-trans.png) top no-repeat; } #content .bigpod .podbtm_small { width: 530px; } #content .bluepod .podbtm_small { background: url(/App_Images/bg_podbtm_blue_big-trans.png) top no-repeat; } #content .bluepod .podbtm_small2 { background: url(/App_Images/bg_podbtm_small-trans.png) top no-repeat; } #content .goldpod .podbtm_small { background: url(/App_Images/bg_podbtm_gold_big-trans.png) top no-repeat; } #content .smallpod_g .podbtm_small { background: url(/App_Images/bg_podbtm_gold_small-trans.png) top no-repeat; } #content .banner { float: left; width: 260px; height: 128px; position: relative; margin-bottom: 10px; } #content .banner .overlay { top: 0px; left: 0px; position: absolute; width: 260px; height: 128px; z-index: 2; background: url(/App_Images/bg_promo_overlay-trans.png) no-repeat;} #content .banner a { display: block; background: #fff; opacity: 0; filter: alpha(opacity=0); position: absolute; z-index: 3; width: 260px; height: 128px; left: 0px; top: 0px; } #content .donate_banner { float: left; width: 260px; height: 128px; position: relative; margin-bottom: 10px; } #content .donate_banner .overlay { top: 0px; left: 0px; position: absolute; width: 260px; height: 128px; z-index: 2; background: url(/App_Images/bg_promo_grnoverlay-trans.png) no-repeat;} #content .donate_banner a { display: block; background: #fff; opacity: 0; filter: alpha(opacity=0); position: absolute; z-index: 3; width: 260px; height: 128px; left: 0px; top: 0px; } /* Btm area (Copyright)*/ #footer { float: left; width: 100%; background: #0a1825; margin: 50px 0px; } #footer .inner { margin: 0px auto; width: 800px; } #footer ul { float: left; width: 360px; padding: 13px 0px 17px} #footer ul li { float: left; margin-right: 4px; color: #074697;} #footer ul li a { color: #074697; font-size: 11px; } #footer ul li a:hover { color: #7e6936 } .pg_homepage #footer .li_home a, .pg_about #footer .li_about a, .pg_feedback #footer .li_feedback a, .pg_testimonials #footer .li_testimonials a, .pg_donate #footer .li_donate a, .pg_community #footer .li_community a, .pg_contact #footer .li_contact a { text-decoration: none; color: #7e6936} #footer .eeo { float: left; width: 110px; font-size: 11px; color: #074697; padding: 15px 0px; margin-left: 75px; } #footer .eeo a { color: #074697;} #footer .eeo a:hover { color: #7e6936} #footer .copyright { float: right; width:250px; text-align: right; padding: 15px 0px; font-size: 11px; color: #074697; } #footer .copyright a { color: #074697;} #footer .copyright a:hover { color: #7e6936}