/* CSS Document */
/* Branding */
/* Vancouver Province */

/*Header*/
#page { width:960px; background:transparent; }
.pagewrapper { background:transparent !important; }
.contentbody { margin:-1px auto 0 auto; }
.close-button { position:absolute; right:-27px; top:34px; }

/*Header Logo*/
#logocol {margin:5px 0px 0px 0px;}
#logocol .newspaperlogo { width:500px; height:100px; background:transparent url(/images/logo_theprovince.jpg) 8px 0px no-repeat; }
#logocol .newspaperlogo h1 a { float:left; width:486px; height:86px; margin:14px 0 0 8px; display:inline; }
#logocol .newspaperlogo h1 span { display:none; }
#logocol .headersponsor { float:left; width:322px; overflow:hidden; display:inline; margin-left:50px; padding:0; }
#logocol .newspaperlogo .label { display:none; }

ul#navcontent #topfeature03 .featurecontent .col_image img { width:130px; height:88px; }
ul#navcontent li.hovered .topfeature03 h1 a,ul#navcontent li.hovered .topfeature03 h1 a span, ul#navcontent li.hovered .topfeature03 h1 { font-size:14px; margin:0; float:none; color:#035a91; }
ul#navcontent li.hovered .topfeature03 .doc, ul#navcontent li.hovered .topfeature03 .morelink, ul#navcontent li.hovered .topfeature03 .timestamp, ul#navcontent li.hovered .topfeature03 .relatedlinks, ul#navcontent li.hovered .topfeature03 .photo_credit { display:none; font-size:1px; height:1px; }
ul#navcontent li.hovered .topfeature03 a, ul#navcontent li.hovered .topfeature03 p { padding:0; margin:0; line-height:1.3em; }
ul#navcontent li.hovered .topfeature03 .headline, ul#navcontent li.hovered .topfeature03 h1 a, ul#navcontent li.hovered .topfeature03 h1 { margin:0; float:left; padding:0; width:100%; font-family:georgia; font-weight:normal; }
ul#navcontent li.hovered .topfeature03 h1 { padding-bottom:5px; }
ul#navcontent li.hovered .topfeature03 .headline { clear:both; }
ul#navcontent li.hovered .topfeature03 .col_content { padding:0; margin:0; float:left; font-size:11px; width:220px; }
ul#navcontent li.hovered .topfeature03 .col_image { float:left; padding:4px 0 10px 0; width:140px; overflow:hidden; margin:0 !important; }
ul#navcontent li.hovered .topfeature03 .col_image img { width:130px !important; height:88px !important; margin:0 !important; }
ul#navcontent li.hovered .featurecontent, ul#navcontent li.hovered ul { padding-top:0px; margin-top:0px; }
#networkbar #loginstatusbar ul li { color:#fff; }

/* weather */
#weatherspot .temperature { left:10px; top:3px; }
#weatherspot .weather a { color:#999; position:absolute; top:-15px; font-size:11px; font-family:georgia; text-decoration:none !important; }
#weather0 .temperature { left:10px; top:3px; }
#weather0 .weather a { color:#999; position:absolute; top:-15px; font-size:11px; font-family:georgia; text-decoration:none !important; }

#headersearch .formrow ul.form_newspaper li.formbutton { background:url(/images/header/searchButton.gif) top left no-repeat; height:23px; }

