﻿body { margin:0; padding:0; }
#bodyContainer { width: 1007px; margin: 0 auto; }
#content { float: left; display: inline; width: 770px; padding: 10px 0 0 10px; border:0px solid blue;}
#header { width: 1007px; height: 125px; border-bottom: 1px solid #203365; margin: 0 auto; }
#header #headerContent { width: 1007px; margin: 0 auto; }
#header #headerContent h1.slogan { background: url(/images/common/slogan.png) no-repeat; width: 436px; height: 18px; margin: 22px 0 22px 68px; behavior: url(/js/iepngfix.htc); overflow: hidden; }
#header #headerContent div.logo { background: url(/images/common/logo.png) no-repeat; behavior: url(/js/iepngfix.htc); width: 255px; height: 97px; float: left; display: inline; margin: 15px 0pt 0pt 10px; }
#header #headerContent ul#topNav { list-style-type: none; margin: 0 0 10px 194px; }
#header #headerContent ul#topNav li { display: inline; height: 14px; float: left; margin: 0 0 0 14px; overflow: hidden; }
#header #headerContent ul#topNav li a { width: 100%; height: 100%; text-decoration: none; }
#header #headerContent #headerSearch table { width: 345px; }
#header #headerContent #headerSearch label { background: url(/images/common/lbl_search.png) no-repeat; overflow: hidden; display: block; height: 14px; width: 118px; margin: 0 0 0 163px; behavior: url(/js/iepngfix.htc); }
#header #headerContent #headerSearch input.btnSearch { margin: 0 3px 0 3px; }
#header #headerContent div.headerRight { width: 500px; float: left; display: inline; text-align: right; margin: 20px 0pt 0pt 226px; }
    #header #headerContent ul#topNav li.home { background: url(/images/public/master/topnav_home.png) no-repeat; behavior: url(/js/iepngfix.htc); width: 33px; }
    #header #headerContent ul#topNav li.member { background: url(/images/public/master/topnav_member.png) no-repeat; behavior: url(/js/iepngfix.htc); width: 102px; }
    #header #headerContent ul#topNav li.site_map { background: url(/images/public/master/topnav_site_map.png) no-repeat; behavior: url(/js/iepngfix.htc); width: 49px; }
    #header #headerContent ul#topNav li.contact_us { background: url(/images/public/master/topnav_contact_us.png) no-repeat; behavior: url(/js/iepngfix.htc); width: 66px; }
#leftColumnWrapper { width: 225px; margin: 0 0 0 0; float: left; display: inline; }
#leftColumnWrapper #leftColumn { background: #7581a1; }
#leftColumnWrapper #leftColumn ul#leftNav { padding: 6px 2px 10px 0px; }
#leftColumnWrapper div.fadeOut { background: url(/images/public/master/leftcol_bottom_bg.png) no-repeat bottom; height: 200px; width: 225px; behavior: url(/js/iepngfix.htc); }
div.membersLogin { width: 209px; margin: 5px auto; }
div.membersLogin ul.loginTabs { list-style-type: none; }
div.membersLogin ul.loginTabs li { display: inline; float: left; overflow: hidden; cursor: pointer; }
    div.membersLogin ul.loginTabs li.tabLoginOn { background: url(/images/public/master/tab_memberlogin_on_[highlighted].gif) no-repeat; width: 95px; height: 21px; position: relative; z-index: 105; overflow: hidden; }
    div.membersLogin ul.loginTabs li.tabLoginOff { background: url(/images/public/master/tab_memberlogin_off.gif) no-repeat; width: 95px; height: 21px; position: relative; z-index: 100; overflow: hidden; }
    div.membersLogin ul.loginTabs li.tabReminderOn { background: url(/images/public/master/tab_password_on.gif) no-repeat; width: 122px; height: 21px; margin-left: -8px; position: relative; z-index: 105; overflow: hidden; }
    div.membersLogin ul.loginTabs li.tabReminderOff { background: url(/images/public/master/tab_password_off.gif) no-repeat; width: 122px; height: 21px; margin-left: -8px; position: relative; z-index: 100; overflow: hidden; }
div.membersLogin .loginContainer { background: url(/images/public/master/login_bg_mid.gif) repeat-y; width: 197px; padding: 6px 6px 0 6px; }
div.membersLogin .loginBottom { background: url(/images/public/master/login_bg_btm.gif) no-repeat; width: 209px; height: 10px; }
div.membersLogin .loginContainerHighlighted { background: url(/images/public/master/login_bg_mid_[highlighted].gif) repeat-y; width: 197px; padding: 6px 6px 0 6px; }
div.membersLogin .loginBottomHighlighted { background: url(/images/public/master/login_bg_btm_[highlighted].gif) no-repeat; width: 209px; height: 10px; }
div.membersLogin input { width: 124px; height: 14px; font-size: 10px; border: 2px solid lightGrey; }
div.membersLogin input.noScale { width: auto; height: auto; }
    label.lblMemberID { background: url(/images/public/master/lbl_member_id.gif) no-repeat; width: 51px; height: 10px; display: block; margin: 0; }
    label.lblPassword { background: url(/images/public/master/lbl_password.gif) no-repeat; width: 51px; height: 10px; display: block; margin: 0; }
    label.lblYourEmail { background: url(/images/public/master/lbl_your_email.gif) no-repeat; width: 55px; height: 10px; display: block; margin: 0; }
