/* -------------------------------------------------------------- ----------------------------------------------------------------- WEBSITE: Queen's York Rangers AUTHOR: Josh Solecky - gocactus.com VERSION: FEB 07.11 CONTENTS: 1 RESET 2 TOOLBOX 3 MAIN STRUCTURE 4 HEADER 5 NAVIGATION 6 CONTENT 7 FOOTER ----------------------------------------------------------------- -------------------------------------------------------------- */ /* 1. BASIC PAGE SETUP & RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } body { font: 62.5% "Trebuchet MS", Helvetica, sans-serif; background: #333132; text-align: center; behavior: url("csshover3.htc"); } ul { list-style: none inside; } p { font: 1.3em/1.3em "Trebuchet MS", Helvetica, sans-serif; margin-bottom: 1.3em; } a { outline: none; text-decoration: none; } img, a img { border: none; } /* END RESET */ /* 2. TOOLBOX */ .floatleft { float: left; } .floatright { float: right; } .clear { clear: both; } /* END TOOLBOX */ /* 3. MAIN STRUCTURE */ #wrapper { margin: 0 auto; text-align: left; width: 1000px; background: url(images/BG-repeat.jpg) repeat-y; } .page-wrap { margin: 0 auto; width: 1000px; text-align: left; } .body { width: 900px; margin-left: 50px; background: #ece2b9; } .list { list-style: outside disc; margin-left: 20px; font-size: 1.3em; margin-bottom: 20px; } .list li { margin-bottom: 10px; list-style: outside disc; } .sublist { list-style: none; padding-left: 10px; font-size: 1em; margin-bottom: 20px; margin-top: 10px; } .sublist li { padding-left: 10px; list-style: none; } /* END STRUCTURE */ /* 4. HEADER */ #header { height: 190px; background: url(images/header.jpg) no-repeat; } #img-area.home { height: 276px; background: url(images/temp_flash-area.jpg) no-repeat; } #img-area { height: 236px; background: url(images/img-area.jpg) no-repeat; padding: 0; margin: 0; } #img-area.about-img { background-image: url(images/img-area2.jpg); padding: 0; margin: 0; } #img-area.join-img { background-image: url(images/img-area5.jpg); padding: 0; margin: 0; } #img-area.contact-img { background-image: url(images/img-area4.jpg); padding: 0; margin: 0; } #img-area.multi-img { background-image: url(images/img-area3.jpg); padding: 0; margin: 0; } /* END HEADER */ /* 5. NAVIGATION */ /* SUB NAVIGATION */ #main #subnav { margin: 0; padding: 0; float: left; } #main #subnav ul { width: 226px; margin-left: 0; padding-left: 0; list-style: none; } #main #subnav ul.sub { width: 226px; margin-left: 0; padding-left: 0; list-style: none; } #main #subnav ul.sub li { width: 226px; height: 35px; text-indent: -9999px; list-style: outside none; } #main #subnav ul.sub li img { margin-left: 0; padding-left: 0; list-style: none; } /* About page */ #subnav ul.sub li#queens a:link, #subnav ul.sub li#queens a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 0; display: block; height: 35px; width: 226px; } #subnav ul.sub li#trade a:link, #subnav ul.sub li#trade a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -35px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#deployments a:link, #subnav ul.sub li#deployments a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -70px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#president a:link, #subnav ul.sub li#president a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -105px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#hon-col a:link, #subnav ul.sub li#hon-col a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -140px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#hon-lt-col a:link, #subnav ul.sub li#hon-lt-col a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -175px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#chair a:link, #subnav ul.sub li#chair a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -210px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#emeritus a:link, #subnav ul.sub li#emeritus a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -245px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#former a:link, #subnav ul.sub li#former a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -280px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#chief a:link, #subnav ul.sub li#chief a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -315px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#commanding a:link, #subnav ul.sub li#commanding a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -350px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#rsm a:link, #subnav ul.sub li#rsm a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -385px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#archives a:link, #subnav ul.sub li#archives a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -420px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#traditions a:link, #subnav ul.sub li#traditions a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -455px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#fort a:link, #subnav ul.sub li#fort a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -490px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#armour a:link, #subnav ul.sub li#armour a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -525px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#poy a:link, #subnav ul.sub li#poy a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -560px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#regiment2 a:link, #subnav ul.sub li#regiment2 a:visited { background: url(images/NAV_subnav_about.jpg) no-repeat 0 -595px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#queens a:hover { background-position: -226px 0px; } #subnav ul.sub li#trade a:hover { background-position: -226px -35px; } #subnav ul.sub li#deployments a:hover { background-position: -226px -70px; } #subnav ul.sub li#president a:hover { background-position: -226px -105px; } #subnav ul.sub li#hon-col a:hover { background-position: -226px -140px; } #subnav ul.sub li#hon-lt-col a:hover { background-position: -226px -175px; } #subnav ul.sub li#chair a:hover { background-position: -226px -210px; } #subnav ul.sub li#emeritus a:hover { background-position: -226px -245px; } #subnav ul.sub li#former a:hover { background-position: -226px -280px; } #subnav ul.sub li#chief a:hover { background-position: -226px -315px; } #subnav ul.sub li#commanding a:hover { background-position: -226px -350px; } #subnav ul.sub li#rsm a:hover { background-position: -226px -385px; } #subnav ul.sub li#archives a:hover { background-position: -226px -420px; } #subnav ul.sub li#traditions a:hover { background-position: -226px -455px; } #subnav ul.sub li#fort a:hover { background-position: -226px -490px; } #subnav ul.sub li#armour a:hover { background-position: -226px -525px; } #subnav ul.sub li#poy a:hover { background-position: -226px -560px; } #subnav ul.sub li#regiment2 a:hover { background-position: -226px -595px; } /* Partners page */ #subnav ul.sub li#associate a:link, #subnav ul.sub li#associate a:visited { background: url(images/NAV_subnav_partners.jpg) no-repeat 0 0; display: block; height: 35px; width: 226px; } #subnav ul.sub li#council a:link, #subnav ul.sub li#council a:visited { background: url(images/NAV_subnav_partners.jpg) no-repeat 0 -35px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#regiment a:link, #subnav ul.sub li#regiment a:visited { background: url(images/NAV_subnav_partners.jpg) no-repeat 0 -70px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#old a:link, #subnav ul.sub li#old a:visited { background: url(images/NAV_subnav_partners.jpg) no-repeat 0 -105px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#bands a:link, #subnav ul.sub li#bands a:visited { background: url(images/NAV_subnav_partners.jpg) no-repeat 0 -140px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#cadets a:link, #subnav ul.sub li#cadets a:visited { background: url(images/NAV_subnav_partners.jpg) no-repeat 0 -175px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#ass-regi a:link, #subnav ul.sub li#ass-regi a:visited { background: url(images/NAV_subnav_partners.jpg) no-repeat 0 -210px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#associate a:hover { background-position: -226px 0px; } #subnav ul.sub li#council a:hover { background-position: -226px -35px; } #subnav ul.sub li#regiment a:hover { background-position: -226px -70px; } #subnav ul.sub li#old a:hover { background-position: -226px -105px; } #subnav ul.sub li#bands a:hover { background-position: -226px -140px; } #subnav ul.sub li#cadets a:hover { background-position: -226px -175px; } #subnav ul.sub li#ass-regi a:hover { background-position: -226px -210px; } /* media and events page */ #subnav ul.sub li#upcoming a:link, #subnav ul.sub li#upcoming a:visited { background: url(images/NAV_subnav_media.jpg) no-repeat 0 0; display: block; height: 35px; width: 226px; } #subnav ul.sub li#album a:link, #subnav ul.sub li#album a:visited { background: url(images/NAV_subnav_media.jpg) no-repeat 0 -35px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#recent a:link, #subnav ul.sub li#recent a:visited { background: url(images/NAV_subnav_media.jpg) no-repeat 0 -70px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#upcoming a:hover { background-position: -226px 0px; } #subnav ul.sub li#album a:hover { background-position: -226px -35px; } #subnav ul.sub li#recent a:hover { background-position: -226px -70px; } /* join page */ #subnav ul.sub li#crew a:link, #subnav ul.sub li#crew a:visited { background: url(images/NAV_subnav_join.jpg) no-repeat 0 0; display: block; height: 35px; width: 226px; } #subnav ul.sub li#training a:link, #subnav ul.sub li#training a:visited { background: url(images/NAV_subnav_join.jpg) no-repeat 0 -35px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#benefits a:link, #subnav ul.sub li#benefits a:visited { background: url(images/NAV_subnav_join.jpg) no-repeat 0 -70px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#require a:link, #subnav ul.sub li#require a:visited { background: url(images/NAV_subnav_join.jpg) no-repeat 0 -105px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#crew a:hover { background-position: -226px 0px; } #subnav ul.sub li#training a:hover { background-position: -226px -35px; } #subnav ul.sub li#benefits a:hover { background-position: -226px -70px; } #subnav ul.sub li#require a:hover { background-position: -226px -105px; } /* donate page */ #subnav ul.sub li#appeal a:link, #subnav ul.sub li#appeal a:visited { background: url(images/NAV_subnav_donate.jpg) no-repeat 0 0; display: block; height: 35px; width: 226px; } #subnav ul.sub li#donatenow a:link, #subnav ul.sub li#donatenow a:visited { background: url(images/NAV_subnav_donate.jpg) no-repeat 0 -35px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#aurora a:link, #subnav ul.sub li#aurora a:visited { background: url(images/NAV_subnav_donate.jpg) no-repeat 0 -70px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#appeal a:hover { background-position: -226px 0px; } #subnav ul.sub li#donatenow a:hover { background-position: -226px -35px; } #subnav ul.sub li#aurora a:hover { background-position: -226px -70px; } /* contact page */ #subnav ul.sub li#toronto a:link, #subnav ul.sub li#toronto a:visited { background: url(images/NAV_subnav_contact.jpg) no-repeat 0 0; display: block; height: 35px; width: 226px; } #subnav ul.sub li#york a:link, #subnav ul.sub li#york a:visited { background: url(images/NAV_subnav_contact.jpg) no-repeat 0 -35px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#toronto a:hover { background-position: -226px 0px; } #subnav ul.sub li#york a:hover { background-position: -226px -35px; } /* GARRISON BALL page */ #subnav ul.sub li#garrison a:link, #subnav ul.sub li#garrison a:visited { background: url(images/NAV_subnav_garrison.jpg) no-repeat 0 0; display: block; height: 35px; width: 226px; } #subnav ul.sub li#hotel a:link, #subnav ul.sub li#hotel a:visited { background: url(images/NAV_subnav_garrison.jpg) no-repeat 0 -35px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#attire a:link, #subnav ul.sub li#attire a:visited { background: url(images/NAV_subnav_garrison.jpg) no-repeat 0 -70px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#contact a:link, #subnav ul.sub li#contact a:visited { background: url(images/NAV_subnav_garrison.jpg) no-repeat 0 -105px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#sponsors a:link, #subnav ul.sub li#sponsors a:visited { background: url(images/NAV_subnav_garrison.jpg) no-repeat 0 -140px; display: block; height: 35px; width: 226px; } #subnav ul.sub li#garrison a:hover { background-position: -226px 0px; } #subnav ul.sub li#hotel a:hover { background-position: -226px -35px; } #subnav ul.sub li#attire a:hover { background-position: -226px -70px; } #subnav ul.sub li#contact a:hover { background-position: -226px -105px; } #subnav ul.sub li#sponsors a:hover { background-position: -226px -140px; } /* END SUB NAVIGATION */ /* 6. CONTENT */ #main { background: url(images/subnav.jpg) repeat-y; width: 900px; margin-left: 0; padding-left: 0; } .homecontent { width: 900px; height: 500px; background: url(images/BG-content.jpg) no-repeat; } #content { width: 640px; float: right; padding: 0 20px 0 0; } #content h1 { font-size: 24px; margin-bottom: 10px; line-height: 24px; color: #2f3e1e; } #content h2 { font-size: 16px; margin-bottom: 10px; margin-top: 20px; line-height: 24px; color: #545e39; } #content.home h1 { font-size: 19px; margin-bottom: 10px; line-height: 24px; color: #2f3e1e; } #content.home { width: 303px; padding: 20px 0 0 20px; float: left; } .dotted { border-bottom: 2px dotted white; margin: 10px 0 10px 0; } #content a { border-bottom: 1px dotted #545e39; color: #545e39; } #content a:hover { border-bottom: 1px dotted #2f3e1e; color: #2f3e1e; } #content .breadcrumbs { border-bottom: 1px dotted #545e39; margin-bottom: 20px; margin-right: 10px; } #content .breadcrumbs ul { padding: 10px 0 5px 0; } #content .breadcrumbs li { display: inline; padding: 0 10px 0 7px; border-right: 1px solid #545e39; font-size: 1em; text-transform: uppercase; } #content .breadcrumbs li.first { padding-left: 0; } #content .breadcrumbs li.last { border-right: none; } #content .breadcrumbs li a { color: #545e39; text-decoration: none; border: none; } #content .breadcrumbs li a:hover { color: #000; } .spacer { height: 40px; } .command-img { margin: 0 20px 10px 0; } .history-img { margin: 0 0 10px 20px; } .command-table { margin-bottom: 10px; } .command-table td { padding: 10px; font-size: 13px; } table.online-form tr td { padding: 5px 5px 15px 0; font-size: 12px; border: none; } .fine { font-size: 10px; color:#666; line-height: 20px; margin-bottom: 0; } /* SIDEBAR */ #sidebar { width: 287px; background: url(images/sidebar-repeat.jpg) repeat-y; } #sidebar h1 { font-family: "Times New Roman", Times, serif; font-size: 20px; margin-bottom: 10px; } #sidebar a { color: white; border-bottom: 1px dotted white; } #sidebar a:hover { color: #545e39; border-bottom: 1px dotted #545e39; } .sidebar-content { padding: 0 40px 0 25px; color: white; background: url(images/sidebar.jpg) no-repeat; } .sidebar-bottom { width: 287px; height: 20px; background: url(images/sidebar-bottom.jpg) no-repeat; } /* END SIDEBAR */ /* END CONTENT */ /* 7. FOOTER */ #footer { width: 900px; height: 81px; color: white; background: url(images/footer_sub.jpg) no-repeat #ece2b9; } .foot-home { background: url(images/footer.jpg) no-repeat #ece2b9; } #footer p { font-size: 1.1em; } #footer p.web { float: right; margin: 23px 20px 0 0; } #footer .foot { padding: 23px 0 0 340px; } #footer a { color: white; border-bottom: 1px dotted white; } #footer a:hover { color: #545e39; border-bottom: 1px dotted #545e39; } /* END FOOTER */