body { font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; color: #000000; } p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } h1, h2, h3 { color: #ea0081; font-size: 110%; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } hr { border: none; height: 1px; } blockquote { font-family: Arial, Helvetica, sans-serif; font-size: 70%; font-weight: 600; margin: 0px; padding: 0px 20px 0px 0px; line-height: 17px; } /************************HEADERS IMAGE/TEXT REPLACEMENT***********************/ .home h1, .home h2, .SubmitArea h3, .about h2, .hcaTitle, .overallWinner, .futureOpen, .futurePlay, .futureWorkLife, .futureGreenThink, .comSpace, .floating, .greenCom, .aesthetic { background-repeat: no-repeat; background-position: left; text-indent: -98765px; } .home h1 { background-image: url(/UserFiles/Image/page-titles/welcome.gif) !important; } .home h2 { background-image: url(/UserFiles/Image/page-titles/2009-winners.gif) !important; } .SubmitArea h3 { background-image: url(/UserFiles/Image/page-titles/sponsored-by.gif) !important; } .about h2 { background-image: url(/UserFiles/Image/page-titles/what-is-a-sustainable-community.gif); } .hcaTitle { background-image: url(/UserFiles/Image/page-titles/hca.gif) !important; } .overallWinner { background-image: url(/UserFiles/Image/page-titles/overall-winner-future.gif) !important; } .futureOpen { background-image: url(/UserFiles/Image/page-titles/future-open-spaces.gif) !important; } .futurePlay { background-image: url(/UserFiles/Image/page-titles/future-play-time-winner.gif) !important; } .futureWorkLife { background-image: url(/UserFiles/Image/page-titles/future-work-life.gif) !important; } .futureGreenThink { background-image: url(/UserFiles/Image/page-titles/future-green.gif) !important; } .comSpace { background-image: url(/UserFiles/Image/page-titles/communal-space.gif) !important; } .floating { background-image: url(/UserFiles/Image/page-titles/floating.gif) !important; } .greenCom { background-image: url(/UserFiles/Image/page-titles/green-commuter.gif) !important; } .aesthetic { background-image: url(/UserFiles/Image/page-titles/aesthetic.gif) !important; } /************************END HEADERS IMAGE/TEXT REPLACEMENT***********************/ /************************POSITIONAL LAYOUT***********************/ #Container { width: 764px; margin: auto; padding: 0px 0px 0px 0px; } #Content { margin: 0 auto 20px auto; padding: 10px 10px 30px 10px; border-top: dashed 1px #A7A9AC; border-left: dashed 1px #A7A9AC; border-right: dashed 1px #A7A9AC; overflow: hidden; display: block; } #Header { margin: 0px 0px 0px 0px; width: 744px; height: 84px; padding: 30px 0px 0px 20px; background-position: right; background-repeat: no-repeat; background-image: url(/UserFiles/Image/header_img_green.jpg); border-top: dashed 1px #A7A9AC; border-left: dashed 1px #A7A9AC; border-right: dashed 1px #A7A9AC; } #LeftCol { margin: 0px 0px 0px 0px; width: 167px; border: 1px solid #fff; padding: 0px 0px 0px 0px; float: left; } #MidCol { margin: 0px 0px 0px 0px; width: 412px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; } #FullCentralCol { margin: 0px 0px 0px 5px; width: 740px; } .left { float: left; } .right { float: right; } /************************END POSITIONAL LAYOUT***********************/ #Header a { text-indent: -98765px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(/UserFiles/Image/fv10_logo.gif); display: block; overflow: hidden; width: 248px; height: 49px; } /********************START TOP NAV************************/ ul#navMain { clear: both; font-size: 70%; list-style: none; width: 764px; padding: 0px 0 0 0; margin: 0; height: 26px; border-left: dashed 1px #A7A9AC; border-right: dashed 1px #A7A9AC; background: url(/Userfiles/Image/navMain.gif) top repeat-x; } ul#navMain li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-repeat: no-repeat; color: #77787B; float: left; border-left: 2px solid #a7a9ac; } ul#navMain li a { display: block; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; width: 150px; height: 26px; } .noBorder { border: none !important; } ul#navMain li a#home { background: url(/UserFiles/Image/navigation/home.jpg) no-repeat; } ul#navMain li.active a#home { background: url(/UserFiles/Image/navigation/home-on.jpg) no-repeat !important; } ul#navMain li a#about { background: url(/UserFiles/Image/navigation/about.jpg) no-repeat; } ul#navMain li.active a#about { background: url(/UserFiles/Image/navigation/about-on.jpg) no-repeat !important; } ul#navMain li a#enter { background: url(/UserFiles/Image/navigation/how-to-enter.jpg) no-repeat; } ul#navMain li.active a#enter { background: url(/UserFiles/Image/navigation/how-to-enter-on.jpg) no-repeat !important; } ul#navMain li a#form { background: url(/UserFiles/Image/navigation/entry-form.jpg) no-repeat; } ul#navMain li.active a#form { background: url(/UserFiles/Image/navigation/entry-form-on.jpg) no-repeat !important; } ul#navMain li a#newsletter { background: url(/UserFiles/Image/navigation/newsletter.jpg) no-repeat; } ul#navMain li.active a#newsletter { background: url(/UserFiles/Image/navigation/newsletter-on.jpg) no-repeat !important; } /********************END TOP NAV************************/ /********************FOOTER*******************/ #Footer { margin: 0 auto 0px auto; clear: both; width: 764px; position: relative; font-size: 70%; padding: 0px 0px 0px 0px; border-top: 3px solid #e2e2e4; } #Footer img { border: none; } #Footer a.imgFooter { position: absolute; right: 5px; top: 8px; border: 0px; } #Footer ul { padding: 0px; margin: 12px 0px 20px 0px; } #Footer ul li { display: inline; border-right: dashed 1px #A7A9AC; padding: 3px 8px 0px 8px; float: left; background-repeat: no-repeat; } #Footer ul li a { text-indent: -10000px; display: block; border: none; } /********* 'TEXT/IMAGE' REPLACE - Images are displayed for visual user/text is displayed for screen readers ***************/ #Footer .adminNav { background-image: url(/UserFiles/Image/footer/admin.jpg) !important; width: 60px; } #Footer .homeNav { background-image: url(/UserFiles/Image/footer/home.jpg) !important; width: 30px; } #Footer .aboutNav { background-image: url(/UserFiles/Image/footer/about.jpg) !important; background-repeat: no-repeat; width: 106px; } #Footer .winners2009Nav { background-image: url(/UserFiles/Image/footer/winners2009.jpg) !important; width: 64px; } #Footer .winnersStoriesNav { background-image: url(/UserFiles/Image/footer/2008winners-stories.jpg) !important; width: 111px; } #Footer .newsletterNav { background-image: url(/UserFiles/Image/footer/newsletter.jpg) !important; width: 55px; } #Footer .termsNav { background-image: url(/UserFiles/Image/footer/terms.jpg) !important; width: 108px; } /********************START SIDE NAV************************/ ul#navSide { list-style: none; width: 150px; height: 400px; font-size: 70%; padding: 0px 0 0 0; margin: 5px 0px 0px 0px; } ul#navSide p { display: block; padding: 1px 0 1px 0; margin: 0; font-size: 0.9em; color: #ffffff; } ul#navSide li { padding: 0px 0px 0px 0px; margin: -4px 0px 0px 0px; background-repeat: no-repeat; color: #77787B; width: 150px; display: block; clear: both; } ul#navSide li a { display: block; width: 150px; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; border-top: dashed 1px #A7A9AC; } ul#navSide li a#news { background: url(/UserFiles/Image/navigation/news.gif) no-repeat; height: 35px; } ul#navSide li.active a#news { background: url(/UserFiles/Image/navigation/news-on.gif) no-repeat !important; height: 35px; } ul#navSide li a#exampleEntries { background: url(/UserFiles/Image/navigation/example-entries.gif) no-repeat; height: 50px; } ul#navSide li.active a#exampleEntries { background: url(/UserFiles/Image/navigation/example-entries-on.gif) no-repeat !important; height: 50px; } ul#navSide li a#winnersStories { background: url(/UserFiles/Image/navigation/winners-stories.gif) no-repeat; height: 47px; } ul#navSide li.active a#winnersStories { background: url(/UserFiles/Image/navigation/winners-stories-on.gif) no-repeat !important; height: 50px; } ul#navSide li a#sponsorsSupporters { background: url(/UserFiles/Image/navigation/sponsors-supporters.gif) no-repeat; height: 44px; } ul#navSide li.active a#sponsorsSupporters { background: url(/UserFiles/Image/navigation/sponsors-supporters-on.gif) no-repeat !important; height: 44px; } ul#navSide li a#contacUs { background: url(/UserFiles/Image/navigation/contact-us.gif) no-repeat; height: 32px; } ul#navSide li.active a#contacUs { background: url(/UserFiles/Image/navigation/contact-us-on.gif) no-repeat !important; height: 32px; } ul#navSide li a img { border: 0; } /********************END SIDE NAV************************/ /********************MIDDLE COLUMN STYLES************************/ #MidCol .title { width: 413px; height: 123px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-repeat: no-repeat; background-position: top; } #MidCol .title h1 { color: #000; margin: 0px 0px 0px -9999em; padding: 0px 0px 0px 0px; width: 100px; } #MidColTop { margin: auto; width: 412px; padding: 0px 0px 0px 0px; float: left; border: dashed 1px #A7A9AC; } #MidColBottom { width: 413px; padding: 0px 0px 0px 0px; float: left; background-image: url(/UserFiles/Image/gradient_square.jpg); background-repeat: no-repeat; background-position: top; } #MidColBottom .PaddingObject { padding: 10px; } #MidColBottom .PaddingObject a { color: #808285; font-weight: 600; text-decoration: underline; } #MidColBottom .PaddingObject img { padding: 4px 4px 4px 4px; margin: 20px 0px 20px 0px; } #MidColBottom .PaddingObject a:hover { text-decoration: underline; color: #ea0081; } #MidColBottom p { color: #808285; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; line-height: 20px; font-size: 70%; } #MidColBottom table { color: #808285; line-height: 20px; font-size: 70%; } #MidColBottom img { padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; display: block; } #MidColBottom em { color: #EC008C; font-style: normal; } #MidColBottom strong { color: #808285; font-weight: 600; } #MidColBottom ul { margin: 0px 10px 0px 18px; color: #808285; font-size: 70%; padding: 0px 0px 0px 0px; } #MidColBottom ul#winnerssupporters { margin: 0px 10px 0px 0px; color: #808285; font-size: 70%; padding: 0px 0px 0px 0px; list-style-type: none; } #MidColBottom ul#winnerssupporters ul li { margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; text-decoration: underline; } #MidColBottom ul#winnerssupporters ul li a { margin: 0px 0px 0px -20px; padding: 0px 0px 2px 0px; text-decoration: underline; } #MidColBottom ul li { margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; line-height: 20px; } #MidColBottom ol { margin: 0px 10px 0px 18px; color: #808285; font-size: 70%; padding: 0px 0px 0px 0px; } #MidColBottom ol li { margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; line-height: 20px; font-size: 100%; } #MidColBottom ol ol { margin: 0px 10px 0px 2px; color: #808285; list-style-type: none; padding: 0px 0px 0px 0px; font-size: 100%; } #MidColBottom ol ol li li { margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; line-height: 20px; list-style-type: none; list-style-type: none; } #MidColBottom .contentgraybg { background-color: #818387; color: #fff; display: block; margin: 10px 0px 10px 0px; padding: 15px 10px 15px 10px; } #MidColBottom .contentgraybg p { color: #fff; padding: 0px 10px 0px 0px; } #MidColBottom .contentgraybg ul, #MidColBottom .contentgraybg li { color: #fff; } #MidColBottom .contentgraybg h3 { color: #fff; font-size: 120%; margin: 0px; padding: 5px 0px 5px 0px; font-size: 70%; } #MidColBottom .contentpinkbg { background-color: #f7e6ef; color: #de3580; display: block; margin: 10px 0px 10px 0px; padding: 10px; } #MidColBottom .contentpinkbg p, #MidColBottom .contentpinkbg ul, #MidColBottom .contentpinkbg li { color: #de3580; } #MidColBottom .contentturqbg { background-color: #c9e2e6; color: #107171; display: block; margin: 10px 0px 10px 0px; padding: 10px; } #MidColBottom .contentturqbg p, #MidColBottom .contentturqbg ul, #MidColBottom .contentturqbg li { color: #107171; } #MidColBottom .contentlightgraybg { background-color: #e8e7ea; color: #8b8f91; display: block; margin: 10px 0px 10px 0px; padding: 10px; } #MidColBottom .contentlightgraybg p, #MidColBottom .contentlightgraybg ul, #MidColBottom .contentlightgraybg li { color: #8b8f91; } #MidColBottom .supporter { border-left: 5px solid #bbbebf; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 10px; width: 88%; } #MidColBottom .supporter span { font-family: Arial, Helvetica, sans-serif; font-size: 70%; font-weight: 600; margin: 0px; padding: 0px 20px 0px 0px; color: #808285; } #MidColBottom .borderbot { clear: both; border-bottom: dashed 1px #A7A9AC; } #MidColBottom .newWinners { border-top: #babbbe solid 1px; clear: both; margin: 10px 0px 10px 0px; padding: 4px 0px 10px 0px; } #MidColBottom .newWinners p { margin: 10px 0px 0px 0px !important; padding: 0px 0px 10px 0px !important; } #MidColBottom .newWinners h2 { margin: 15px 0px 5px 0px !important; padding: 0px 0px 0px 0px !important; } #MidColBottom .newWinners h3 { margin: 0px 0px 0px 0px !important; padding: 0px 0px 5px 0px !important; color: #7f8090; font-size: 70%; } #MidColBottom .newWinners strong { margin: 0px 0px 0px 0px !important; padding: 0px 0px 10px 0px !important; color: #e9198c !important; font-size: 70%; } #MidColBottom .winners2009 ul li em { display: block; clear: both; color: #646366 !important; } #MidColBottom .winners2009 ul { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; display: block; overflow: hidden; } #MidColBottom .winners2009 ul li { margin: 0px 0px 0px 0px !important; padding: 0px 0px 10px 0px; line-height: 14px; float: left; width: 175px; min-height: 46px; height: auto !important; height: 46px; color: #e10097 !important; display: block; font-weight: 600; } #MidColBottom .winners2009 ul li em { display: block; clear: both; color: #646366 !important; } /********************END MIDDLE COLUMN STYLES************************/ /********************RIGHT COLUMN*******************/ #RightCol { margin: 0px 0px 0px 0px; width: 150px; display: block; padding: 0px; float: right; } #RightCol img { border: none; } #RightColBot img { border: none; } #RightColBot { margin: 15px 0px 0px 0px; width: 150px; padding: 0px; float: right; clear: right; display: block; height: 700px; } .SubmitArea { width: 152px; height: 178px; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; } .SubmitArea a em { text-indent: -99999px; background-image: url(/UserFiles/Image/buttons/submit-your-entry.gif); display: block; cursor: pointer; width: 152px; height: 178px; background-repeat: no-repeat; } .SubmitArea ul { display: block; list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; } .SubmitArea ul li { display: block; text-align: center; margin: 0px 0px 5px 0px; } .SubmitArea ul li a { text-indent: -99876px; display: block; overflow: hidden; font-size: 0px; line-height: 0px; margin: auto; background-repeat: no-repeat; } .sponsBruges { background-image: url(../../UserFiles/Image/Jason%20Bruges%20Studio%20logo.jpg); width: 106px; height: 122px; } .sponsEden { background-image: url(../../UserFiles/Image/eden%20project%20logo_red%20horizontal.jpg); width: 122px; height: 39px; } .sponsMars { background-image: url(/UserFiles/Image/marshalls.jpg); width: 145px; height: 65px; } .sponsTEP { background-image: url(/UserFiles/Image/TEP.jpg); width: 121px; height: 103px; } /*.sponsRok { background-image: url(/UserFiles/Image/rok.jpg); width: 140px; height: 139px; } */ /*.BikeAd { width: 143px; height: 175px; border-top: dashed 1px #A7A9AC; border-left: dashed 1px #A7A9AC; border-right: dashed 1px #A7A9AC; padding: 7px 0px 0px 7px; background-image: url(/UserFiles/Image/side_img2.jpg); background-repeat: no-repeat; }*/ .BikeAd p { background-image: url(/UserFiles/Image/side_text_2.png); background-repeat: no-repeat; text-indent: -98765px; width: 141px; height: 142px; } .BikeAdArrow { margin: 0px 0px 4px 0px; } .EmailEntry { background-color: #2289ba; padding: 10px; } .EmailEntry label { color: #fff; font-size: 70%; } .EmailEntry .side { width: 130px; border-left: dashed 1px #A7A9AC; border-right: dashed 1px #A7A9AC; border-bottom: dashed 1px #A7A9AC; } .EmailEntry .newsletter { width: 300px; padding: 10px; border-left: none; border-right: none; border-bottom: none; } .newsletter span { color: #fff; font-size: 70%; display: block; clear: both; } .EmailEntry p { color: #fff; font-size: 60%; margin: 0px; padding: 0px; } .validEmailLabel { color: #c0daaa; font-size: 60%; margin: 0px; padding: 0px; } .submitbtn { clear: both; border: none; margin: 10px 0px 10px 0px; } .DDtextbox { margin: 5px 0px 5px 0px; padding: 0px; width: 100px; } .DDtextboxnews { margin: 5px 0px 5px 0px; padding: 0px; width: 250px; } .DDbox { margin: 5px 0px 5px 0px; padding: 0px; width: 100px; font-size: 70%; } .DDbtn { background-color: #EC008C; } /********************END RIGHT COLUMN*******************/ /********************FOOTER*******************/ #Footer { margin: 0 auto 0px auto; clear: both; display: block; width: 764px; position: relative; font-size: 70%; padding: 0px 0px 0px 0px; border-top: 3px solid #e2e2e4; } #Footer img { border: none; } #Footer a.imgFooter { position: absolute; right: 5px; top: 8px; border: 0px; } #Footer ul { padding: 0px; margin: 12px 0px 20px 0px; } #Footer ul li { display: inline; border-right: dashed 1px #A7A9AC; padding: 3px 8px 0px 8px; float: left; } #Footer ul li a { text-indent: -10000px; display: block; border: none; background-repeat: no-repeat; } /********* 'TEXT/IMAGE' REPLACE - Images are displayed for visual user/text is displayed for screen readers ***************/ #Footer .adminNav { background-image: url(/UserFiles/Image/footer/admin.jpg) !important; width: 60px; } #Footer .homeNav { background-image: url(/UserFiles/Image/footer/home.jpg) !important; width: 30px; } #Footer .aboutNav { background-image: url(/UserFiles/Image/footer/about.jpg) !important; width: 106px; } #Footer .winners2009Nav { background-image: url(/UserFiles/Image/footer/winners2009.jpg) !important; width: 64px; } #Footer .winnersStoriesNav { background-image: url(/UserFiles/Image/footer/2008winners-stories.jpg) !important; width: 111px; } #Footer .newsletterNav { background-image: url(/UserFiles/Image/footer/newsletter.jpg) !important; width: 55px; } #Footer .termsNav { background-image: url(/UserFiles/Image/footer/terms.jpg) !important; width: 108px; } /********* END OF 'TEXT/IMAGE' REPLACE ***************/ .LoginTitle { color: #ea0081; font-size: 110%; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } .winners-stories-float { display: block; clear: both; padding: 0px 20px 0px 0px; } .winners-stories-float p { width: 280px; float: left; margin: 0px 20px 0px 0px; padding: 0px 20px 0px 0px; } .winners-stories-float img { float: left; margin: 0px 0px 0px 0px; padding: -10px 0px 0px 0px; } .winnerMain { width: 380px !important; font-size: 110%; min-height: 30px; height: auto !important; height: 30px; padding: 20px 0px 0px 0px !important; } /****************INDIVID*************/ .indent { padding-left: 15px !important; } .largeText { font-size: 130%; } .navborder { border-left: dashed 1px #A7A9AC; border-right: dashed 1px #A7A9AC; } .bqgreen { color: #1c6f43; } .bqlightgreen { color: #1c6f43; } .bqdkgreen { color: #0f7272; } .spons1 { background-image: url(/UserFiles/Image/spon1.gif) !important; background-repeat: no-repeat; width: 353px; height: 70px; text-indent: -98765px; } .spons2 { background-image: url(/UserFiles/Image/spon2.gif) !important; background-repeat: no-repeat; width: 362px; height: 40px; text-indent: -98765px; } .flashImg { background-image: url(/UserFiles/Image/for-better-more-sustainable.jpg) !important; height: 427px; background-repeat: no-repeat; text-indent: -98765px; } #CMSTopNav { border-left: dashed 1px #A7A9AC; border-top: solid 3px #ee1997; border-bottom: solid 3px #ee1997; border-right: dashed 1px #A7A9AC; width: 744px; padding: 0px 10px 0px 10px; background-color: #fbfbfb; font-size: small; font-weight: bold; } #CMSTopNav a { color: #636363; text-decoration: none; } #CMSTopNav a:hover { color: #ec058f; text-decoration: underline; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } /* End hide from IE-mac */