div.leftColumnPanel { width: 211px; margin: 0 auto; text-align: center; }
div.leftColumnPanel .panelTop { background: url(/images/public/master/leftcol_panel_top.gif) no-repeat; width: 211px; height: 18px; }
div.leftColumnPanel .panelContent { background: url(/images/public/master/leftcol_panel_mid.gif) repeat-y; width: 191px; padding: 0 10px 0 10px; height: auto; }
div.leftColumnPanel .panelBottom { background: url(/images/public/master/leftcol_panel_btm.gif) no-repeat; width: 211px; height: 18px; }
div.leftColumnPanel ul { color: White; list-style-type: disc; padding: 0 0 0 13px; text-align: left; margin: 12px 0 12px 4px; }
div.leftColumnPanel ul li { margin: 0 0 4px 0; font-size: 0.6em; }
div.leftColumnPanel h3.ontario_planning_journal { background: url(/images/public/master/h3_ontario_planning_journal.gif) no-repeat; width: 140px; height: 43px; margin: 0 auto; }
div.leftColumnPanel h4.journalDate { background: url(/images/public/master/h4_journaldate.gif) no-repeat; width: 158px; height: 13px; margin: 8px auto; }
div.leftColumnPanel div.btnReadMoreJournal { background: url(/images/public/master/btn_read_more_journal.gif) no-repeat; width: 188px; height: 18px; margin: 0 auto; }

#rightColumn { width: 215px; float: left; z-index: 500; border:0px solid red; margin:0; padding:0; }
#rightColumn p { padding: 4px 0 4px 0; border:0px solid green; }
#rightColumn div.rounded212 { margin: 0 0 10px 0; border:0px solid purple; padding:0;}
#rightColumn div.rounded212 .roundedContent { padding: 10px; border:0px solid blue; margin:0;}
#rightColumn div.btnReadMoreWork { margin: 4px 0 0 3px; }
#rightColumn div.btnFindOutMore { margin: 8px 0 0 84px; }
#rightColumn div.btnConferenceSymposium { background: url(/images/public/master/btn_conference_symposium.gif) no-repeat; width: 150px; height: 18px; margin: 7px auto; }
    div.btnFindOutMore { background: url(/images/public/master/btn_find_out_more.gif) no-repeat; width: 103px; height: 18px; }
#rightColumn h2.excellence_in_planning { background: url(/images/public/master/h2_excellence_in_planning.gif) no-repeat; width: 193px; height: 32px; }
#rightColumn h2.spotlight_volunteers { background: url(/images/public/master/h2_spotlight_volunteers.gif) no-repeat; width: 193px; height: 29px; }
#rightColumn #AgingCommunities { text-align: center; }
#rightColumn h2.aging_communities { background: url(/images/public/master/h2_aging_communities.gif) no-repeat; width: 187px; height: 28px; }
#rightColumn #CalloutBottomRight #CalloutBottomRightContent { background: url(/images/public/master/callout[bottom_right].png) no-repeat; width: 200px; height: 316px; overflow: hidden; margin: -10px 0pt 0pt -4px; position: relative; z-index: 20; }
#rightColumn #CalloutBottomRight #CalloutBottomRightContent a { height: 313px; width: 100%; }
#rightColumn #CalloutBottomRight h2, #rightColumn #CalloutBottomRight h3 { height: 1px; }

h2.world_town_planning_day_childMaster { background: url(/images/public/master/h2_world_town_planning_day_08_rightSideBar.gif) no-repeat; width: 150px; height: 32px; }
#rightColumn #TownPlanningCallout_childMaster div.btnClickForInfo { background: url(/images/public/master/btn_click_for_more_info_rightSideBar.gif) no-repeat; width: 160px; height: 18px; margin: 8px auto; }
#rightColumn #TownPlanningCallout_childMaster img { margin: 5px auto; display: block; }

div.btnPostAJob { background: url(/images/public/master/btn_post_a_job.gif) no-repeat; width: 80px; height: 18px; margin: 10px 0 10px 0; }

#rightColumn .calloutHandbook { margin:0px;}
#rightColumn .calloutYourGuide {margin:8px 0px 0px 0px;}