.navbar { width:960px; background:#fff; margin:-2px auto 0 auto; }
.navbar .navbarwrapper { background:transparent url(/images/bg_nav.gif) top left repeat-x; width:950px; margin:1px auto 0 auto; }
.navbar .navbarwrapper ul#navcontent { float:left; height:34px; width:950px; }

.navbar .navbarwrapper ul li { float:left; }
.navbar .navbarwrapper ul li a.navitem { color:#fff; margin-top:0px; padding-bottom:0px; text-transform:uppercase;}
#page .navbar .navbarwrapper ul li.hovered { background:url(/images/newspaper/rc_tr.gif) top right no-repeat; z-index:5; margin-top:-6px; }
#page .navbar .navbarwrapper ul li.hovered a.navitem { color:#035a91 !important; background:transparent url(/images/newspaper/rc_tl.gif) top left no-repeat !important; text-decoration:underline; padding:0 4px 0 3px;}
#page .navbar .navbarwrapper ul li.hovered a.navitem span { padding:14px 6px 10px 6px !important; color:#035a91 !important; background:transparent url(/images/newspaper/rc_mid.gif) top right repeat-x !important;}

#page .navbar .navbarwrapper ul li.hovered#home{ margin-top:0px; color:#fff !important; border:none; background:transparent; padding:0px 1px 0px 0px; }
#page .navbar .navbarwrapper ul li.hovered#home a.navitem{ color:#fff !important; text-decoration:none; background:#990002 !important; }
#page .navbar .navbarwrapper ul li.hovered#home a.navitem span { height:13px; overflow:hidden; padding:8px 2px 8px 10px !important; background:#990002 url(/images/header/home.gif) -4px 3px no-repeat !important; }

#page .navbar .navbarwrapper ul li#home a.navitem { color:#fff; padding:0 9px 0 8px !important; }
#page .navbar .navbarwrapper ul li#home a.navitem span { color:#fff; background:url(/images/header/home.gif) -4px 3px no-repeat !important; }
#page .navbar .navbarwrapper ul li#news a.navitem { color:#f0cf64; }
#page .navbar .navbarwrapper ul li#news a.navitem span { color:#f0cf64; }
#page .navbar .navbarwrapper ul li#sports a.navitem  {color:#f0cf64; }
#page .navbar .navbarwrapper ul li#sports a.navitem span { color:#f0cf64; }
#page .navbar .navbarwrapper ul li#entertainment a.navitem { color:#f0cf64; }
#page .navbar .navbarwrapper ul li#entertainment a.navitem span { color:#f0cf64; }

.home #page .navbar .navbarwrapper ul li#home a.navitem {color:#fff;background-color:#990002;}
.home #page .navbar .navbarwrapper ul li#home a.navitem span {color:#fff;background-color:#990002; height:13px; overflow:hidden; }

.news #page .navbar .navbarwrapper ul li#news a.navitem {color:#fff;background:transparent;}
.news #page .navbar .navbarwrapper ul li#news a.navitem span {color:#fff;background:transparent url(/images/header/nav-onpage.gif) top left repeat-x;}

.opinion #page .navbar .navbarwrapper ul li#opinion a.navitem {color:#fff;background:transparent;}
.opinion #page .navbar .navbarwrapper ul li#opinion a.navitem span {color:#fff;background:transparent url(/images/header/nav-onpage.gif) top left repeat-x;}

.business #page .navbar .navbarwrapper ul li#business a.navitem {color:#fff;background:transparent;}
.business #page .navbar .navbarwrapper ul li#business a.navitem span {color:#fff;background:transparent url(/images/header/nav-onpage.gif) top left repeat-x;}

.sports #page .navbar .navbarwrapper ul li#sports a.navitem {color:#fff;background:transparent;}
.sports #page .navbar .navbarwrapper ul li#sports a.navitem span {color:#fff;background:transparent url(/images/header/nav-onpage.gif) top left repeat-x;}

.entertainment #page .navbar .navbarwrapper ul li#entertainment a.navitem {color:#fff;background:transparent;}
.entertainment #page .navbar .navbarwrapper ul li#entertainment a.navitem span {color:#fff;background:transparent url(/images/header/nav-onpage.gif) top left repeat-x;}

.life #page .navbar .navbarwrapper ul li#life a.navitem {color:#fff;background:transparent;}
.life #page .navbar .navbarwrapper ul li#life a.navitem span {color:#fff;background:transparent url(/images/header/nav-onpage.gif) top left repeat-x;}

.health #page .navbar .navbarwrapper ul li#health a.navitem {color:#fff;background:transparent;}
.health #page .navbar .navbarwrapper ul li#health a.navitem span {color:#fff;background:transparent url(/images/header/nav-onpage.gif) top left repeat-x;}

.technology #page .navbar .navbarwrapper ul li#technology a.navitem {color:#fff;background:transparent;}
.technology #page .navbar .navbarwrapper ul li#technology a.navitem span {color:#fff;background:transparent url(/images/header/nav-onpage.gif) top left repeat-x;}

.travel #page .navbar .navbarwrapper ul li#travel a.navitem {color:#fff;background:transparent;}
.travel #page .navbar .navbarwrapper ul li#travel a.navitem span {color:#fff;background:transparent url(/images/header/nav-onpage.gif) top left repeat-x;}

.jobs #page .navbar .navbarwrapper ul li#jobs a.navitem {color:#fff;background:transparent;}
.jobs #page .navbar .navbarwrapper ul li#jobs a.navitem span {color:#fff;background:transparent url(/images/header/nav-onpage.gif) top left repeat-x;}

.cars #page .navbar .navbarwrapper ul li#cars a.navitem {color:#fff;background:transparent;}
.cars #page .navbar .navbarwrapper ul li#cars a.navitem span {color:#fff;background:transparent url(/images/header/nav-onpage.gif) top left repeat-x;}

.homes #page .navbar .navbarwrapper ul li#homes a.navitem {color:#fff;background:transparent;}
.homes #page .navbar .navbarwrapper ul li#homes a.navitem span {color:#fff;background:transparent url(/images/header/nav-onpage.gif) top left repeat-x;}

.classifieds #page .navbar .navbarwrapper ul li#classifieds a.navitem {color:#fff;background:transparent;}
.classifieds #page .navbar .navbarwrapper ul li#classifieds a.navitem span {color:#fff;background:transparent url(/images/header/nav-onpage.gif) top left repeat-x; }

.navbar .navbarwrapper ul li#jobs { background:url(/images/header/nav-class-job.gif) top left no-repeat; }
.navbar .navbarwrapper ul li#cars, .navbar .navbarwrapper ul li#homes, .navbar .navbarwrapper ul li#classifieds { background:url(/images/header/nav-class.gif) top left repeat-x; }

.col_160 .no_section_title{padding-top:3px;}

/* margin-left auto is for oodle */
.partner-html li.mainnav .subnav { width:auto !important; width:auto; }
li#news .subnavcontent { width:720px; }
li#news .subnav { position:absolute; top:35px; left:0px; margin-left:auto !important; width:auto; }
li#community .subnavcontent { width:720px; }
li#community .subnav { position:absolute; top:35px; left:0px; margin-left:auto !important; width:auto; }
li#opinion .subnavcontent { width:720px; }
li#opinion .subnav { position:absolute; top:35px; left:-120px; margin-left:auto !important; width:auto; }
li#business .subnavcontent { width:720px; }
li#business .subnav { position:absolute; top:35px; left:-170px; margin-left:auto !important; width:auto; }
li#sports .subnavcontent { width:720px; }
li#sports .subnav { position:absolute; top:35px; left:0px; margin-left:auto !important; width:auto; }
li#entertainment .subnavcontent { width:720px; }
li#entertainment .subnav { position:absolute; top:35px; left:0px; margin-left:auto !important; width:auto; }
li#life .subnavcontent { width:720px; }
li#life .subnav { position:absolute; top:35px; left:-340px; margin-left:auto !important; width:auto; }
li#guides .subnavcontent { width:720px; }
li#guides .subnav { position:absolute; top:35px; left:0px; margin-left:auto !important; width:auto; }
li#health .subnavcontent { width:720px; }
li#health .subnav { position:absolute; top:35px; left:-263px; margin-left:auto !important; width:auto; }
li#technology .subnavcontent { width:720px; }
li#technology .subnav { position:absolute; top:35px; left:-354px; margin-left:auto !important; width:auto; }
li#travel .subnavcontent { width:720px; }
li#travel .subnav { position:absolute; top:35px; left:-421px; margin-left:auto !important; width:auto; }
li#classifieds .subnavcontent { width:720px; }
li#classifieds .subnav { position:absolute; top:35px; left:0px; margin-left:auto !important; width:auto; }
li#cars .subnavcontent { width:720px; }
li#cars .subnav { position:absolute; top:35px; left:-623px; margin-left:auto !important; width:auto; }
li#homes .subnavcontent { width:720px; }
li#homes .subnav { position:absolute; top:35px; left:-660px; margin-left:auto !important; width:auto; }
li#jobs .subnavcontent { width:720px; }
li#jobs .subnav { position:absolute; top:35px; left:-537px; margin-left:auto !important; width:auto; }
li#classifieds .subnavcontent { width:720px; }
li#classifieds .subnav { position:absolute; top:35px; left:-628px; margin-left:auto !important; width:auto; }

/* oodle */
.partner-html #page .navbar .navbarwrapper ul li.hovered#home a.navitem span { padding:8px 2px 6px 10px !important; }
.partner-html #leaderboard .ad { top:0px; }

/* saxotech rotator and feature css*/
.cont { width:465px;}	 
.rg-rotator { padding:25px 0 20px 0; width:465px; height:380px; overflow:hidden; }
.rg-rotator a { text-decoration:none; color:#0e7da8; }
.rg-rotator a:hover { text-decoration:underline; }
.rg-rotator .clear { height:0px; clear:both; font-size:1px; overflow:hidden; width:100%; margin:0; padding:0; }
.rg-rotator img, .rg-rotator a { border:none; }
.rg-rotator .rgr-imageframe { background:url(http://www.calgaryherald.com/images/restaurant-guide/rotator-frame.gif) top left no-repeat; padding:3px; }
.rgr-control { position:relative; height:0px; }
.rgr-control .rgr-controlarea { position:absolute; right:4px; top:-25px; }
.rgr-control .rgr-buttons { float:right; width:18px; height:19px; background:url(http://www.calgaryherald.com/images/restaurant-guide/rgr-button.jpg) top left no-repeat; margin:2px 0 0 2px; }
.rgr-control a.rgr-buttons:hover { background-position:-19px 0; }
.rgr-control .active { background-position:-19px 0; }
.rgr-control .rgr-pause { float:right; width:21px; height:22px; background:url(http://www.calgaryherald.com/images/restaurant-guide/rgr-pause2.gif) top left no-repeat; margin-left:3px; }
.rgr-control a.rgr-pause:hover { background-position:-22px 0;}
.rgr-control .play { background:url(http://www.calgaryherald.com/images/restaurant-guide/rgr-play.gif) top left no-repeat; }
.rgr-control a.play:hover { background-position:-22px 0;}
.rg-rotator .rgr-content h1 { font-family:Georgia, "Times New Roman", Times, serif; padding:5px 0 10px 0; margin:0; font-weight:normal; }
.rg-rotator .rgr-content h1 a { font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:#000; line-height:normal; }
.rg-rotator .rgr-author { font-style:italic; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#9f9f9f; float:left; padding:0 10px 8px 0; }
.rg-rotator .rgr-author span { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; }
.rg-rotator .rgr-date { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; }
.rg-rotator .rgr-date span { font-style:italic; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#9f9f9f; }
.rg-rotator .rgr-text { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:17px; color:#333; }
.rg-rotator .rgr-text a { font-style:italic; font-size:14px; }

.rg-feature { background:url('http://www.calgaryherald.com/images/restaurant-guide/dotline.gif') top left repeat-x; padding-top:20px; }
.rg-feature .rgf-wrapper { padding:0 0 20px 0; float:left; }
.rg-feature a { text-decoration:none; color:#0e7da8; }
.rg-feature a:hover { text-decoration:underline; }
.rg-feature .clear { height:0px; clear:both; font-size:1px; overflow:hidden; width:100%; margin:0; padding:0; }
.rg-feature img, .rg-feature a { border:none; }
.rg-feature .rgf-image { float:left; padding:7px; background:url(http://www.calgaryherald.com/images/restaurant-guide/frame.gif) top left no-repeat; }
.rg-feature .rgf-rightcol { float:left; margin-left:15px; display:inline; width:310px; }
.rg-feature h3 { padding:0 0 5px 0; margin:0; font-size:14px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; float:left; }
.rg-feature .rgf-author { font-family:Arial, Helvetica, sans-serif; font-size:11px; float:left; padding:0 10px 8px 0; font-style:italic; color:#9f9f9f; }
.rg-feature .rgf-author span { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; }
.rg-feature .rgf-date { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; }
.rg-feature .rgf-date span { font-style:italic; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#9f9f9f; }
.rg-feature .rgf-text { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; line-height:14px; }
.rg-feature .rgf-text a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px; }