/* CSS Document */ /* -------------------------------------------------------------------------------------------------------------------- =IMPORT SEPERATE STYLE SHEETS -------------------------------------------------------------------------------------------------------------------- */ /* @import url(styles2.css); */ /* -------------------------------------------------------------------------------------------------------------------- =RESET CSS -------------------------------------------------------------------------------------------------------------------- */ /* Normalize margin. padding */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; } /* Normalize font-size for headers */ h1, h2, h3, h4, h5, h6 { font-size : 100%; } /* Remove list-style from lists */ ol, ul { list-style-type : none; } /* Remove list-style from lists */ table { border-collapse : collapse; border-spacing : 0; } /* Normalizes font-style and font-weight to normal */ dt, address, caption, cite, code, dfn, b, th, var { font-style:normal; font-weight:normal; } /* Removes border from fieldset and img */ fieldset, img { border : 0; } /* Left-aligns text in caption and th */ caption, th { text-align:left; } /* Removes Quotation marks from q */ q:before, q:after { content :''; } /* This says that any list item inside another list item should be the same size as its parent (the other list item) */ li li, li p, td p, BLOCKQUOTE p { font-size:1.2em; } /* 12px */ /* -------------------------------------------------------------------------------------------------------------------- =LAYOUT -------------------------------------------------------------------------------------------------------------------- */ /* =html */ html { text-align:center; background : #fff url(../images/html.gif) repeat-x; } /* =body */ body { position : relative; margin:0px auto; text-align:center; font-size:62.5%; } body#home { background: url(../images/body_bg/bodyBg_home.jpg) repeat-x #FFFFFF; } body#allAboutAirQuality { background: url(../images/body_bg/bodyBg_allaboutair.gif) no-repeat #FFFFFF; } body#yourHealth { background: url(../images/body_bg/bodyBg_youandyour.gif) no-repeat #FFFFFF; } body#soWhatCanWeDo { background: url(../images/body_bg/bodyBg_whatcanido.gif) no-repeat #FFFFFF; } body#youngPeople { background: url(../images/body_bg/bodyBg_learntocare.gif) no-repeat #FFFFFF; } body#care4airTv { background: url(../images/body_bg/bodyBg_tv.gif) no-repeat #FFFFFF; } body#news { background: url(../images/body_bg/bodyBg_news.gif) no-repeat #FFFFFF; } body#links { background: url(../images/body_bg/bodyBg_links.gif) no-repeat #FFFFFF; } body#awards { background: url(../images/body_bg/bodyBg_whatcanido.gif) no-repeat #FFFFFF; } body#gallery { background: url(../images/body_bg/bodyBg_allaboutair.gif) no-repeat #FFFFFF; } body#clearconf { background: url(../images/body_bg/bodyBg_clearconf.gif) no-repeat #FFFFFF; } body#ecoStarsScheme { background: url(../images/body_bg/bodyBg_ecostarscheme.gif) no-repeat #FFFFFF; } body#emw { background: url(../images/body_bg/bodyBg_emw.gif) no-repeat #FFFFFF; } body#walk { background: url(../images/body_bg/bodyBg_whatcanido.gif) no-repeat #FFFFFF; } body#clearconf09 { background: url(../images/body_bg/bodyBg_clearconf.gif) no-repeat #FFFFFF; } body#ecoschools { background: url(../images/body_bg/bodyBg_youandyour.gif) no-repeat #FFFFFF; } body#awards10 { background: url(../images/body_bg/bodyBg_awards10.gif) no-repeat #FFFFFF; } body#smokeMap { background: url(../images/body_bg/bodyBg_whatcanido.gif) no-repeat #FFFFFF; } body#clearconf10 { background: url(../images/body_bg/bodyBg_clearer10.gif) no-repeat #FFFFFF; } body#clearconf12 { background: url(../images/body_bg/bodyBg_clearer12.gif) no-repeat #FFFFFF; } /* =main elements */ div#masthead, div#footer, div#content { width:100%; } div#container { width : 760px; margin:0 auto; /* center within container */ background-color:#4EBCE2; text-align:left; } #home div#masthead { position:relative; height:216px; background:url(../images/masts/mast_home.jpg) bottom no-repeat; } #allAboutAirQuality div#masthead { position:relative; height:223px; background:url(../images/masts/mast_allaboutair.jpg); } #yourHealth div#masthead { position:relative; height:223px; background:url(../images/masts/mast_youandyour.jpg); } #soWhatCanWeDo div#masthead { position:relative; height:223px; background:url(../images/masts/mast_whatcanido.jpg); } #youngPeople div#masthead { position:relative; height:223px; background:url(../images/masts/mast_learntocare.jpg); } #care4airTv div#masthead { position:relative; height:223px; background:url(../images/masts/mast_tv.jpg); } #news div#masthead { position:relative; height:223px; background:url(../images/masts/mast_news.jpg); } #links div#masthead { position:relative; height:223px; background:url(../images/masts/mast_links.jpg); } #awards div#masthead { position:relative; height:223px; background:url(../images/masts/mast_awards.jpg); } #gallery div#masthead { position:relative; height:223px; background:url(../images/masts/mast_gallery.jpg); } #clearconf div#masthead { position:relative; height:223px; background:url(../images/masts/mast_clearconf.jpg); } #ecoStarsScheme div#masthead { position:relative; height:223px; background:url(../images/masts/mast_ecostarscheme.jpg); } #emw div#masthead { position:relative; height:223px; background:url(../images/masts/mast_emw.jpg); } #walk div#masthead { position:relative; height:223px; background:url(../images/masts/mast_walk.jpg); } #clearconf09 div#masthead { position:relative; height:223px; background:url(../images/masts/mast_clearconf09.jpg); } #ecoschools div#masthead { position:relative; height:223px; background:url(../images/masts/mast_ecoschools.jpg); } #awards10 div#masthead { position:relative; height:223px; background:url(../images/masts/mast_awards10.jpg) } #smokeMap div#masthead { position:relative; height:223px; background:url(../images/masts/mast_smokeArea.jpg); } #clearconf10 div#masthead { position:relative; height:223px; background:url(../images/masts/mast_clearconf10.jpg); } #clearconf12 div#masthead { position:relative; height:223px; background:url(../images/masts/mast_clearconf12.jpg); } /*#news div#middleColumn { width:567px; } */ /* removes right column*/ /*#news div#rightColumn { display:none; } */ /* removes right column*/ div#leftColumn, div#middleColumn, div#rightColumn { float:left; } div#leftColumn { width:193px; } div#middleColumn { width:365px; } div#rightColumn { width:202px; } div#logoRow { clear:both; float:left; width:100%; margin:20px 0 0 0; background:url(../ecoschools/images/bg_logorow.jpg) top no-repeat; } div#logoRowBox { margin:30px 0 0 50px; } p.logoRowLogos { float:left; margin:0 0.6em 1em 0; padding:0; } .logoRowLogos img { position:relative; border:1px solid #FFF; margin:2px; padding:5px; } /* .logoRowLogos img:hover { border: 1px solid #fff; background: #DDD; } .logoRowLogos a:hover { background-color: transparent; border: none } */ .clear { clear: both; } .lastElementVert { margin-bottom:2em; } /* ECO Schools */ div.backtoNews { height:38px; width:168px; display:block; margin:30px 0px 0px 20px; text-indent:-9999px; clear:both; } div.backtoNews a { background: url(../ecoschools/images/btn_backtoNews.gif) top center no-repeat; height:38px; width:168px; display:block; } div.backtoNews a { background-position:0px 0px; } div.backtoNews a:hover { background-position:0px -38px; } div.readNews { height:38px; width:168px; display:block; margin:10px 0px 30px 20px; text-indent:-9999px; clear:both; } div.readNews a { background: url(../ecoschools/images/btn_readNews.gif) top center no-repeat; height:38px; width:168px; display:block; } div.readNews a { background-position:0px 0px; } div.readNews a:hover { background-position:0px -38px; } h4.newsIconRoth { width:169px; height:21px; display:block; text-indent:-9999px; clear:both; background:url(../ecoschools/images/newsIcon_roth.jpg) no-repeat; padding:0; } h4.newsIconBarn { width:169px; height:21px; display:block; text-indent:-9999px; clear:both; background:url(../ecoschools/images/newsIcon_barn.jpg) no-repeat; padding:0; } h4.newsIconDonc { width:169px; height:21px; display:block; text-indent:-9999px; clear:both; background:url(../ecoschools/images/newsIcon_donc.jpg) no-repeat; padding:0; } h4.newsIconShef { width:169px; height:21px; display:block; text-indent:-9999px; clear:both; background:url(../ecoschools/images/newsIcon_shef.jpg) no-repeat; padding:0; } /* -------------------------------------------------------------------------------------------------------------------- =TYPOGRAPHY -------------------------------------------------------------------------------------------------------------------- */ /* remember parenting em when nesting elements! */ body { font-family:Arial, Helvetica, sans-serif; } h2, h3, h4, h5, p, ul, table, blockquote, iframe { margin : 0 20px; padding:.5em 0; } /* =blocktext - 20px is left & right margin*/ h1 { font-size:2.4em; } /* font size displayed at 24px */ h2 { font-size:2.2em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; } /* font size displayed at 18px */ h3 { font-size:1.5em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; } /* font size displayed at 15px */ h4 { font-size:1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; font-style:italic;} /* font size displayed at 12px */ h5 { font-size:1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; font-style:italic;} /* font size displayed at 12px */ p { font-size:1.2em; font-family:Arial, Helvetica, sans-serif; } /* font size displayed at 12px */ /* h2+p { font-weight:bold !important; } */ #news h4+p { font-weight:bold !important; } th { font-size:1.2em; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; padding: 3px; border: solid 1px #FFFFFF; background-color:#14165b;} td { font-size:1.2em; line-height:1.3em; font-family:Arial, Helvetica, sans-serif; color:#1D1F78; padding: 8px 0; border:none;} div#middleColumn p { color:#14165b; font-weight:normal; } .bold { font-weight:bold !important; } .italic { font-style:italic;} form { background: url('../images/bg_content.gif') no-repeat; padding-top: 30px; padding-bottom: 20px; margin:0 0 0 15px; } form td { border: none; color:#000000;} form p {color:#000000 !important; font-size:1.2em;} form p span {color:#FFF !important; font-size:1.2em; font-weight:bold; } form td span.boldWhite { color:#FFF; font-weight:bold; font-size:1em; } #formCopy { font-size:1em; } /* -------------------------------------------------------------------------------------------------------------------- =NAVIGATION -------------------------------------------------------------------------------------------------------------------- */ /* links */ a, a:link, a:visited { color:#1D1F78; font-weight: bold; outline: none; border:none; text-decoration: underline;} a:hover { color:#FFF; font-weight: bold; text-decoration: underline; } div#navTop { position: relative; width: 165px; height: 15px; background: #80C5E5 url('../images/nav/nav_top.gif') no-repeat; } div#mainNav, div#subNav { position: relative; margin: 0px 0px 0px 15px; } #home div#navBottom { position: relative; width: 165px; height: 15px; background: url('../images/nav/nav_bottom_home.gif') no-repeat; } div#navBottom { position: relative; width: 165px; height: 15px; background: #4EBCE2 url('../images/nav/nav_bottom.gif') no-repeat; } #mainNav ul { margin: -5px 0px -5px 0px; text-align: left; list-style-type: none; } #mainNav ul a, div#subNav ul a{ padding: 5px 0px 5px 10px; display: block; text-decoration: none; border-bottom: solid 0px #FFF; color: #202F4E; width: 155px; \width: 228px; /*176 + 10 + 43 */ w\idth: 155px; } #mainNav li { font-size:1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} /* font size displayed at 12px */ /* home */ #mainNav ul a.home {background: #80C5E5 url('../images/nav/navbg.gif') no-repeat;} #mainNav ul a.home:hover {background: #CCCCCC url('../images/nav/home_over.gif') no-repeat;} /* all about air quality */ #mainNav ul a.link1 {background: #80C5E5 url('../images/nav/navbg.gif') no-repeat;} #mainNav ul a.link1:hover {background: #2EADE9 url('../images/nav/all_about_over.gif') no-repeat;} /* What can I do? */ #mainNav ul a.link2 {background: #80C5E5 url('../images/nav/navbg.gif') no-repeat;} #mainNav ul a.link2:hover {background: #7BC50E url('../images/nav/you_do_over.gif') no-repeat;} /* You and your health */ #mainNav ul a.link3 {background: #80C5E5 url('../images/nav/navbg.gif') no-repeat;} #mainNav ul a.link3:hover {background: #38C289 url('../images/nav/you_and_your_health_over.gif') no-repeat;} /* Gallery */ #mainNav ul a.link4 {background: #80C5E5 url('../images/nav/navbg.gif') no-repeat;} #mainNav ul a.link4:hover {background: #FF9D03 url('../images/nav/gallery_over.gif') no-repeat;} /* Care4Air TV */ #mainNav ul a.link5 {background: #80C5E5 url('../images/nav/navbg.gif') no-repeat;} #mainNav ul a.link5:hover {background: #FF412B url('../images/nav/care4air_tv_over.gif') no-repeat;} /* News */ #mainNav ul a.link6 {background: #80C5E5 url('../images/nav/navbg.gif') no-repeat;} #mainNav ul a.link6:hover {background: #FF6C00 url('../images/nav/news_over.gif') no-repeat;} /* links */ #mainNav ul a.link7 {background: #80C5E5 url('../images/nav/navbg.gif') no-repeat;} #mainNav ul a.link7:hover {background: #BB4FFF url('../images/nav/links_over.gif') no-repeat;} /* awards */ #mainNav ul a.link8 {background: #80C5E5 url('../images/nav/navbg.gif') no-repeat;} #mainNav ul a.link8:hover {background: #027CBB url('../images/nav/c4a_awards_over.gif') no-repeat;} /* #mainNav li a:hover, #home #nav li a.home, #page2 #nav li a.link2, #page3 #nav li a.link3, #page4 #nav li a.link4, #page5 #nav li a.link5, #page6 #nav li a.link6, #page7 #nav li a.link7, #page10 #nav li a.link10 { background: #C9D3E6 url('../images/nav/all_about_over.gif') no-repeat; } */ /* Current page Indicators */ #home #mainNav ul a.home { background: #CCCCCC url('../images/nav/home_over.gif') 0px 0px no-repeat; } #allAboutAirQuality #mainNav ul a.link1 { background: #2EADE8 url('../images/nav/all_about_over.gif') 0px 0px no-repeat; } #soWhatCanWeDo #mainNav ul a.link2 { background: #7BC50E url('../images/nav/you_do_over.gif') 0px 0px no-repeat; } #yourHealth #mainNav ul a.link3 { background: #38C289 url('../images/nav/you_and_your_health_over.gif') 0px 0px no-repeat; } #gallery #mainNav ul a.link4 { background: #FF9D03 url('../images/nav/gallery_over.gif') 0px 0px no-repeat; } #care4airTv #mainNav ul a.link5 { background: #FF412B url('../images/nav/care4air_tv_over.gif') 0px 0px no-repeat; } #news #mainNav ul a.link6 { background: #BD53FF url('../images/nav/news_over.gif') 0px 0px no-repeat; } #links #mainNav ul a.link7 { background: #027CBC url('../images/nav/links_over.gif') 0px 0px no-repeat; } #awards #mainNav ul a.link8 { background: #FF6C00 url('../images/nav/c4a_awards_over.gif') 0px 0px no-repeat; } /* -------------------------------------------------------------------------------------------------------------------- =SUB NAVIGATION -------------------------------------------------------------------------------------------------------------------- */ ul#subNav li { font-size:0.9em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width: 165px; } /* font size displayed at 12px */ ul#subNav a.link1Sub {background: #BCEEFF } ul#subNav a.link1Sub:hover {background: #BCEEFF url('../images/nav/subnav/all_about_2.gif') no-repeat;} /* What can I do? */ ul#subNav a.link2Sub {background: #C4FF28 } ul#subNav a.link2Sub:hover {background: #C4FF28 url('../images/nav/subnav/you_do_2.gif') no-repeat;} /* You and your health */ ul#subNav a.link3Sub {background: #97E0C2 } ul#subNav a.link3Sub:hover {background: #97E0C2 url('../images/nav/subnav/your_health_2.gif') no-repeat;} ul#subNav a.link4Sub {background: #FFBA00 } ul#subNav a.link4Sub:hover {background: #FFBA00 url('../images/nav/subnav/young_people_2.gif') no-repeat;} /* Care4Air TV */ ul#subNav a.link5Sub {background: #FF8E80 } ul#subNav a.link5Sub:hover {background: #FF8E80 url('../images/nav/subnav/care4air_tv_2.gif') no-repeat;} /* News */ ul#subNav a.link6Sub {background: #E5BFFF } ul#subNav a.link6Sub:hover {background: #E5BFFF url('../images/nav/subnav/news_2.gif') no-repeat;} /* Sub section buttons */ div#learnToCare4Air { height:39px; width:166px; display:block; margin:8px 0px 0px 0px; text-indent:-9999px; } div#learnToCare4Air a { background:url(../images/nav/learn_to_c4a.jpg) top center no-repeat; height:39px; width:165px; display:block; } div#learnToCare4Air a { background-position:0px 0px; } div#learnToCare4Air a:hover { background-position:0px -39px; } div#ecoStarsScheme { height:39px; width:166px; display:block; margin:8px 0px 0px 0px; text-indent:-9999px; } div#ecoStarsScheme a { background:url(../images/nav/eco_stars_scheme.jpg) top center no-repeat; height:39px; width:165px; display:block; } div#ecoStarsScheme a { background-position:0px 0px; } div#ecoStarsScheme a:hover { background-position:0px -39px; } div#homeSectionBtns { margin:18px 0 0 15px; } div#ecoSchools { height:39px; width:166px; display:block; margin:8px 0px 0px 0px; text-indent:-9999px; } div#ecoSchools a { background:url(../images/nav/ecoSchools_btn.jpg) top center no-repeat; height:39px; width:165px; display:block; } div#ecoSchools a { background-position:0px 0px; } div#ecoSchools a:hover { background-position:0px -39px; } div#backToCare4Air { height:39px; width:166px; display:block; margin:8px 0px 0px 0px; text-indent:-9999px; } div#backToCare4Air a { background: url(../images/btns/btn_backToCare4Air.jpg) top center no-repeat; height:39px; width:165px; display:block; } div#backToCare4Air a { background-position:0px 0px; } div#backToCare4Air a:hover { background-position:0px -39px; } /* #home div#learnToCare4Air { height:39px; width:166px; display:block; text-indent:-9999px; margin-top:5px; margin-left:15px; } #home div#learnToCare4Air a { background:url(../images/nav/learn_to_c4a.jpg) bottom center no-repeat; height:39px; width:165px; display:block; } #home div#learnToCare4Air a { background-position:0px 0px; } #home div#learnToCare4Air a:hover { background-position:0px -39px; } #home div#ecoStarsScheme { height:39px; width:166px; display:block; text-indent:-9999px; margin-top:5px; margin-left:15px; } #home div#ecoStarsScheme a { background:url(../images/nav/eco_stars_scheme.jpg) bottom center no-repeat; height:39px; width:165px; display:block; } #home div#ecoStarsScheme a { background-position:0px 0px; } #home div#ecoStarsScheme a:hover { background-position:0px -39px; } */ /* -------------------------------------------------------------------------------------------------------------------- =bullet nav -------------------------------------------------------------------------------------------------------------------- */ .bulletNav { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 500px; margin-left: 20px; margin-bottom:10px; } a.bulletNavButton { background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right; display: block; float: left; font: normal 12px arial, sans-serif; height: 17px; margin: 6px 6px 0px 0px; text-decoration:none !important; color:#000 !important; padding-right: 16px; /* sliding doors padding */ } a.bulletNavButton span { background: transparent url('../images/bg_button_span.gif') no-repeat; display: block; line-height: 5px; padding: 6px 0 6px 16px; } a.bulletNavButton:hover { background-position: bottom right; color: #fff !important; outline: none; /* hide dotted outline in Firefox */ } a.bulletNavButton:hover span { background-position: bottom left; } div#secondNav { height:71px; background:url(../images/bg_subnav.gif) no-repeat; position:relative; margin-top:18px; margin-bottom:10px; } /* -------------------------------------------------------------------------------------------------------------------- = graphical content buttons -------------------------------------------------------------------------------------------------------------------- */ a.button { background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right; display: block; float: left; font: normal 12px arial, sans-serif; height: 17px; margin: 6px 6px 10px 0px; text-decoration:none !important; color:#000 !important; padding-right: 16px; /* sliding doors padding */ } a.button span { background: transparent url('../images/bg_button_span.gif') no-repeat; display: block; line-height: 5px; padding: 6px 0 6px 16px; } a.button:hover { background-position: bottom right; color: #fff !important; outline: none; /* hide dotted outline in Firefox */ } a.button:hover span { background-position: bottom left; } /* -------------------------------------------------------------------------------------------------------------------- =MASTHEAD -------------------------------------------------------------------------------------------------------------------- */ h1#logo { background:url(../images/logo.gif); z-index:1; position:absolute; left:18px; top:15px; background-repeat:no-repeat; width:185px; height:44px; text-indent:-9999px; overflow:hidden; margin:0px; } /* html h1#logo { background-image:none; filter:progid:DXImagetransform.Microsoft.AlphaImageLoader(src="../images/logo.gif"); } */ div#pageTitle { position:absolute; top:68px; left:0px; height:142px; width:300px; text-indent:-9999px; } #home div#pageTitle { } #allAboutAirQuality div#pageTitle { background: url(../images/mainheadings/heading_allaboutair.gif); background-repeat:no-repeat; } #soWhatCanWeDo div#pageTitle { background: url(../images/mainheadings/heading_whatcanido.gif); background-repeat:no-repeat; } #yourHealth div#pageTitle { background: url(../images/mainheadings/heading_youandyour.gif); background-repeat:no-repeat; } #youngPeople div#pageTitle { background: url(../images/mainheadings/heading_learntocare.gif); background-repeat:no-repeat; } #care4airTv div#pageTitle { background: url(../images/mainheadings/heading_tv.gif); background-repeat:no-repeat; } #news div#pageTitle { background: url(../images/mainheadings/heading_news.gif); background-repeat:no-repeat; } #links div#pageTitle { background: url(../images/mainheadings/heading_links.gif); background-repeat:no-repeat; } #gallery div#pageTitle { background: url(../images/mainheadings/heading_gallery.gif); background-repeat:no-repeat; } div#contactDetails { position:absolute; left:583px; top:2px; } div#contactDetails ul { display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;} div#contactDetails li { display:inline; } div#contactDetails li a { text-decoration:none; font-weight: bold; color:#FFFFFF; } div#contactDetails li a:hover { font-weight: bold; text-decoration:underline; color:#FFFFFF; } div#contactDetails p { color: #1D1F78; font-weight:bold; font-size:14px; } div#contactDetails p a { color: #1D1F78; } div#contactDetails p a:hover { color: #FFFFFF; } div#syPlaces { position:absolute; left:443px; top:0px; display:none; } div#syPlaces ul { display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;} div#syPlaces li { display:inline; } div#syPlaces li a { text-decoration:none; font-weight: bold; color:#FFFFFF; } div#syPlaces li a:hover { font-weight: bold; text-decoration:underline; color:#FFFFFF; } /* -------------------------------------------------------------------------------------------------------------------- =LEFT COLUMN -------------------------------------------------------------------------------------------------------------------- */ div#linkSYForest { height:156px; width:139px; margin-left:30px; text-indent:-9999px; display:none; } div#linkSYForest a { background:url(../images/btns/btn_syforest.gif) top center no-repeat; height:156px; width:139px; display:block; } div#linkSYForest a { background-position:0px 0px; } div#linkSYForest a:hover { background-position:0px -156px; } div#linkClearer { height:150px; width:193px; display:block; margin:10px 0 0 0; text-indent:-9999px; } div#linkClearer a { background: url(../images/btns/btn_clearconf12.jpg) top center no-repeat; height:150px; width:193px; display:block; } div#linkClearer a { background-position:0px 0px; } div#linkClearer a:hover { background-position:0px -150px; } div#linkYouTube { height:127px; width:193px; display:block; margin:10px 0 0 0; text-indent:-9999px; } div#linkYouTube a { background:url(../images/btns/btn_you_tube.jpg) top center no-repeat; height:127px; width:193px; display:block; } div#linkYouTube a { background-position:0px 0px; } div#linkYouTube a:hover { background-position:0px -127px; } div#linkCare4airAwards2 { height:150px; width:193px; display:block; margin:10px 0 0 0; text-indent:-9999px; } div#linkCare4airAwards2 a { background:url(../images/btns/c4a_awards.jpg) top center no-repeat; height:150px; width:193px; display:block; } div#linkCare4airAwards2 a { background-position:0px 0px; } div#linkCare4airAwards2 a:hover { background-position:0px -150px; } div#linkCare4airAwards10 { height:150px; width:193px; display:block; margin:10px 0 0 0; text-indent:-9999px; } div#linkCare4airAwards10 a { background:url(../images/btns/c4a_awards10.jpg) top center no-repeat; height:150px; width:193px; display:block; } div#linkCare4airAwards10 a { background-position:0px 0px; } div#linkCare4airAwards10 a:hover { background-position:0px -150px; } div#linkSmokeControl { height:150px; width:193px; display:block; margin:10px 0 0 0; text-indent:-9999px; } div#linkSmokeControl a { background: url(../images/btns/btn_smokeControl.jpg) top center no-repeat; height:150px; width:193px; display:block; } div#linkSmokeControl a { background-position:0px 0px; } div#linkSmokeControl a:hover { background-position:0px -150px; } div#linkEMW { height:126px; width:193px; display:block; margin:10px 0 0 0; text-indent:-9999px; } div#linkEMW a { background:url(../images/btns/btn_emw.jpg) top center no-repeat; height:126px; width:193px; display:block; } div#linkEMW a { background-position:0px 0px; } div#linkEMW a:hover { background-position:0px -126px; } div#linkFuelAware { height:150px; width:193px; display:block; margin:10px 0 0 0; text-indent:-9999px; } div#linkFuelAware a { background: url(../images/btns/btn_fuelAware.jpg) top center no-repeat; height:150px; width:193px; display:block; } div#linkFuelAware a { background-position:0px 0px; } div#linkFuelAware a:hover { background-position:0px -150px; } /* MIDDLE COLUMN --------------- */ div#middleColumn div.hr { margin:10px 20px 10px 20px; height: 2px; background: url('../images/hr.gif') repeat-x scroll center; clear:both;} div#middleColumn div.hr hr { display: none; } div#middleColumn li { line-height:1.5em; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; margin: 0px; margin-left: 25px; margin-bottom:10px; list-style:disc; color:#1D1F78; } div#middleColumn ol { margin: 0px; margin-left: 25px; color:#1D1F78; } div#registerBtn { height:58px; width:237px; display:block; margin:0 auto; text-indent:-9999px; } div#registerBtn a { background:url(../images/btns/btn_register.jpg) top center no-repeat; height:58px; width:237px; display:block; } div#registerBtn a { background-position:0px 0px; } div#registerBtn a:hover { background-position:0px -58px; } div#btnSmokeMap { height:109px; width:400px; display:block; margin:0 0 0 15px; text-indent:-9999px; } div#btnSmokeMap a { background:url(../images/btns/btn_smokeMap.jpg) top center no-repeat; height:109px; width:400px; display:block; } div#btnSmokeMap a { background-position:0px 0px; } div#btnSmokeMap a:hover { background-position:0px -109px; } div#btnSubmitQ { height:109px; width:400px; display:block; margin:0 0 0 15px; text-indent:-9999px; } div#btnSubmitQ a { background:url(../images/btns/btn_submitQuestion.jpg) top center no-repeat; height:109px; width:400px; display:block; } div#btnSubmitQ a { background-position:0px 0px; } div#btnSubmitQ a:hover { background-position:0px -109px; } /* AIR POLLUTANTS PAGE ------------------------------ */ div#subAir { position:absolute; left:21px; top:15px; height:18px; width:91px; display:block; margin:0 0 0 0; text-indent:-9999px; } div#subAir a { background: url(../images/btns/subnav/sub_airPollutants.jpg) top center no-repeat; height:18px; width:91px; display:block; } div#subAir a { background-position:0px 0px; } div#subAir a:hover { background-position:0px -18px; } div#subMeasure { position:absolute; left:119px; top:15px; height:18px; width:155px; display:block; margin:0 0 0 0; text-indent:-9999px; } div#subMeasure a { background: url(../images/btns/subnav/sub_measure.jpg) top center no-repeat; height:18px; width:155px; display:block; } div#subMeasure a { background-position:0px 0px; } div#subMeasure a:hover { background-position:0px -18px; } div#subQuality { position:absolute; left:108px; top:40px; height:19px; width:105px; display:block; margin:0 0 0 0; text-indent:-9999px; } div#subQuality a { background: url(../images/btns/subnav/sub_airquality.jpg) top center no-repeat; height:19px; width:105px; display:block; } div#subQuality a { background-position:0px 0px; } div#subQuality a:hover { background-position:0px -19px; } div#subGreenhouse { position:absolute; left:220px; top:40px; height:19px; width:121px; display:block; margin:0 0 0 0; text-indent:-9999px; } div#subGreenhouse a { background: url(../images/btns/subnav/sub_greenhouse.jpg) top center no-repeat; height:19px; width:121px; display:block; } div#subGreenhouse a { background-position:0px 0px; } div#subGreenhouse a:hover { background-position:0px -19px; } div#linkTubes { height:118px; } /* HOME PAGE ------------------------------ */ div#homeContentTop { background:url(../images/home_panel_bg.jpg) top center no-repeat; width:760px; height: 332px !important; } div#homeLeftColumnTop { width:193px; float:left; } div#homeMiddleColumnTop { width:275px; float:left;} div#homeRightColumnTop { width:272px; float:left;} div#homeContentBottom { width:760px; } div#homeLeftColumnBottom { width:193px; float:left;} div#homeMiddleColumnBottom { width:362px; float:left; margin-left: 3px} div#homeRightColumnBottom { width:202px; float:left;} div#homeTop { background: url(../images/home_top.jpg) top left no-repeat; height:67px; width:760px; display:block; } div#flashVideo { width:759px; height:149px; } div#flashFeatures { width:262px; height:300px; margin-left:4px; } div#homeWelcome { height:67px; width:365px; display:block; text-indent:-9999px; background:url(../images/home_welcome.gif); } div#latestNews { background: url(../images/home_news_bg.jpg) top left no-repeat; width:362px; display:block; margin-top: 18px; } div#latestNewsContent { padding-top: 30px; } div#latestNews h3, div#latestNews p { color:#FFFFFF; margin: 0 14px 0 14px;} div#latestNews img { padding: 3px; margin: 3px; border: solid 1px #ffffff; } div#latestNewsFooter { background: url(../images/home_news_footer_bg.jpg) top left no-repeat; width:362px; height:13px; display:block; } div#latestNewsMore { height:24px; width:77px; display:block; margin-top:0px; margin-bottom:0; margin-left:14px; margin-right:0; text-indent:-9999px; } div#latestNewsMore a { background:url(../images/home_news_morebtn.gif) top center no-repeat; height:24px; width:77px; display:block; } div#latestNewsMore a { background-position:0px 0px; } div#latestNewsMore a:hover { background-position:0px -24px; } div#myArea { background: url(../images/home_inmyarea_bg.png) top left no-repeat; height:185px; width:362px; display:block; margin-top: 18px; padding-top: 30px; } div#myAreaContent { padding:8px 10px 0px 25px; } div#myArea ul { display:block; font-size:1.4em; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; } div#myArea ul li { line-height: 25px; } div#myArea ul a { color:#FFF; text-decoration:none;} div#homeBtn1 { height:128px; width:365px; display:block; margin:0 0 0 0; text-indent:-9999px; } div#homeBtn1 a { background: url(../images/btns/btn_home1.jpg) top center no-repeat; height:128px; width:365px; display:block; } div#homeBtn1 a { background-position:0px 0px; } div#homeBtn1 a:hover { background-position:0px -128px; } div#homeBtn2 { height:117px; width:365px; display:block; margin:0 0 0 0; text-indent:-9999px; } div#homeBtn2 a { background: url(../images/btns/btn_home2.jpg) top center no-repeat; height:117px; width:365px; display:block; } div#homeBtn2 a { background-position:0px 0px; } div#homeBtn2 a:hover { background-position:0px -117px; } div#homeBtn3 { height:118px; width:365px; display:block; margin:0 0 0 0; text-indent:-9999px; } div#homeBtn3 a { background: url(../images/btns/btn_home3.jpg) top center no-repeat; height:118px; width:365px; display:block; } div#homeBtn3 a { background-position:0px 0px; } div#homeBtn3 a:hover { background-position:0px -118px; } /* ECO STARS PAGE ------------------------------ */ /* -------------------------------------------------------------------------------------------------------------------- =RIGHT COLUMN -------------------------------------------------------------------------------------------------------------------- */ /* AIR POLLUTANTS PAGE ------------------------------ */ div#linkBlog { height:150px; width:193px; display:block; margin-top:8px; margin-bottom:0; margin-left:0; margin-right:0; text-indent:-9999px; } div#linkBlog a { background:url(../images/btns/btn_blog.jpg) top center no-repeat; height:150px; width:193px; display:block; } div#linkBlog a { background-position:0px 0px; } div#linkBlog a:hover { background-position:0px -150px; } div#linkWalking { height:150px; width:193px; display:block; margin-top:8px; margin-bottom:0; margin-left:0; margin-right:0; text-indent:-9999px; } div#linkWalking a { background:url(../images/btns/btn_walking.jpg) top center no-repeat; height:150px; width:193px; display:block; } div#linkWalking a { background-position:0px 0px; } div#linkWalking a:hover { background-position:0px -150px; } div#linkSimp { height:209px; width:193px; display:block; margin-top:8px; margin-bottom:0; margin-left:0; margin-right:0; text-indent:-9999px; } div#linkSimp a { background:url(../images/btns/btn_simp.jpg) top center no-repeat; height:209px; width:193px; display:block; } div#linkSimp a { background-position:0px 0px; } div#linkSimp a:hover { background-position:0px -209px; } div#linkCare4airAwards { height:150px; width:193px; display:block; margin-top:7px; margin-bottom:0; margin-left:0; margin-right:0; text-indent:-9999px; } div#linkCare4airAwards a { background:url(../images/btns/c4a_awards10.jpg) top center no-repeat; height:150px; width:193px; display:block; } div#linkCare4airAwards a { background-position:0px 0px; } div#linkCare4airAwards a:hover { background-position:0px -150px; } div#linkCare4airtv { height:128px; width:200px; display:block; margin-top:3px; margin-bottom:0; margin-left:0; margin-right:0; text-indent:-9999px; } div#linkCare4airtv a { background:url(../images/btns/btn_care4airTV.jpg) top center no-repeat; height:128px; width:200px; display:block; } div#linkCare4airtv a { background-position:0px 0px; } div#linkCare4airtv a:hover { background-position:0px -128px; } div#linkEcoStarsScheme { height:189px; width:193px; display:block; margin-top:7px; margin-bottom:0; margin-left:0; margin-right:0; text-indent:-9999px; } div#linkEcoStarsScheme a { background:url(../images/btns/btn_eco_starts.jpg) top center no-repeat; height:189px; width:193px; display:block; } div#linkEcoStarsScheme a { background-position:0px 0px; } div#linkEcoStarsScheme a:hover { background-position:0px -189px; } div#linkAirmap { height:238px; width:202px; display:block; margin-top:5px; margin-bottom:0; margin-left:0; margin-right:0; text-indent:-9999px; } div#linkAirmap a { background:url(../images/btns/btn_airmap.gif) top center no-repeat; height:238px; width:202px; display:block; } div#linkAirmap a { background-position:0px 0px; } div#linkAirmap a:hover { background-position:0px -238px; } div#linkEMWfest { height:223px; width:200px; display:block; margin-top:0px; margin-bottom:0; margin-left:0; margin-right:0; text-indent:-9999px; } div#linkEMWfest a { background:url(../images/btns/btn_emw_fest.jpg) top center no-repeat; height:223px; width:200px; display:block; } div#linkEMWfest a { background-position:0px 0px; } div#linkEMWfest a:hover { background-position:0px -223px; } div#linkEMWcarday { height:223px; width:200px; display:block; margin-top:0px; margin-bottom:0; margin-left:0; margin-right:0; text-indent:-9999px; } div#linkEMWcarday a { background:url(../images/btns/btn_emw_carday.jpg) top center no-repeat; height:223px; width:200px; display:block; } div#linkEMWcarday a { background-position:0px 0px; } div#linkEMWcarday a:hover { background-position:0px -223px; } /* -------------------------------------------------------------------------------------------------------------------- =FOOTER -------------------------------------------------------------------------------------------------------------------- */ div#footer { clear:both; height:130px; background: url(../images/footer_bg.gif) bottom center; } div#footerNav { margin: 0 auto; width:760px; height: 100px; margin-top: 30px; background: #FFFFFF url(../images/footer_bg_nav.jpg) no-repeat; text-align: center;} div#footerNav a, div#footerNav p{ color:#FFFFFF; text-decoration:none;} div#footerNav a:hover { text-decoration:underline; } #youngPeople div#footer { clear:both; height:250px; background: url(../images/footer_learntocare.png) bottom center; } /* -------------------------------------------------------------------------------------------------------------------- =IMAGES -------------------------------------------------------------------------------------------------------------------- */ /* img { padding: 0px; margin: 0px; border: 0px; } */ div#middleColumn img { /* padding: 3px; margin: 3px; border: solid 1px #ffffff; */ } .imgFloatRight { float:right; display:block; clear:right; margin:0 0 15px 15px; } .imgFloatLeft { float:left; display:block; clear:right; margin:0 15px 15px 0; } div#middleColumn img.imgAligncenter { display:block; margin:0 auto 0 auto; } .imgFloatRightInline { float:right; display:inline; margin:0 0 15px 15px; } .imgLogoFloat { float:left; margin-left:12px; } div#middleColumnEMW img { padding: 0px; margin: 0px; border: none; clear: both; } .typeClear { clear:both; } .imgCaptionRight { float:right; margin:0 0 10px 10px; } .newsThumbnail img { border:3px solid #227997; } /* jQUERY IMAGE CAPTION ----------------------- */ .photo { position:relative; font-family:arial; overflow:hidden; width:520px; border:3px solid #227997; display:block; margin:2em auto 2em auto; } .photo .caption { position:absolute; background:#000; height:70px; width:520px; opacity:0.6; } .photo .caption { bottom:-70px; left:0px; } .photo .caption span { color:#FFF; font-size:1.4em; display:block; padding:5px 10px 0 10px; } /* -------------------------------------------------------------------------------------------------------------------- =GALLERY -------------------------------------------------------------------------------------------------------------------- */ .gallery1 { margin-left:15px; } .thumbnail { float:left; border: 1px solid #FFFFFF; margin: 5px; } .thumbnail a:link { } .thumbnail a:hover { } div#flashTimeline { margin-left:15px; } div#swfObject1 { } /* -------------------------------------------------------------------------------------------------------------------- =FORM -------------------------------------------------------------------------------------------------------------------- */ div#formAwards { margin-left:20px; } /* -------------------------------------------------------------------------------------------------------------------- Shaun Inman Position Clear - http://www.shauninman.com/archive/2006/05/22/clearance_position_inline_absolute -------------------------------------------------------------------------------------------------------------------- */ .pc,.sc { position : absolute; top: 0; left: 0; } .clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/ .cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */