* {margin: 0; padding: 0; background-position: left top; background-repeat: no-repeat;} body {background: #f0f0f0 url('../images/gfx_main/bg_body.gif') left top repeat-x;} div {position: relative;} div.both {clear: both; height: 1px; font-size: 1px; overflow: hidden;} /* Containers */ #container {width: 779px; margin: 0 auto;} #header {width: 779px; height: 313px; background-color: #f7f7f7;} #content {width: 769px; background: #fff url('../images/gfx_main/bg_content.gif') left top repeat-y;} #left {width: 278px; float: left; margin-top: -43px;} #right {width: 441px; float: right; padding: 25px;} #footer {width: 769px; height: 157px; background-color: #e4e4e4; clear: both;} /* Header */ #header h1, h2 {position: absolute; overflow: hidden;} #header h1 {top: 0; left: 0; width: 278px; height: 211px; font-size: 16px; background-color: #f8f8f8;} #header h1 a {width: 278px; height: 126px; text-align: center; padding-top: 85px;} #header h1 span {width: 278px; height: 211px; background-image: url('../images/gfx_main/bg_h1_logo_ldca.jpg');} #header h2 {top: 44px; left: 278px; width: 501px; height: 269px; font-size: 14px; text-align: right;} #header h2 a {} #header h2 span {width: 501px; height: 269px; background-image: url('../images/gfx_main/ldca_magazine.png');} #header a {position: relative; display: block;} #header span {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;} #header ul {position: absolute; top: 0; left: 278px; width: 501px; height: 59px; margin: 0; padding: 0; line-height: 14px; list-style: none; font-size: 11px; font-weight: bold;} #header ul li {position: relative; padding: 0; float: left; display: inline; text-align: center; background: none;} #header ul li.mn {background-color: #fff; height: 59px;} #header ul li.ex {background-color: #99865f; height: 44px;} #header ul li.mn a {padding-top: 20px; height: 39px; color: #62563b;} #header ul li.mn a:hover {color: #b67c04;} #header ul li.ex a {padding-top: 15px; height: 29px; color: #ffffff;} #header ul li.ex a:hover {color: #ffac00;} #header ul li a {display: block; text-decoration: none; overflow: hidden;} #header ul li a#m1 {width: 67px;} #header ul li a#m2 {width: 68px;} #header ul li a#m3 {width: 98px;} #header ul li a#m4 {width: 132px;} #header ul li a#m5 {width: 136px;} #header ul li a#m1 span {background-image: url('../images/gfx_main/m1.gif');} #header ul li a#m2 span {background-image: url('../images/gfx_main/m2.gif');} #header ul li a#m3 span {background-image: url('../images/gfx_main/m3.gif');} #header ul li a#m4 span {background-image: url('../images/gfx_main/m4.gif');} #header ul li a#m5 span {background-image: url('../images/gfx_main/m5.gif');} #header form {position: absolute; top: 211px; left: 0; width: 278px; height: 59px; background-color: #99865f; margin: 0;} #header form label {position: absolute; top: 19px; left: 21px; float: none; width: 48px; height: 18px; padding-top: 4px; color: #fff; font-size: 11px; font-weight: bold; overflow: hidden;} #header form label span {width: 48px; height: 22px; background: url('../images/gfx_main/search_label.gif');} #header form input {position: absolute; float: none; border: 0; font-size: 11px; color: #fff;} #header form input#search_input {top: 19px; left: 69px; width: 140px; height: 12px; padding: 5px 8px; background: #a08e69 url('../images/gfx_main/search_input.gif');} #header form input#search_go {top: 17px; left: 232px; width: 26px; height: 26px; font-weight: bold; text-align: center; vertical-align: middle;} /* Content */ #blocks {padding: 14px 21px 26px 21px; width: 236px; background-color: #75684c;} #blocks p {position: relative; color: #fff; line-height: 12px;} #blocks a {color: #fff;} #blocks ol {color: #fff;} #blocks ul {position: relative; width: 257px; list-style: none; font-size: 11px; line-height: 14px; padding: 0; margin: 0 -21px 0 0px; color: #fff;} #blocks ul li {position: relative; width: 236px; padding: 8px 0 8px 21px; font-weight: bold; margin: 0; margin-bottom: 0; color: white; display: block; background: url('../images/gfx_main/bg_blocks_li.gif') left bottom repeat-x;} #blocks ul li a {position: relative; width: 236px; margin: -8px 0 -7px -21px; padding: 8px 0 7px 21px; display: block; background: url('../images/gfx_main/bg_blocks_li_a.gif') 0 -30px no-repeat; overflow: hidden;} #blocks ul li a span {position: absolute; top: 0; left: 0; width: 257px; height: 29px; background-position: 0 0;} #blocks ul li a:hover {background-color: #8b8069;} #blocks ul li a:hover span {background-position: 0 -30px;} #blocks ul li a:active {background-color: #8b8069; color: #75684c; background-position: 0 0;} #blocks ul li a:active span {background-position: 0 -60px;} #blocks ul li a.selected {background-color: #8b8069; color: #75684c;} #blocks ul li a.selected span {background-position: 0 -60px;} #blocks ul li ul {position: relative; width: 100%; margin: 7px 0 5px 0;} #blocks ul li ul li {position: relative; width: auto; font-weight: normal; background: none; padding: 2px 0 2px 15px;} #blocks ul li ul li a {position: relative; width: auto; margin: -2px 0 -2px -15px; padding: 2px 0 2px 15px; background: url('../images/gfx_main/bg_blocks_li_li_a.gif') 0 -18px no-repeat;} #blocks ul li ul li a.selected {background-position: 0 0;} #blocks ul li ul li a:active {background-position: 0 0;} #blocks ul li#menu_1 a span {background-image: url('../images/gfx_main/menu_1.gif');} #blocks ul li#menu_2 a span {background-image: url('../images/gfx_main/menu_2.gif');} #blocks ul li#menu_3 a span {background-image: url('../images/gfx_main/menu_3.gif');} #blocks ul li#menu_4 a span {background-image: url('../images/gfx_main/menu_4.gif');} #blocks ul li#menu_5 a span {background-image: url('../images/gfx_main/menu_5.gif');} #blocks ul li#menu_6 a span {background-image: url('../images/gfx_main/menu_6.gif');} #blocks ul li#menu_7 a span {background-image: url('../images/gfx_main/menu_7.gif');} #blocks ul li#menu_8 a span {background-image: url('../images/gfx_main/menu_8.gif');} #blocks ul li#menu_9 a span {background-image: url('../images/gfx_main/menu_9.gif');} #blocks h3 {color: #fff; font-size: 14px; margin-top: 25px; margin-bottom: 7px;} #blocks h3 span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0;} #blocks h4 {color: #fff;} #blocks h5 {color: #fff;} #blocks h6 {color: #fff;} #blocks p.shopping_cart {margin: 0;} #blocks p.shopping_cart a {position: relative; display: block; height: 13px;} #blocks p.shopping_cart a span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/gfx_main/show_cart.gif') right top no-repeat;} #blocks ul#categories {margin-top: 0;} ul#plans_and_spec {width: 257px; margin: -26px 0 0 0; padding: 54px 0 28px 21px; line-height: 14px; list-style: none; background-color: #99865f; background-image: url('../images/gfx_main/bg_ul_plans_and_spec.jpg'); } ul#plans_and_spec li {width: 257px; height: 18px; padding: 0; font-size: 11px; font-weight: bold; background: none;} ul#plans_and_spec li a {position: relative; width: 235px; height: 16px; padding-left: 22px; padding-top: 2px; display: block; color: #ffffff;} ul#plans_and_spec li a span {background-position: 0 0;} ul#plans_and_spec li a:hover {color: #ffac00;} ul#plans_and_spec li a:hover span {background-position: 0 -18px;} ul#plans_and_spec li a span {position: absolute; top: 0; left: 0; width: 257px; height: 18px;} ul#plans_and_spec a#pl span {background-image: url('../images/gfx_main/a_pl.gif');} ul#plans_and_spec a#ep span {background-image: url('../images/gfx_main/a_ep.gif');} ul#plans_and_spec a#pe span {background-image: url('../images/gfx_main/a_pe.gif');} ul#online_services {position: relative; width: 278px; margin: 0; padding: 0; list-style: none; background-color: #e4e4e4;} ul#online_services li {height: 33px; margin: 0; padding: 0; background: none;} ul#online_services li a {position: relative; padding: 8px 0 0 43px; margin: 0; width: 235px; height: 25px; display: block;} ul#online_services li a span {position: absolute; top: 0; left: 0; width: 278px; height: 33px;} ul#online_services li a#os_tsx span {background-image: url('../images/gfx_main/bg_a_os_tsx.gif');} ul#online_services li a#os_the_globe_and_mail span {background-image: url('../images/gfx_main/bg_a_os_the_globe_and_mail.gif');} ul#online_services li a#os_globe_sports span {background-image: url('../images/gfx_main/bg_a_os_globe_sports.gif');} ul#online_services li a#os_the_weather_network span {background-image: url('../images/gfx_main/bg_a_os_the_weather_network.gif');} ul#online_services li a#os_canada411 span {background-image: url('../images/gfx_main/bg_a_os_canada411.gif');} p#privacy_policy {width: 257px; height: 34px; margin: 4px 0 15px 21px; font-weight: bold; font-size: 11px; line-height: 14px;} p#privacy_policy a {position: relative; width: 235px; height: 18px; padding: 8px 0 8px 22px; color: #75684c; display: block;} p#privacy_policy a span {position: absolute; top: 0; left: 0; width: 257px; height: 34px; background-image: url('../images/gfx_main/p_privacy_policy.gif');} p#privacy_policy a:hover {color: #b67c04;} /* Footer */ #footer p {position: absolute; top: 8px; right: 0; height: 23px; margin: 0; padding-top: 10px; padding-right: 25px; color: #a4a4a4; font-size: 10px; line-height: 14px;} #footer p span {position: absolute; top: 0; left: 0; height: 33px;} #footer p#update {left: 21px; width: 300px; font-size: 11px;} #footer p#copyright {width: 309px; text-align: right;} #footer p#copyright span {width: 334px; background-image: url('../images/gfx_main/bg_p_copyright.gif');} #footer p#credits {top: 47px; width: 113px; text-align: right;} #footer p#credits span {width: 138px; background-image: url('../images/gfx_main/bg_p_credits.gif');} #footer a {color: #a4a4a4; overflow: hidden;}