body {background-color: #ccc7b2;} /* Main containers */ #header {height: 215px; background: #442d17 url('../images/gfx_main/bg_header.gif') center top repeat-x;} #content {background-color: #f0f0eb; background-position: center top;} #footer {height: 128px; background: #442d17 url('../images/gfx_main/bg_footer.gif') center top repeat-x; margin-bottom: 55px;} .home {background-image: url('../images/gfx_main/bg_content_home.gif');} .subpage {background-image: url('../images/gfx_main/bg_content_subpage.gif');} .wrapper {margin: 0 auto !important;} #header div.wrapper {width: 988px; height: 215px; background-image: url('../images/gfx_main/bg_header_wrapper.gif');} #content div.wrapper {width: 960px; padding: 20px 14px 20px 14px; background: #f0f0eb url('../images/gfx_main/bg_content_wrapper.gif') left top repeat-y;} #footer div.wrapper {width: 920px; height: 36px; padding: 23px 34px 0 34px; background-image: url('../images/gfx_main/bg_footer_wrapper.gif');} /* Header */ #header h1, #header ol, #header ul, #header p, #header span, #header form {position: absolute;} #header * {margin: 0; padding: 0;} #header a {display: block; text-decoration: none; overflow: hidden;} #header span {top: 0; left: 0; width: 100%; height: 100%; display: block; overflow: hidden;} #header h1 {top: 23px; left: 14px; width: 217px; height: 119px;} #header h1 a {width: 217px; height: 119px; text-decoration: none;} #header h1 a span {width: 217px; height: 119px; background-image: url('../images/gfx_main/bg_header_h1_nlca_logo.gif');} #header p {top: 43px; left: 236px; width: 397px; height: 76px;} #header p span {width: 397px; height: 76px; background-image: url('../images/gfx_main/bg_header_p_slogan.gif');} #header ol, #header ul {list-style: none;} #header ol li, #header ul li {display: inline; float: left; background: none;} #header ol li a, #header ul li a {display: block; float: left;} #header ol {top: 159px; left: 14px; width: 960px; height: 41px; padding: 0 1px 1px 0; line-height: 41px; background: #2e1b0c url('../images/gfx_main/bg_header_ol_m_menu.gif') left top no-repeat;} #header ol li {background-color: #beb89f; height: 41px; font-size: 15px; font-weight: bold;} #header ol li a {text-align: center; height: 41px; color: #005ab9;} #header ol li a:hover {color: #0078f7; background-color: #9d9575;} #header ol li a:focus {color: #0078f7; background-color: #9d9575;} #header ol li a:active {color: #e8640d; background-color: #aea88c;} #header ol li a.selected {color: #e8640d; background-color: #aea88c;} #header ol li a#about_us {width: 120px;} #header ol li a#members {width: 113px;} #header ol li a#education {width: 191px;} #header ol li a#documents {width: 126px;} #header ol li a#news {width: 88px;} #header ol li a#events {width: 95px;} #header ol li a#gallery {width: 99px;} #header ol li a#contact_us {width: 128px;} #header ol li a:hover span {background-position: 0 -41px;} #header ol li a:focus span {background-position: 0 -41px;} #header ol li a:active span {background-position: 0 -82px;} #header ol li a.selected span {background-position: 0 -82px;} #header ol li a#about_us span {background-image: url('../images/gfx_main/bg_header_ol_m_menu_about_us.gif');} #header ol li a#members span {background-image: url('../images/gfx_main/bg_header_ol_m_menu_members.gif');} #header ol li a#education span {background-image: url('../images/gfx_main/bg_header_ol_m_menu_education.gif');} #header ol li a#documents span {background-image: url('../images/gfx_main/bg_header_ol_m_menu_documents.gif');} #header ol li a#news span {background-image: url('../images/gfx_main/bg_header_ol_m_menu_news.gif');} #header ol li a#events span {background-image: url('../images/gfx_main/bg_header_ol_m_menu_events.gif');} #header ol li a#gallery span {background-image: url('../images/gfx_main/bg_header_ol_m_menu_gallery.gif');} #header ol li a#contact_us span {background-image: url('../images/gfx_main/bg_header_ol_m_menu_contact_us.gif');} #header ul {top: 0; left: 648px; width: 236px; height: 39px; padding: 0 0 0 26px; line-height: 38px; background: #321d0d url('../images/gfx_main/bg_header_ul_o_menu.gif');} #header ul li {height: 39px; overflow: hidden; white-space: nowrap;} #header ul li a {padding: 0 20px; font-weight: bold; font-size: 11px; color: #00aae6; background-image: url('../images/gfx_main/bg_header_ul_o_menu_li_a.gif');} #header ul li a:hover {color: #01d7fe; background-position: 0 -38px;} #header ul li a:focus {color: #01d7fe; background-position: 0 -38px;} #header ul li a:active {color: #e8640d; background-position: 0 -76px;} #header ul li a.selected {color: #e8640d; background-position: 0 -76px;} #header form {top: 60px; left: 654px; width: 230px; height: 53px; padding: 14px 20px 0 20px; background-color: #38200e; background-image: url('../images/gfx_main/bg_header_form.gif');} #header form fieldset {width: 230px;} #header form label {display: none;} #header form input {float: none; border: 0;} #header form input#search_input {width: 212px; height: 21px; padding: 6px 9px 0 9px; font-size: 11px; font-weight: bold; color: #84837d; background: #4e341a url('../images/gfx_main/bg_header_form_input_search.gif') left top no-repeat;} #header form input#search_go {position: absolute; top: 5px; left: 206px; width: 19px; height: 18px; text-align: center; line-height: 18px; color: #fff; background-color: #ea7121; z-index: 2;} #header form p {position: relative; top: 0; left: 0; width: auto; height: auto; margin-top: 3px; line-height: 11px; text-align: right; font-size: 9px;} #header form p a {margin-left: auto; width: 110px; padding: 4px 5px 4px 13px; color: #00aae6; background: url('../images/gfx_main/bg_header_form_p_a.gif') 8px 8px no-repeat;} #header form p a:hover {color: #01d7fe;} #header form p a:focus {color: #01d7fe;} #header form p a:active {color: #e8640d;} #header form p a.selected {color: #e8640d;} /* Content */ /* Columns */ #home_cols {width: 960px; margin-bottom: 20px; background: #f8f8f5 url('../images/gfx_main/bg_content_home_cols.gif') left top repeat-y;} #home_cols div.home_col {float: left; width: 280px; padding: 20px;} #home_cols div#cols_bottom {width: 960px; height: 5px; background: url('../images/gfx_main/bg_content_home_cols_bottom.gif') left top no-repeat;} div#about_the_nlca {background: url('../images/gfx_main/bg_content_home_col_about_the_nlca.gif') left top no-repeat;} div#latest_news {background: url('../images/gfx_main/bg_content_home_col_latest_news.gif') left top no-repeat;} div#upcoming_events {background: url('../images/gfx_main/bg_content_home_col_upcoming_events.gif') left top no-repeat;} div#about_the_nlca ol {list-style: none; margin: -15px 0 0 0; padding: 0;} div#about_the_nlca ol li {line-height: 18px; padding: 15px 0; margin: 0; background: url('../images/gfx_main/bg_content_home_col_ol_li.gif') left bottom no-repeat;} div#about_the_nlca ol li strong {letter-spacing: -0.1pt;} div#about_the_nlca p {margin: 18px 0 0 0;} div#about_the_nlca p a {margin: 0 auto;} #subpage_cols {width: 960px; margin-bottom: 20px; background: #f8f8f5 url('../images/gfx_main/bg_content_subpage_cols.gif') left top repeat-y;} #subpage_cols div#cols_bottom {width: 960px; height: 5px; background: url('../images/gfx_main/bg_content_subpage_cols_bottom.gif') left top no-repeat;} #col_left {width: 265px; padding: 20px; float: left; margin-top: -45px;} #col_right {width: 600px; padding: 20px; float: right; background-color: #ffffff; background-image: url('../images/gfx_main/bg_content_col_right.gif');} /* Spotlight */ #spotlight {width: 920px; height: 275px; margin: -20px -14px 20px -14px; padding: 0 34px 0 34px; background-image: url('../images/gfx_main/bg_spotlight.jpg');} #spotlight * {margin: 0; padding: 0;} #spotlight a {display: block; text-decoration: none; overflow: hidden; color: #fff;} #spotlight span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; overflow: hidden;} #spotlight h2 {position: absolute; top: 0; left: 14px; width: 640px; height: 275px; color: #fff; font-size: 20px; font-weight: normal;} #spotlight h2 span {background-image: url('../images/gfx_main/bg_spotlight_h2.jpg');} #spotlight h2 em {display: block; font-style: normal; font-size: 16px;} #spotlight ul {position: absolute; top: 12px; right: 64px; font-weight: bold;} #spotlight ul li {width: 270px; height: 30px; line-height: 30px; margin-bottom: 5px; background: none;} #spotlight ul li a {width: 222px; height: 30px; padding-left: 48px;} #spotlight ul li a:hover {background-color: #007ad2;} #spotlight ul li a:focus {background-color: #007ad2;} #spotlight ul li a:active {background-color: #006dc8;} #spotlight ul li a:hover span {background-position: 0 -30px;} #spotlight ul li a:focus span {background-position: 0 -30px;} #spotlight ul li a:active span {background-position: 0 -60px;} #flash_banner { position: absolute; width: 640px; height: 275px; top: 0px; left: 0px; } a#become_a_member span {background-image: url('../images/gfx_main/bg_spotlight_ul_become_a_member.png');} a#find_a_contractor span {background-image: url('../images/gfx_main/bg_spotlight_ul_find_a_contractor.png');} a#market_place span {background-image: url('../images/gfx_main/bg_spotlight_ul_market_place.png');} a#careers_in_construction span {background-image: url('../images/gfx_main/bg_spotlight_ul_careers_in_construction.png');} a#plans_on_display span {background-image: url('../images/gfx_main/bg_spotlight_ul_plans_on_display.png');} a#electronic_plansroom span {background-image: url('../images/gfx_main/bg_spotlight_ul_electronic_plansroom.png');} #spotlight p {position: absolute; bottom: 0; right: 14px; width: 320px; height: 88px;} #spotlight p span.trans {z-index: 2;} #spotlight p a {width: 320px; height: 88px; overflow: visible;} #spotlight p a span {width: 320px; height: 88px; z-index: 1;} /* #spotlight p.golf span.trans {left: 95px; width: 65px; height: 31px; margin-top: -31px;} #spotlight p.golf span.trans {background-image: url('../images/gfx_main/bg_spotlight_promo_golf_tournament_clubs.png');} */ #spotlight p.golf a span {background-image: url('../images/gfx_main/bg_spotlight_hr_pirates.png');} /* Section header */ #section_header {width: 920px; height: 110px; margin: -20px -14px 20px -14px; padding: 0 34px 0 34px; background-image: url('../images/gfx_main/bg_section_header.jpg');} #section_header * {margin: 0; padding: 0;} #section_header a {display: block; text-decoration: none; overflow: hidden;} #section_header span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; overflow: hidden;} #section_header p {display: none;} #section_header h2 {position: absolute; top: 0; left: 334px; width: 600px; height: 70px; padding: 20px; color: #fff; font-size: 32px; font-weight: normal;} h2#sh_nlca span {background-image: url('../images/gfx_main/bg_h2_nlca.jpg');} h2#sh_about_us span {background-image: url('../images/gfx_main/bg_h2_about_us.jpg');} h2#sh_members span {background-image: url('../images/gfx_main/bg_h2_members.jpg');} h2#sh_education_and_training span {background-image: url('../images/gfx_main/bg_h2_education_and_training.jpg');} h2#sh_documents span {background-image: url('../images/gfx_main/bg_h2_documents.jpg');} h2#sh_news span {background-image: url('../images/gfx_main/bg_h2_news.jpg');} h2#sh_events span {background-image: url('../images/gfx_main/bg_h2_events.jpg');} h2#sh_gallery span {background-image: url('../images/gfx_main/bg_h2_gallery.jpg');} h2#sh_contact_us span {background-image: url('../images/gfx_main/bg_h2_contact_us.jpg');} /* Content columns */ .content_left {width: 279px; padding-right: 20px; float: left;} .content_right {width: 279px; padding-left: 20px; float: right; border-left: 1px solid #dbdbdb;} /* Submenu */ #submenu {width: 265px; margin: -96px -20px 20px -20px; padding: 20px; background: #ebe9e0 url('../images/gfx_main/bg_submenu.gif') left top no-repeat;} #submenu h3 {margin-bottom: 0;} #submenu ol {list-style: none; margin: 0; padding: 0;} #submenu ol li {margin: 0; padding: 0; font-weight: bold;} #submenu ol li a {display: block; text-decoration: none; overflow: hidden; line-height: 17px; padding: 8px 0 8px 36px;} #submenu ol ol {list-style: none; margin: 0; padding-left: 25px; font-size: 12px;} #submenu #submenu_bottom {width: 305px; height: 5px; margin: 20px -20px -20px -20px; background: url('../images/gfx_main/bg_submenu_bottom.gif') left top no-repeat;} /* Additional menu */ #additional_menu {} /* Additional info */ #add_info {width: 960px;} #add_info * {margin: 0; padding: 0;} #add_info a {display: block; text-decoration: none; overflow: hidden;} #add_info span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; overflow: hidden;} #add_info ol, #add_info ul {height: 84px; list-style: none;} #add_info ol li, #add_info ul li {display: inline; float: left; text-align: center; background: none;} #add_info ol {width: 600px; padding: 0 20px; background: #e3e1d6 url('../images/gfx_main/bg_add_info_ol_links.gif') left top no-repeat;} #add_info ol li {width: 100px;} #add_info ol li a {width: 100px; height: 84px;} #add_info ol li a:hover span {background-position: 0 -84px;} #add_info ol li a:focus span {background-position: 0 -84px;} a#canada411 span {background-image: url('../images/gfx_main/bg_links_a_canada411.gif');} a#new_foundland_labrador span {background-image: url('../images/gfx_main/bg_links_a_new_foundland_and_labrador.gif');} a#the_weather_network span {background-image: url('../images/gfx_main/bg_links_a_the_weather_network.gif');} a#tsx span {background-image: url('../images/gfx_main/bg_links_a_tsx.gif');} a#cbc_news span {background-image: url('../images/gfx_main/bg_links_a_cbc_news.gif');} a#cbc_sports span {background-image: url('../images/gfx_main/bg_links_a_cbc_sports.gif');} #add_info ul {width: 280px; padding: 0 20px; background-color: #cdcac0;} #add_info ul li {width: 320px;} #add_info ul li#bod {width: 157px; padding-top: 27px;} #add_info ul li#cca {width: 123px; padding-top: 17px;} #add_info ul li#cca a {height: 50px;} .home #add_info ol {float: left;} .home #add_info ul {float: right; background-image: url('../images/gfx_main/bg_add_info_ul_add_links_home.gif');} .subpage #add_info ol {float: right;} .subpage #add_info ul {float: left; background-image: url('../images/gfx_main/bg_add_info_ul_add_links_subpage.gif');} .home #add_info ul li {float: left;} .subpage #add_info ul li {float: right;} .home #add_info li#cca a span{background-image: url('../images/gfx_main/bg_add_info_ul_add_links_home_cca.gif');} .subpage #add_info li#cca a span{background-image: url('../images/gfx_main/bg_add_info_ul_add_links_subpage_cca.gif');} .home #add_info li#bod a {float: left;} .subpage #add_info li#bod a {float: right;} /* Footer */ #footer * {margin: 0; padding: 0;} #footer a {display: block; text-decoration: none; overflow: hidden;} #footer span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; overflow: hidden;} #footer p {line-height: 12px;} #footer p strong {color: #84837d;} #footer p#updated, #footer p#policy {float: left; font-size: 11px; color: #615549;} #footer p#copy, #footer p#credits {float: right; height: 12px; font-size: 10px; color: #554637; overflow: hidden;} #footer p#copy strong, #footer p#credits strong {font-weight: normal; color: #6d665c;} #footer p#policy a {padding: 0 0 2px 20px; margin-left: 22px; font-weight: bold; font-size: 11px; color: #00aae6; background-image: url('../images/gfx_main/bg_footer_p_policy_a.gif');} #footer p#policy a:hover {color: #01d7fe; background-position: 0 -14px;} #footer p#policy a:focus {color: #01d7fe; background-position: 0 -14px;} #footer p#policy a:active {color: #e8640d; background-position: 0 -28px;} #footer p#policy a.selected {color: #e8640d; background-position: 0 -28px;} #footer p#copy {width: 107px; padding-right: 12px;} #footer p#copy span {background-image: url('../images/gfx_main/bg_footer_p_copy.gif');} #footer p#credits a {width: 101px; padding-left: 12px; color: #554637;} #footer p#credits a span {background-image: url('../images/gfx_main/bg_footer_p_credits.gif');}