@charset "utf-8"; /* CSS Document */ * { margin: 0px; padding: 0px;} .brClear { clear: both; height: 0px; line-height: 0px; font-size: 0px;} body { background-color: #ebebeb; background-image:url(images/Body.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D;} h2 { color: #0071BC; font-weight: bold; margin: 16px 0px; font-size: 12px;} #Background { display: block; width: 100%; min-height: 703px; margin: 0px auto; background-image: url(images/Background.jpg); background-position:center top; background-repeat:no-repeat; } #TopNav { width: 940px; height: 34px; margin: 0px auto; text-align: center; } #TopNav a { float: left; display: block;line-height: 33px; height: 34px; color: #FFF; text-decoration: none; font-weight: bold;} #TopNav a:hover { text-decoration: underline;} #TopNav a.Home { padding-left: 145px; width: 35px;} #TopNav a.AboutUs { padding-left: 48px; width: 55px;} #TopNav a.Events { padding-left: 50px; width: 42px;} #TopNav a.ResourceCentre { padding-left: 55px; width: 100px;} #TopNav a.ContactUs { padding-left: 57px; width: 66px;} #TopNav #Share { padding-left: 56px; width: 38px; float: left; display: block;line-height: 33px; height: 34px; color: #FFF; text-decoration: none; font-weight: bold; margin-top: 7px;} #Logo { height: 84px; text-indent: -9999px;} #HomeContainer { width: 940px; margin: 0px auto;} #HomeLeftImage, #HomeRightImage { float: left; display: inline;} #HomeLeftImage { margin-left: 4px;} #HomeNav { float: left; display: inline; width: 208px; } #HomeNav a { text-indent: -9999px; display: block;} #HomeNav a.AboutUs { width: 208px; height: 88px; background-image:url(images/home/AboutUs.gif);} #HomeNav a.Events { width: 208px; height: 86px; background-image:url(images/home/Events.gif);} #HomeNav a.ResourceCentre { width: 208px; height: 86px; background-image:url(images/home/ResourceCentre.gif);} #HomeNav a.ContactUs { width: 208px; height: 93px;background-image:url(images/home/ContactUs.gif);} #HomeContent { width: 916px; background-color:#FFF; margin: 0px auto;} #HomeFooter { width: 916px; margin: 0px auto; float: none; display: block;} #HomeLeft { float: left; display: inline; width: 521px; padding-left: 32px;} #HomeLeft h1 { width: 109px; height: 14px; background-image:url(images/home/Welcome.gif); text-indent: -9999px; margin: 29px 0px 0px 0px; background-repeat: no-repeat;} #StarOfLife { float: left; display: inline; margin-right: 14px;} #HomeLeft p { float: left; display: inline; width:440px; margin-top: 5px; line-height: 14px; margin-bottom: 20px;} #HomeRight { float: left; display: inline; width:362px; margin-top: 25px; height:115px; border-left: 1px solid #ebebeb;} .Sponsors { width: 305px; margin: 28px 0px 0px 39px;} #HomeLogos { margin-top: 10px;} #HomeLogos p a { text-indent: -9999px; display: block;} #HomeLogos p.Monster { float: left; display: inline; width: 107px; margin: 0px 0px 0px 40px; padding-right: 22px; height: 41px; border-right: 2px solid #ebebeb;} #HomeLogos p.Globe { float: left; display: inline; width: 142px; margin: 14px 0px 0px 18px; } #HomeLogos p.Monster a { width: 107px; height: 31px; margin-top: 9px; background-image:url(images/home/Monster.gif); background-repeat: no-repeat;} #HomeLogos p.Globe a { width: 142px; height: 12px; background-image:url(images/home/TheGlobeAndMail.gif); background-repeat: no-repeat;} #AboutContainer { width: 955px; margin: 0px auto;} #AboutQuote { float: left; display: inline; width: 212px; height: 183px; background-image:url(images/about/AboutQuote.gif); text-indent: -9999px;} #AboutLeftImg { float: left; display: inline; width: 362px; height: 183px;} #AboutRightImg { float: left; display: inline; width: 381px; height: 183px;} #AboutFooter { width: 936px; height: 9px; margin: 0px auto; float: none; display: block;} #AboutContent { width: 903px; padding: 0px 0px 20px 33px; background-color:#FFF; margin: 0px auto;} #AboutLeft { float: left; display: inline; width:500px; padding-right: 36px;} #AboutRight { float: left; display: inline; padding-left: 40px; padding-right:40px; border-left: 1px solid #ebebeb; width: 286px; margin-top: 52px;} #AboutLeft h1 { width: 107px; height: 15px; text-indent: -9999px; background-image:url(images/about/AboutUs.gif); padding-top: 52px; background-repeat: no-repeat; background-position: bottom;} #AboutRight h1 { width: 162px; height: 23px; text-indent: -9999px; background-image:url(images/about/ourSponsors.jpg); background-repeat: no-repeat; } #AboutRight h2 { background-image:url(images/bullet.jpg); background-repeat: no-repeat;text-indent: 17px;} #AboutRight a { color: #0071BC; } #EventsContent { width: 903px; padding: 0px 0px 20px 33px; background-color:#FFF; margin: 0px auto;} #EventsContent h1 { width: 83px; height: 23px; text-indent: -9999px; background-image:url(images/events.jpg); padding-top: 52px; background-repeat: no-repeat; background-position: bottom;} #ContactContent { width: 903px; padding: 0px 0px 20px 33px; background-color:#FFF; margin: 0px auto;} #ContactContent h1 { width: 138px; height: 23px; text-indent: -9999px; background-image:url(images/contactUs.jpg); padding-top: 52px; background-repeat: no-repeat; background-position: bottom;} #EventsLeft { float: left; display: inline; width: 400px; padding-right: 15px; height: 100px;} #EventsMiddle { float: left; display: inline; border-left: 1px solid #ebebeb; padding-left: 15px; width: 215px; margin-top: 47px; padding-right: 15px; height: 100px;} .EventsTitle { float: left; display: inline; width: 65px;} .EventDetails { float: left; display: inline; width: 150px;} #EventsRight { float: left; display: inline; width: 200px; padding-left: 15px; margin-top: 47px; border-left: 1px solid #ebebeb; height: 100px;} #EventsRight p, #EventsRight h2 { width: 200px; margin: 0px;} #EventsRight h2 {background-image:url(images/bullet.jpg); background-repeat: no-repeat;text-indent: 17px; font-weight: normal;} #EventsBottom {width: 870px; border-top: 1px solid #ebebeb;} #EventsCol1, #EventsCol2, #EventsCol3 { float: left; display: inline; width: 275px; padding-right: 15px;} #EventsCol1 h2, #EventsCol2 h2, #EventsCol3 h2 {background-image:url(images/bullet.jpg); background-repeat: no-repeat;text-indent: 17px; margin: 0px; width: 275px; line-height: 18px; background-position: 0px 3px;} #EventsBottom h2 a { color: #0071BC; } #ResourceContent { width: 903px; padding: 0px 0px 20px 33px; background-color:#FFF; margin: 0px auto;} #ResourceContent h1 { background-image:url(images/resourceCentre.jpg); width: 206px; height: 23px; text-indent: -9999px; padding-top: 52px; background-repeat: no-repeat; background-position: bottom; } #ResourceLeft { float: left; display: inline; width: 220px; border-right: 1px solid #ebebeb; margin-top: 40px;} #ResourceRight {float: left; display: inline; width: 500px; padding-left: 15px; margin-top: 0px;} #ResourceNav a {background-image:url(images/ResourceNavBG.jpg); width: 205px; height: 29px; line-height: 29px; display: block;} #ResourceNav a:hover {background-image:url(images/ResourceNavBG.jpg); width: 205px; height: 29px; line-height: 29px; text-decoration: underline;} #ResWhy, #ResHow, #ResNew, #ResEdu, #ResOnt, #ResExp, #ResRec {color: #FFF; text-align: center; font-size: 12px; font-weight: bold; text-decoration: none;} #ResWhy_On, #ResHow_On, #ResNew_On, #ResEdu_On, #ResOnt_On, #ResExp_On, #ResRec_On {color: #FFF; text-align: center; font-size: 12px; font-weight: bold; text-decoration: underline;} #EventsLeftImg { float: left; display: inline; width: 362px; height: 183px;} #EventsRightImg { float: left; display: inline; width: 381px; height: 183px;} #ContactLeftImg { float: left; display: inline; width: 362px; height: 183px;} #ContactRightImg { float: left; display: inline; width: 381px; height: 183px;} #ResourcesLeftImg { float: left; display: inline; width: 362px; height: 183px;} #ResourcesRightImg { float: left; display: inline; width: 381px; height: 183px;} .LinkTitle {line-height: 16px;color: #0071BC; font-weight: bold; margin: 0px 0px; font-size: 12px; margin-bottom: 7px;} .LinkList {line-height: 16px;background-image:url(images/bullet.jpg);background-position:0 3px;background-repeat:no-repeat;line-height:18px;margin:0;text-indent:17px;} .LinkDescription {line-height: 16px;} .LinkList a {color:#0071BC;line-height: 16px; font-weight: bold; } .CategoryHead {line-height: 24px;color: #0071BC; font-weight: bold; margin: 0px 0px; font-size: 18px; margin-bottom: 7px; float: left; display: inline; padding-top: 12px;}