body { margin: 0 auto; padding: 0; font: 73% verdana, "Trebuchet MS", arial, sans-serif; text-align: center; line-height: 1.7em; color: #000; background: #2e2e2e url(images/bgd.jpg) center repeat-y; } /* WRAP */ #container { width: 750px; margin: 0 auto; padding: 0; text-align: left; color: #666; background: #fff; } /* BANNER */ #banner { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/banner.jpg) no-repeat; color: #000; } #banner h1 { margin: 0; /*padding: 70px 100px 0 0;*/ height: 50px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color: #fff; /*background: inherit;*/ font-weight: bold; position: relative; top: 70px; right: 100px; } #bannerxmas { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-christmas.jpg) no-repeat; color: #000; } #bannerxmas h1 { margin: 0; padding: 125px 230px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:red; background: inherit; font-weight: bold; text-shadow: 2px 2px 4px brown;} #bannereaster { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-easter.jpg) no-repeat; color: #000; } #bannereaster h1 { margin: 0; padding: 20px 70px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:purple; background: inherit; font-weight: bold;} #bannernewyear { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-newyear.jpg) no-repeat; color: #000; } #bannernewyear h1 { margin: 0; padding: 100px 0 0 180px; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: left; letter-spacing: 3px; color:pink; background: inherit; font-weight: bold;} #bannerdiwali { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-diwali2.jpg) no-repeat; color: #000; } #bannerdiwali h1 { margin: 0; padding: 150px 0 0 80px; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: left; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannereid { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-eid.jpg) no-repeat; color: #000; } #bannereid h1 { margin: 0; padding: 85px 20px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerfacup { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-facup.jpg) no-repeat; color: #000; } #bannerfacup h1 { margin: 0; padding: 90px 20px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:silver; background: inherit; font-weight: bold;} #bannerelection { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-election.png) no-repeat; color: #000; } #bannerelection h1 { margin: 0; padding: 20px 240px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:silver; background: inherit; font-weight: bold;} #bannervalentine { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-valentine.jpg) no-repeat; color: #000; } #bannervalentine h1 { margin: 0; padding: 20px 240px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:silver; background: inherit; font-weight: bold;} #bannerstarwars { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-starwars.jpg) no-repeat; color: #000; } #bannerstarwars h1 { margin: 0; padding: 20px 240px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:silver; background: inherit; font-weight: bold;} #bannerstarwars2 { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-starwars2.jpg) no-repeat; color: #000; } #bannerstarwars2 h1 { margin: 0; padding: 100px 440px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:silver; background: inherit; font-weight: bold;} #banneraids { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-aids.jpg) no-repeat; color: #000; } #banneraids h1 { margin: 0; padding: 160px 240px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:silver; background: inherit; font-weight: bold;} #bannergrandnational { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-grandnational.jpg) no-repeat; color: #000; } #bannergrandnational h1 { margin: 0; padding: 150px 240px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:silver; background: inherit; font-weight: bold;} #bannerpancake { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-pancake.jpg) no-repeat; color: #000; } #bannerpancake h1 { margin: 0; padding: 150px 240px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:blue; background: inherit; font-weight: bold;} #banneraprilfoolsday { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-aprilfoolsday.jpeg) no-repeat; color: #000; } #banneraprilfoolsday h1 { margin: 0; padding: 20px 240px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:blue; background: inherit; font-weight: bold;} #bannerguyfawkes { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-guyfawkes.jpg) no-repeat; color: #000; } #bannerguyfawkes h1 { margin: 0; padding: 20px 240px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:blue; background: inherit; font-weight: bold;} #bannerspringforward { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-springforward.jpg) no-repeat; color: #000; } #bannerspringforward h1 { margin: 0; padding: 110px 240px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:#dbdbdb; text-shadow:2px 2px 4px #495231; font-weight: bold; background: inherit; } #bannermarathon { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-marathon.jpg) no-repeat; color: #000; } #bannermarathon h1 { margin: 0; padding: 40px 240px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:#dbdbdb; text-shadow:2px 2px 4px black; font-weight: bold; background: inherit; } #bannerfallback { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-fallback.jpg) no-repeat; color: #000; } #bannerfallback h1 { margin: 0; padding: 90px 55px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:blue; background: inherit; font-weight: bold;} #bannerarmistice { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-armistice.jpg) no-repeat; color: #000; } #bannerarmistice h1 { margin: 0; padding: 90px 55px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:blue; background: inherit; font-weight: bold;} #bannerhalloween { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-halloween.jpg) no-repeat; color: #000; } #bannerhalloween h1 { margin: 0; padding: 50px 55px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerstdavids { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-stdavids.jpg) no-repeat; color: #000; } #bannerstdavids h1 { margin: 0; padding: 50px 55px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:darkgreen; background: inherit; font-weight: bold;} #bannerchampionsleague { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-championsleague.jpg) no-repeat; color: #000; } #bannerchampionsleague h1 { margin: 0; padding: 50px 20px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:grey; background: inherit; font-weight: bold;} #bannermagnacarta { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-magnacarta.jpg) no-repeat; color: #000; } #bannermagnacarta h1 { margin: 0; padding: 10px 20px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:grey; background: inherit; font-weight: bold;} #bannerstgeorge { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-stgeorge.jpg) no-repeat; color: #000; } #bannerstgeorge h1 { margin: 0; padding: 100px 20px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:grey; background: inherit; font-weight: bold;} #bannerchinesenewyear { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-chinesenewyear.jpg) no-repeat; color: #000; } #bannerchinesenewyear h1 { margin: 0; padding: 50px 230px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannermastersgolf { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-mastersgolf.jpg) no-repeat; color: #000; } #bannermastersgolf h1 { margin: 0; padding: 150px 30px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerstpaddy { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-stpaddy.jpg) no-repeat; color: #000; } #bannerstpaddy h1 { margin: 0; padding: 150px 290px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannermonaco { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-monaco.jpg) no-repeat; color: #000; } #bannermonaco h1 { margin: 0; padding: 150px 290px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerwimbledon { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-wimbledon.jpg) no-repeat; color: #000; } #bannerwimbledon h1 { margin: 0; padding: 150px 230px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerfathersday { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-fathersday.jpg) no-repeat; color: #000; } #bannerfathersday h1 { margin: 0; padding: 130px 335px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:yellow; background: inherit; font-weight: bold;} #bannermothersday { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-mothersday.jpg) no-repeat; color: #000; } #bannermothersday h1 { margin: 0; padding: 150px 150px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:pink; background: inherit; font-weight: bold;} #bannerglastonbury { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-glastonbury.jpg) no-repeat; color: #000; } #bannerglastonbury h1 { margin: 0; padding: 150px 390px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:red; background: inherit; font-weight: bold;} #bannernottinghill { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-nottinghill.jpg) no-repeat; color: #000; } #bannernottinghill h1 { margin: 0; padding: 150px 400px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerdawn { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-dawn.jpg) no-repeat; color: #000; } #bannerdawn h1 { margin: 0; padding: 150px 30px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerbaku { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-baku.png) no-repeat; color: #000; } #bannerbaku h1 { margin: 0; padding: 150px 400px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerlongqueen { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-longqueen.png) no-repeat; color: #000; } #bannerlongqueen h1 { margin: 0; padding: 150px 200px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerbttf { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-bttf.jpg) no-repeat; color: #000; } #bannerbttf h1 { margin: 0; padding: 50px 30px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:blue; background: inherit; font-weight: bold;} #bannershortestday { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-shortestday.jpg) no-repeat; color: #000; } #bannershortestday h1 { margin: 0; padding: 150px 220px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerqueensbirthday { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-queensbirthday.jpg) no-repeat; color: #000; } #bannerqueensbirthday h1 { margin: 0; padding: 50px 30px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:lightblue; background: inherit; font-weight: bold;} #bannerramandanstart { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-ramandanstart.jpg) no-repeat; color: #000; } #bannerramandanstart h1 { margin: 0; padding: 150px 400px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:lightblue; background: inherit; font-weight: bold;} #bannereinstein { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-einstein.jpg) no-repeat; color: #000; } #bannereinstein h1 { margin: 0; padding: 10px 430px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:lightblue; background: inherit; font-weight: bold;} #bannerelvis { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-elvis.jpg) no-repeat; color: #000; } #bannerelvis h1 { margin: 0; padding: 10px 230px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:lightblue; background: inherit; font-weight: bold;} #bannerspectre { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-spectre.jpg) no-repeat; color: #000; } #bannerspectre h1 { margin: 0; padding: 150px 400px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerides { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-ides.png) no-repeat; color: #000; } #bannerides h1 { margin: 0; padding: 165px 200px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerfriday13 { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-friday13.jpg) no-repeat; color: #000; } #bannerfriday13 h1 { margin: 0; padding: 150px 55px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerburns { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-burns.jpg) no-repeat; color: #000; } #bannerburns h1 { margin: 0; padding: 150px 25px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerwaterloo { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-waterloo.jpg) no-repeat; color: #000;} #bannerwaterloo h1 { margin: 0; padding: 150px 25px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannercharlie { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-charlie.jpg) no-repeat; color: #000;} #bannercharlie h1 { margin: 0; padding: 160px 225px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannertesla { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-tesla.jpg) no-repeat; color: #000;} #bannertesla h1 { margin: 0; padding: 60px 265px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerholocaust { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-holocaust.jpg) no-repeat; color: #000;} #bannerholocaust h1 { margin: 0; padding: 120px 30px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannereclipse { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-eclipse.jpg) no-repeat; color: #000;} #bannereclipse h1 { margin: 0; padding: 120px 30px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerholi { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-holi.jpg) no-repeat; color: #000;} #bannerholi h1 { margin: 0; padding: 120px 50px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:purple; background: inherit; font-weight: bold;} #bannerboatrace { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-boatrace.jpg) no-repeat; color: #000;} #bannerboatrace h1 { margin: 0; padding: 10px 210px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:purple; background: inherit; font-weight: bold;} #bannergove { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-gove.png) no-repeat; color: #000;} #bannergove h1 { margin: 0; padding: 150px 440px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:purple; background: inherit; font-weight: bold;} #bannerstrike { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-strike.jpg) no-repeat; color: #000;} #bannerstrike h1 { margin: 0; padding: 150px 440px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:purple; background: inherit; font-weight: bold;} #bannerbastille { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-bastille.jpg) no-repeat; color: #000;} #bannerbastille h1 { margin: 0; padding: 150px 440px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:red; background: inherit; font-weight: bold;} #bannertourdefrance { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-tourdefrance.jpg) no-repeat; color: #000;} #bannertourdefrance h1 { margin: 0; padding: 150px 440px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerworldcuprugby { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-worldcuprugby.jpg) no-repeat; color: #000;} #bannerworldcuprugby h1 { margin: 0; padding: 50px 440px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannereiduladha { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-eiduladha.png) no-repeat; color: #000;} #bannereiduladha h1 { margin: 0; padding: 39px 440px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #banneragincourt { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-agincourt.jpg) no-repeat; color: #000;} #banneragincourt h1 { margin: 0; padding: 39px 245px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerparis2015 { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-paris15.jpg) no-repeat; color: #000;} #bannerparis2015 h1 { margin: 0; padding: 30px 20px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} /* 2016 */ #bannerbowie { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-bowie.jpg) no-repeat; color: #000;} #bannerbowie h1 { margin: 0; padding: 130px 420px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerworldcancerday { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-worldcancerday.png) no-repeat; color: #000; } #bannerworldcancerday h1 { margin: 0; padding: 170px 420px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:purple; background: inherit; font-weight: bold; } #bannersuperbowl { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-superbowl.jpg) no-repeat; color: #000;} #bannersuperbowl h1 { margin: 0; padding: 100px 480px 0 0; height: 0px; font: 100% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannergroundhogday { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-groundhogday.jpg) no-repeat; color: #000;} #bannergroundhogday h1 { margin: 0; padding: 100px 450px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerdarwinday { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-darwinday.jpg) no-repeat; color: #000;} #bannerdarwinday h1 { margin: 0; padding: 100px 450px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannermardisgras { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-mardisgras.jpg) no-repeat; color: #000;} #bannermardisgras h1 { margin: 0; padding: 150px 400px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannermandeladay { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-mandeladay.png) no-repeat; color: #000;} #bannermandeladay h1 { margin: 0; padding: 82px 70px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:black; background: inherit; font-weight: bold;} #bannerolympics { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-olympics.jpg) no-repeat; color: #000;} #bannerolympics h1 { margin: 0; padding: 120px 220px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:black; background: inherit; font-weight: bold;} #bannertalklikeapirateday { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-talklikeapirateday.jpg) no-repeat; color: #000;} #bannertalklikeapirateday h1 { margin: 0; padding: 160px 220px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #banneryomkippur { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-yomkippur.jpg) no-repeat; color: #000;} #banneryomkippur h1 { margin: 0; padding: 10px 220px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerworldtoiletday { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-worldtoiletday.png) no-repeat; color: #000;} #bannerworldtoiletday h1 { margin: 0; padding: 100px 470px 0 0; height: 0px; font: 100% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannershakespeare400 { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-shakespeare400.jpg) no-repeat; color: #000;} #bannershakespeare400 h1 { margin: 0; padding: 160px 60px 0 0; height: 0px; font: 100% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerchelseaflowershow { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-chelseaflowershow.jpg) no-repeat; color: #000;} #bannerchelseaflowershow h1 { margin: 0; padding: 60px 220px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:blue; background: inherit; font-weight: bold;} #bannereasterrising { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-easterrising.jpeg) no-repeat; color: #000;} #bannereasterrising h1 { margin: 0; padding: 130px 220px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerhastings { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-hastings.jpg) no-repeat; color: #000;} #bannerhastings h1 { margin: 0; padding: 145px 220px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #banner1966 { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-1966.jpg) no-repeat; color: #000;} #banner1966 h1 { margin: 0; padding: 160px 210px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:#dbdbdb; text-shadow:2px 2px 4px #495231; font-weight: bold; background: inherit; } #bannerchineserevolution { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-chineserevolution.jpg) no-repeat; color: #000;} #bannerchineserevolution h1 { margin: 0; padding: 160px 210px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:#dbdbdb; text-shadow:2px 2px 4px #495231; font-weight: bold; background: inherit; } #bannerpearlharbour { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-pearlharbour.jpg) no-repeat; color: #000;} #bannerpearlharbour h1 { margin: 0; padding: 60px 220px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:darkgrey; background: inherit; font-weight: bold;} #bannerstartrek { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-startrek.jpg) no-repeat; color: #000;} #bannerstartrek h1 { margin: 0; padding: 60px 220px 0 0; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:white; background: inherit; font-weight: bold;} #bannerrevolver { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-revolver.png) no-repeat; color: #000;} #bannerrevolver h1 { margin: 0; position: relative; top: 180px; right: 170px; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:black; background: inherit; font-weight: bold;} #banneruselection { width: 750px; margin: 0 0 30px 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-uselection.jpg) no-repeat; color: #000;} #banneruselection h1 { margin: 0; position: relative; top: 20px; right: 60px; height: 0px; font: 140% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:black; background: inherit; font-weight: bold;} #bannerbrexit { width: 750px; margin: 0 0 0 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-brexit.png) no-repeat; color: #000;} #bannerbrexit h1 { margin: 0; position: relative; top: 90px; right: 230px; height: 0px; font: 170% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:chocolate; background: inherit; font-weight: bold;} #bannerleapyear { width: 750px; margin: 0 0 0 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-leapyear.png) no-repeat; color: #000;} #bannerleapyear h1 { margin: 0; position: relative; top: 90px; right: 110px; height: 0px; font: 170% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:chocolate; background: inherit; font-weight: bold;} #bannerworldbookday { width: 750px; margin: 0 0 0 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-worldbookday.jpg) no-repeat; color: #000;} #bannerworldbookday h1 { margin: 0; position: relative; top: 85px; right: 380px; height: 0px; font: 170% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:chocolate; background: inherit; font-weight: bold;} #bannerprince { width: 750px; margin: 0 0 0 0; padding: 0; height: 200px; background: #000 url(images/Banners/banner-prince.jpg) no-repeat; color: #000;} #bannerprince h1 { margin: 0; position: relative; top: 145px; right: 380px; height: 0px; font: 170% "Trebuchet MS", verdana, arial, sans-serif; text-align: right; letter-spacing: 3px; color:chocolate; background: inherit; font-weight: bold;} /*TOP NAV*/ #navPyra { margin: 0; padding: 20px 0 20px 10px; border-bottom: 1px solid #aaa; } #navPyra li { margin: 0; padding: 0; display: inline; list-style-type: none; } #navPyra a:link, #navPyra a:visited { float: left; font-size: 1.2em; letter-spacing: 3px; line-height: 1em; font-weight: normal; padding: 0 12px 6px 12px; text-decoration: none; color: #000; } #navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover { color: #708491; background: url(images/pyramid.gif) no-repeat bottom center; } a.betterlink { text-decoration: underline; } a.betterlink:hover { color: blue; } /* SIDE CONTENT */ #side { width: 150px; float: left; margin: 0 auto; padding: 0 20px; background: inherit; color: #999; } #side p { margin: 1em 0 1em 0; } /* SIDE NAV */ #side ul { list-style : none; margin : 20px 0; padding : 0; } #side ul li { display : inline; padding : 0; margin : 0; } #side ul li a { display : block; color : #708491; background : inherit; text-decoration : none; margin : 0; padding : 3px 0; border-bottom : 1px solid #aaa; } #side ul li a:hover { text-decoration : none; background : #fff; color : #000; } /* MAIN CONTENT */ #content { width: 520px; margin-left: 200px; padding: 0 10px; } /* FOOTER */ #footer { margin-top: 60px; padding: .5em; clear: both; font-size: 11px; color: #fff; background: #000; border-top: 1px solid #aaa; } /* LINKS*/ a { color: #666; text-decoration: none; } a:hover { background: #eee; color: #708491; text-decoration: none; } a img { border: 0; } /* SEARCH BOX*/ legend { font-weight : bold; color : #000; } input { background : #fff; color : #000; } /* TYPOGRAPHY */ h2 { margin: 0; font: normal 150% verdana, arial, "Trebuchet MS", sans-serif; letter-spacing: 3px; color: #000; background: inherit; } /* CLASSES*/ .imgright { float : right; padding : 10px; border : 1px solid #aaa; margin-left : 10px; } .big { margin : 5px; font: 200% "Trebuchet MS", verdana, arial, sans-serif; font-size:200%; line-height: 2em; text-transform : uppercase; background: #fff; color: #2e2e2e; } /*IMPACT FONT*/ @font-face { font-family: impact; src: url("images/impact.eot") /* EOT file for IE */ } @font-face { font-family: impact; src: url("images/impact.ttf") /* TTF file for CSS3 browsers */ }