/* Change to #mainNav td p to reflect changing eTalk back to Entertainment. bjamieson 2007-09-13 */

/* Changed #subNav1 border width to 0px. bjamieson 2008-01-21 */





body {color: black; background-color: white; margin: 5px 0px 5px 0px; text-align: center; font-family: Verdana, Arial, sans-serif; font-size: 11px}



table {border-collapse: collapse; padding: 0px; margin: 0px}

td {margin: 0px; padding: 0px; vertical-align: top }

img {display: block}

img.inline {display: inline}

select, input {font-size: 10px}

td {vertical-align: top}

#NewsCategoryVancouver {display:none}
#NewsCategoryEdmonton {display:none}
#NewsCategoryWinnipeg {display:none}
#NewsCategoryOttawa {display:none}
#NewsCategoryCalgary {display:none}
#NewsCategoryMontréal {display:none}
#NewsCategory {display:none}
input.button, input.result {background-color: #A7A7A7; font-weight: bold; color: white; border: 3px double #828282; padding: 0px; text-transform: uppercase; font-size: 8px; margin: 1px; display: block; float: left; width: 40px}







input.result {width: 45px}







a:link, a:active, a {color: #003094; text-decoration: none }







a:visited {color: #4D72A6}







a:hover {text-decoration: underline}















a.moreLink, a.moreLink:visited {color: #B71C00; font-size: 10px}















div.centre {width: 780px; text-align: left; margin: 0px auto 0px auto; border: 1px solid white; border-width: 0px 1px 0px 1px}







p, h3 {margin: 0px 0px 5px 0px}















h1 {margin: 0px}







h2 {background-color: #B71C00; color: white; font-size: 10px; font-weight: bold; text-transform: uppercase; background-image: url("http://images.ctv.ca/mar/images/widgets/red_bevel.gif"); background-repeat: repeat-x; padding: 5px 0px 5px 3px; text-align: left; margin: 0px}







h2 a, h2 a:visited, #mainTableAds h2 a, #mainTableAds h2 a:visited {color: white}







p.headline, h3 {font-weight: bold; text-align: left; color: #B71C00; font-size: 11px}















hr {background-color: #aaaaaa; height: 1px; margin: 1px 3px 1px 3px}















/* associations icons */







li.video {margin: 0px; padding: 0px; list-style-image: url(http://images.ctv.ca/mar/images/bullets/icon_video.gif);}







li.email {margin: 0px; padding: 0px; list-style-image: url(http://images.ctv.ca/mar/images/bullets/icon_email.gif);}







li.details {margin: 0px; padding: 0px; list-style-image: url(http://images.ctv.ca/mar/images/bullets/icon_details.gif);}







li.feedback, li.related {margin: 0px; padding: 0px; list-style-image: url(http://images.ctv.ca/mar/images/bullets/icon_related.gif);}







li.print {margin: 0px; padding: 0px; list-style-image: url(http://images.ctv.ca/mar/images/bullets/icon_print.gif);}







li.link {margin: 0px; padding: 0px; list-style-image: url(http://images.ctv.ca/mar/images/bullets/icon_link.gif);}







li.stories {margin: 0px; padding: 0px; list-style-image: url(http://images.ctv.ca/mar/images/bullets/redbullet.gif);}















/* grey image buttons at bottom right of various boxes */















#mainTableAds img.boxButton {margin: 10px 0px 0px auto; display: block; text-align: right; border-style: none}















div.clear {clear: both; height: 1px; margin: 0px; padding: 0px}







div.clear img {display: block; float: none; margin: 0px; border: none}















.featuresBox a, .features a { none; color: black}







#featuresDiv ul {padding-top:0px;padding-bottom:0px;background-color:#efefef;}















/* header and search */























#topNav {background-color: #B10000; height: 3px; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #B10000}







#topSearchBar { background-color: #F2F2F2; background-repeat: repeat-x; background-image: url("http://images.ctv.ca/mar/images/widgets/searchHeaderBg.gif"); border: 1px solid #AAAAAA; padding: 0px; position: relative; margin: 1px 0px 0px 0px;z-index: 101 }







#topSearchBar img {margin: 0px; }







#topSearch {position: absolute; top: 22px; right: 10px; text-align: right;  }







#topSearch form { margin: 0px 0px 0px auto; padding: 0px; width: 440px;  }







#topSearch label {font-size: 11px}







#googleSearchCTV {display: none}







#indexPageHeader {margin-bottom: 5px}















/* top navigation */







#mainNav, #chewy, #banner, #search, #subNav, #chewyTable, #footBottomNav, #footTopNav, #footIcons, #footCopyRight {width: 780px; margin: 0px auto 0px auto; font-size: 11px; text-align: left; padding: 0px}







#mainNav, #banner {background-color: black; background-image: url(http://www.ctv.ca/mar/images/nav/CTV_topNAV_BG.gif); color: white; border-width: 0px 1px 0px 0px; border-style: solid; }







#mainNav table {width: 673px}







#mainNav td {border: 1px solid black; border-width: 0px 1px 0px 1px; text-align: center}







#mainNav td.divider {border: none; background-color: #efefef; width: 1px}







#mainNav a, #mainNav p {color: white; font-size: 10px; font-weight: bold; text-decoration: none}







#chewy {background-color: white; align:top; margin-top: 5px}







#mainNav {border-width: 0px 0px 0px 0px; border-style: solid; border-color: #999999; z-index: 100}







/* Changed Left Margin and Right Margin from 7px to 5px. bjamieson 2007-09-13 */



#mainNav td p {margin: 3px 5px 5px}







	/* additional colours */







div#navColourBar {background-color: #C60000; height: 3px; margin-top: 2px }







div.showsNav table, #subNav div.showsNav, .ShowsHomeredbkg {background-color: #C60000}



#showSubNav .ShowsHomeredbkg a:hover, #showSubNav .currentItem a:hover {color: #000000 !important;}



div.showsNav2 table, #subNav2 div.showsNav2 {background-color: #00309C}





/* top ad */









#topAdDiv {border-width: 1px 1px 1px 1px; border-style: solid; border-color: #AAAAAA; background-image: url(http://images.ctv.ca/mar/images/widgets/topAdBg.gif); background-repeat: repeat-x; text-align: center; margin: 1px 0px 0px 0px; padding: 5px 0px 5px 0px}

#topAdDiv img, #topAdDiv object, #topAdDiv embed {margin: 0px auto 0px auto}



/* news ticker */



#newsTicker {border-width: 1px; border-color: #aaaaaa; border-style: solid; text-align: left; margin: 2px 0px 0px 0px}

#newsTicker p {margin: 3px; font-size: 11px}







.latestnews {font-weight: bold; color: #B10000; }















/* foot */















#footTopNav {margin: 5px 0px 0px 0px; background-color: #EFEFEF; border-top: 1px solid black; border-bottom: 1px solid #EFEFEF }







#footBottomNav {background-color: #CFCFCF; margin: 0px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #CFCFCF; }















#footTopNav a, #footTopNav a:visited, #footBottomNav a, #footBottomNav a:visited {color: black; font-size: 10px; font-weight: bold}







#footTopNav p, #footBottomNav p {text-align: center;margin:2px}















#footIcons {margin-top: 10px}







#footIcons td {text-align: center; width: 11% }







#footIcons img {margin: 0px auto 0px auto}















#footCopyRight {border-color: black; border-style: solid; border-width: 1px 0px 1px 0px; margin: 5px 0px 0px 0px}







#footCopyRight p {font-size: 10px; margin: 3px}















/* sponsors */







#rightSponsors p {text-transform: uppercase; font-size: 10px; text-align: center; color: #aaaaaa; border-bottom: 1px solid #aaaaaa; padding: 3px}







#boxAd img, #rightSponsors img {margin: 0px auto 4px auto; border: none}















/* news hub stuff */















#mainTableLeft {position: relative}







#timeStamp {position: absolute; top: 30px; right: 6px; width: 250px; font-size: 10px; color: white; text-align: right}























#mainTable {width: 100%; margin-top: 3px; border-collapse; }







#mainTable td {text-align: left}







#mainTableLeftContainer, #mainTableRightContainer, #mainTableAdsContainer  {border-width: 0px 1px 0px 1px; border-color: #aaaaaa; border-style: solid; padding-top: 0px; padding-bottom: 10px}







#mainTableAdsContainer, #mainTableLeftContainer {border-right: none; }







#mainTableLeftContainer {width: 404px; text-align: left;}















#mainTableRightContainer {text-align: center; }















#mainTableRightContainer h2 {padding-bottom: 2px; margin: 0px;}







#mainTableRightContainer div.rightBox {margin: 0px;}















#mainTableAdsContainer {width: 124px; text-align: right; }























#mainTableLeft {margin: 0px 4px 0px 0px}







#mainTableRight { margin: 0px 4px 0px 4px}







#mainTableAds {margin: 0px 0px 0px 4px}















#topStoryBox, .topStoryBox {background-color: #EFEFEF; margin: 3px 0px 0px 0px; border-top: 1px solid #efefef; text-align: left; padding: 3px; height: 123px; }







html>body #topStoryBox, html>body .topStoryBox {height: auto; min-height: 123px}







#topStoryBox img, .topStoryBox img {float: left; border: 1px solid black; margin: 0px 5px 0px 0px}







#topStoryBox h3, .topStoryBox h3  {margin: 0px 0px 3px 0px; font-size: 14px}







#topStoryBox div.clear img, .topStoryBox div.clear img {float: none; border: none; margin: 0px}







#topStoryAssoc, .topStoryAssoc {background-color: #DCDCDC;}







#topStoryBox ul, #topStoryAssoc ul {list-style-type: image; padding: 3px 3px 3px 23px; margin: 0px; text-align: left; clear: both}







#topStoryBox li, #topStoryAssoc li {padding: 0px; margin: 0px; }







#topStoryBox ul a, #topStoryAssoc ul a {color: black; font-size: 11px; font-weight: bold}















#moreStories ul {list-style-type: image; padding: 0px 0px 0px 20px; margin: 3px; text-align: left; clear: both}







#moreStories li {margin: 0px; padding: 0px}







#moreStories ul a {color: black; font-size: 11px; font-weight: bold}















.moreStoriesBox  {border-top: 1px solid #aaaaaa; padding: 3px 0px 3px 0px; margin: 4px 0px 4px 4px;}







#moreStories p, #moreStories p, #moreStories h3 {margin: 3px; padding: 0px}















/* poll */















#mainTableAds h2 {margin: 0px}







.pollForm {margin: 0px 0px 4px 0px; padding: 0px; width: 120px }







#pollTable {border: 1px solid #DCDCDC; background-color: #EFEFEF; margin: 0px 0px 4px 0px; width: 120px}







#mainTableAds div {margin: 0px 0px 4px 0px}







#pollTable td, #pollTable th {border: none; text-align: left; font-size: 11px; padding: 3px 3px 3px 3px}







#pollTable th { background-color: #DCDCDC}







.railDiv, #newsletterBlurb, #weatherForm {background-color: #EFEFEF; padding-top: 3px; margin: 0px 0px 5px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #7A7A7A; text-align: left}







.railDiv blockquote, .railDiv p {margin: 3px 3px 5px 3px; padding: 0px; text-style: italic; font-size: 11px; color: black}







.railDiv blockquote {font-style: italic}







.railDiv cite {font-weight: bold; font-style: normal}







.railDiv img {margin: 0px 0px 3px 0px;text-align:center}























/* news sub menu */















#subNav1, #subNav2 {background-color:black}







#subNav1 a, #subNav2 a {color: white; font-size: 10px; font-weight: bold}







#subNav1 a, #subNav2 a {text-decoration: none}















#subNav2 div, div#subNavEmpty {background-color: #00309C; }







#subNav2 div {visibility: hidden}







	/* hide all navigation divs except div#subNavEmpty before the script runs... */















#subNav2 td, #mainNav td, div#subNavEmpty td {margin: 3px 7px 3px 5px; }







#subNav2 a, #subNav2 a:visited {color: white; }







#subNav2 a:hover, #subNav2 td.currentItem a, #subNav2 td.currentItem a:visited {color: #F6AC0D}















#subNav1 table, #subNav2 table, div#subNavEmpty table {border-collapse: collapse; }







#subNav1 td p, #subNav2 td p, div#subNavEmpty td p {margin: 3px 5px 3px 5px; font-size: 10px}







#subNav2 td p {padding-left: 10px; background: url("http://images.ctv.ca/mar/images/widgets/navArrow.gif") no-repeat 3px 3px}







#subNav a {color: white; }











#subNav2 table td { margin: 0px}



#subNav2 td p {  margin: 3px 1px 3px 3px}







#subNav1 {border-width: 0px 0px 0px 0px; border-style: solid; border-color: #000000;}















td.currentItem {background-color: #00309C; text-transform: uppercase; font-weight: bold; }







#mainNav td.currentItem {border-color: #00309c; background-image: url(http://images.ctv.ca/mar/images/nav/CTV_topNav_blueBG.gif)}























#subNav2 {position: relative; }







#subNav2 div {position: absolute; width: 780px}







#subNav2 div, #subNavEmpty {visibility: hidden}







#subNav2 div.currentItem {visibility: visible}















/* for cobrand headers - story and hub */















#extStories h2, h2.poweredBy {background-color: white; background-image: none; color: black; border-top: 3px solid #0045CE; text-align: right; padding: 0px; }







#extStories h2 img, h2.poweredBy img {margin: 0px 0px 0px auto; display: block}







#extStories div.box {border-top:1px solid #aaaaaa; padding: 10px 3px 10px 3px; margin-left: 4px}















/* new local and programs nav */







#local {background-color: white; border: 1px solid #aaaaaa;}















#mainNav {position: relative}







.dropDownContainer {position: absolute; right: 1px; }







p.menuButton {margin: 0px; cursor: hand; cursor: pointer; margin: 0px } 







#mainNav {z-index: 100}







#topSearch .dropDownContainer {z-index: 101}







.dynamicMenu {position: absolute;  right: 3px; top: 1px; width: 200px; border: none; visibility: hidden}















#topSearch .dynamicMenu {width: 650px}















#topSearch .dropDownContainer {position: relative; width: 99px; float: right; background-color: #f5f5f5; margin-top: 5px}







#searchButton {top: 2px; position: relative}







#topSearch .dropDownContainer p {margin: 0px; padding: 0px }















/* font size thing */















body, body div, body p, body th,







body td, body li, body dd, body h3, body p.headline    {







    /* more specific to override imported rule */







    font-size:    x-small;







    /* false value for WinIE4/5 */







    voice-family: "\"}\"";







    /* trick WinIE4/5 into thinking rule is over */







    voice-family: inherit;







    /* recover from trick */







    font-size:    small







    /* intended value for better browsers */







    }















html>body, html>body div, html>body p,







html>body th, html>body td,







html>body li, html>body dd, html>body h3, html>body p.headline    {







    font-size: 12px







    /* be nice to Opera */







    }







#googleAdFoot {text-align: center; margin: 10px auto 10px auto; border-width: 1px 0px 1px 0px; border-color: #AAAAAA; border-style: solid; padding: 5px 0px 5px 0px}







  /* Programs Sub Nav */



#showSubNav {background-color: #000000; border-width:0px 0px !important;}



#showSubNav a{font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; color: #FFFFFF; font-weight: bold; text-align:center; text-decoration: none}



#showSubNav a:hover {color: #cc3333;}



#showSubNav td {margin: 3px 7px 3px 5px; }



#showSubNav td.divider {border: none; background-color: #efefef; width: 1px}



#showSubNav td p {height:17px; margin:3px 1px 0px 3px;padding:1px 3px 0px 4px;}



#showSubNav a {color: white; }



#showSubNav table td {margin: 0px}



#showSubNav div {visibility: hidden}



#showSubNav {position: relative; }



#showSubNav div {position: absolute; width: 780px}



#showSubNav div, #subNavEmpty {visibility: hidden}



#showSubNav div.currentItem {visibility: visible}




