body {color: white; background: white }



a, a:link, a:visited, h3 {color: #8cd9fc}



a:hover {color: #caf8fd; text-decoration: none;}



#main {background-color: #1c1c36; min-height:325px;}



#left10 {margin-left: 10px;	margin-bottom: 10px; margin-top: 10px;}



/* Removing Top Stories */



#mainTableRight #otherStories2 {display: none}



/* top nav */



#ctvMiniNav {background: url(http://images.ctv.ca/mini/junos2007/images/mininav_bg.gif) repeat-x 0px 0px; color: none; font-size: 10px; font-weight: bold; height: 26px;  }



html>body #ctvMiniNav {background-position: 0px 0px}



#ctvMiniNav a, #ctvMiniNav a:visited {color: white}



#siteNav a:hover {text-decoration: underline}



/* if links are changed in any way, padding must be adjusted. /mar/images/nav/132_CTVheaderL.gif file width must also be adjusted */

#ctvMiniNav a {float: left; padding: 3px 25px 5px 20px }



/* if links are changed in any way, width must be adjusted to correspond with /mar/images/nav/132_CTVheaderL.gif file width */

#ctvMiniNav li, #ctvMiniNav ul {margin: 0px; padding: 0px; text-align: left; font-size: 10px; list-style-type: none;height: 26px}



#ctvMiniNav li {float: left; background: url(http://www.ctv.ca/mini/junos2007/images/mininav_fin_bg.gif) repeat-x; margin: 3px 0px 3px 0px; height: 20px}



#ctvMiniNav #CTVLogo img, #ctvMiniNav #CTVLogo a, #ctvMiniNav #CTVLogo {margin: 0px; padding: 0px}



#ctvMiniNav #CTVLogo {padding: 3px 18px 3px 3px; background-image: none }

.currentdate {color: #000000; list-style-type:none; margin:25px 0px 0px 0px; padding:0px; z-index:100; position:absolute; width:40px}

html>body .currentdate {color: #000000; list-style-type:none; margin:25px 0px 0px 261px; padding:0px; z-index:100; position:absolute; width:40px}



#ctvMiniNav #miniNavFinLeft {width: 15px; background: url(http://www.ctv.ca/mini/junos2007/images/mininav_fin_left.gif) }



#ctvMiniNav #miniNavFinRight {width: 4px; background: url(http://www.ctv.ca/mini/junos2007/images/mininav_fin_right.gif) }



#ctvMiniNav #miniNavLeft {width: 3px; height: 26px; background-image: url(http://www.ctv.ca/mini/junos2007/images/mininav_left.gif); float: left }

#ctvMiniNav #miniNavRight {width: 3px; height: 26px; background-image: url(http://www.ctv.ca/mini/junos2007/images/mininav_right.gif); float: right;}

#loginHeader {width: 930px; height: 121px; border: none}



/* idol nav */



#idolHeader {position: relative; }

#mastHead {position: relative; top: 0px; left: 0px; z-index: 99}

#mastHead_swf {position: relative; top: 0px; left: -39px; width: 930px}



html>body #mastHead_swf {position: relative; top: 0px; left: -74px; width: 930px}







#lowerNav { height: 23px; text-align: center; position: absolute; top: 81px; left: 140px; z-index: 100; width: 790px }



#mastHead, #lowerNav, #mainDiv {border: none; }



#lowerNav ul {margin: 0px; padding: 0px;   }



#lowerNav li {float: left; list-style-type: none; text-transform: uppercase; font: 11px Arial, sans-serif; font-weight: bold; text-align: center;  }



#lowerNav li a {color: white; text-decoration: none; text-align: center; padding: 0px 8px 0px 8px; display: block; float: left ; margin-top: 7px;}



#lowerNav li a:hover {text-decoration: underline}



#lowerNav li#navHome {border-left-width: 0px}



#lowerNav li#navBlank {background-color: #d9d9d9; width: 88.5px; height: 19px;}







#lowerNav2 { height: 25px; text-align: center; position: absolute; top: 95px; left: 5px; z-index: 98; width: 900px }



#lowerNav2 ul {margin: 0px; padding: 0px;   }



#lowerNav2 li {float: left; list-style-type: none; text-transform: uppercase; font: 12px Arial, sans-serif; font-weight: bold; text-align: center;  }



#lowerNav2 li a {color: white; text-decoration: none; text-align: center; padding: 0px 8px 0px 8px; display: block; float: left ; margin-top: 7px;}



#lowerNav2 li a:hover {text-decoration: none; color: #bee5ff;}



#lowerNav2 li#navHome {border-left-width: 0px}



#lowerNav2 li#navBlank {background-color: #d9d9d9; width: 88.5px; height: 19px;}















/* box ad */







#helloHead {height: 41px; background-image: url(http://www.ctv.ca/mini/idol2007/images/hello_bg.jpg); margin-bottom: 5px; position; relative}







#helloHead .loggedin {margin-left: 5px}







#helloHead img {border: none; float: left; margin: 10px 0px 5px 0px}







#helloLinks { color: #8bdaff; font-size: 11px; text-transform: uppercase; font-weight: bold; padding: 5px 0px 0px 0px; margin: 0px}







#helloWords {font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0px}







#helloImage {position: absolute; top: 5px; right: 10px}







#boxAd {clear: left; background: #4274af url(http://images.ctv.ca/mini/idol2007/images/box_bg.jpg) repeat-x; padding: 0px 0px 0px 0px; position: relative; border: 1px solid #1c1c36; border-width: 1px 0px 1px 0px }







#boxAd img, #boxAd iframe, #boxAd object, #boxAd embed {margin: 5px auto 5px auto; display: block}







#boxAd .top { margin: 0px; height: 12px; background: url(http://images.ctv.ca/mini/idol2007/images/box_top.jpg); background-repeat:no-repeat}







#boxAd .top img, #boxAd .bottom img {margin: 0px; border: none}







#boxAd .bottom { margin: 0px; height: 12px; background: url(http://images.ctv.ca/mini/idol2007/images/box_bottom.jpg); background-repeat:no-repeat; background-position:bottom}















#auditionmap { margin: 5px 0 0 0; }







#auditionmap a img, #adsColumnContainer a img { border: none; }











#adsColumnContainer h2 {







	font-size: 12px;







	background: #1c1c36 url(http://images.ctv.ca/mini/idol2007/images/title_bg.gif) no-repeat;







	margin: 10px 0 0 0;







	padding: 3px 0 3px 3px;







}







#adsColumnContainer .rightBox {margin: 0 5px 5px 0; padding: 0; background-color:#194a7a; }







#adsColumnContainer .rightBox ul { margin: 0; padding: 5px 5px 5px 22px; }







#adsColumnContainer .rightBox ul li { list-style-type: square; font-size: 11px; margin: 0 0 5px 0; }







#adsColumnContainer .rightBox ul li a { color: white; }















div#featuresDiv div.Features { height: 160px; padding: 10px 2px; }







	div#featuresDiv div.Features div.box { width: 90px; height: 117px; float: left; margin: 0 3px; padding: 0; background-color: #4677B3;}







		div#featuresDiv div.Features div.box p { display: none; }







		div#featuresDiv div.Features div.box h3 { padding: 0 0 0 7px; }







		div>div#featuresDiv div.Features div.box h3 { padding: 0 0 0 4px; }







			div#featuresDiv div.Features div.box h3 a { font-weight: normal; }







a#allGalleriesLink.galleryButton {







	display: block;



	clear: both;



	margin: 0 0 0 33px;







}







a#allGalleriesLink {



	display: block;



	clear: both;



	margin: 0 auto;



}



	div#featuresDiv div.Features a#allGalleriesLink img { border: none; }







/*mdDonalds Page */



.tableMcDonaldshelp {margin: 0px;}



html>body .tableMcDonaldshelp{margin:0px 0px 0px 50px;} 



.style1 {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #FFFFFF;



}



html>body .style1 {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #FFFFFF;



	margin: 0px 0px 0px 30px;



}



html>body .mcpic {margin:0px 0px 0px 40px;}



.style2 {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 10px;



	color: #FFFFFF;



}



.style4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#000000; }







.style5 {color: #000000;}



.style5 a, .style5 a:visited, .style5 a:hover, .style5 a:link, .style5 a:active {color: #000000; text-decoration:underline;}







.mcDVideo {position:relative; top:-20px !important; left:10px !important;}



html>body .mcDVideo {position:relative; top:-20px !important; left:5px !important;}











/* video player */







#adsColumn h2 {margin: 0px}







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







#videoClips  {clear: left; background: #4274af url(http://images.ctv.ca/mini/idol2007/images/box_bg.jpg) repeat-x; padding: 0px 0px 0px 0px; position: relative; border: 1px solid #1c1c36; border-width: 1px 0px 1px 0px ; margin-top: 0px;}



#videoClips img {padding-top:0px; margin-top:0px !important; margin-bottom:0px !important;}





#videoClips h2 {margin: 0px !important; padding:0px !important}







#videoClips .top { margin: 0px; height: 12px; background: url(http://images.ctv.ca/mini/idol2007/images/box_top.jpg)}







#videoClips ul, #videoClips li {padding: 0px; margin: 0px}







#videoClips a, #videoClips a:visited {color: white} 







#videoClips ul {margin: 10px 0px 10px 0px}







#videoClips li { margin:5px 5px 5px 30px}







#videoClips .bottom { margin: 0px; height: 12px; background: url(http://images.ctv.ca/mini/idol2007/images/box_bottom.jpg)}







#videoPlayer {margin: 0px 0px 0px 15px}















/* foot */







#footNav, #miniNav { background-image: url(http://images.ctv.ca/mini/idol2006/images/nav_bg.gif)}



#footNav { background: #1c2384 url(http://www.ctv.ca/mini/idol2007/images/bg_nav_footer.jpg); height:25px; background-repeat:no-repeat;}



#footNav ul, #footLogos ul {margin: 0px; padding: 0px; list-style-type: none; height: 20px;  }



#footNav ul {margin-left: 20px}



#footNav li a, #miniNav li a {display: block; color: white; font: bold 11px Arial, sans-serif; text-transform: uppercase; padding: 2px 8px 2px 8px; margin: 3px 0px 0px 0px; text-decoration:none}



#footNav li {



	margin: 0px;



	float: left;



	text-align: center;



	height: 20px;



	text-decoration:none;



	padding-top: 0px;



	padding-right: 15px;



	padding-bottom: 0px;



	padding-left: 0px;



}







#footLogos ul {height: 50px; margin: 10px 0px 0px 180px}



#footLogos li {margin: 0px; padding: 0px 25px 0px 0px; float: left; text-align: center; height: 20px; text-decoration:none; vertical-align:middle;}



#footLogos img {border: none; vertical-align:middle;}



#footLogos #TDLogo {padding: 10px 0px 0px 0px;}



#footLogos #telusLogo {padding: 10px 0px 0px 20px;}



#footLogos #kraftLogo {padding: 10px 0px 0px 20px;}







#footLogos2 {padding: 0px 0px 0px 252px; display: block; clear:both;}



#footLogos2 ul {height: 50px; margin:10px 0px 0px 20px;  }



#footLogos2 li {margin: 0px; padding: 0px 45px 0px 0px; float: left; text-align: center; height: 20px; text-decoration:none; vertical-align:middle;}



#footLogos2 img {border: none; vertical-align:middle;}



#footLogos2 #ctvLogo {padding: 10px 25px 0px 0px;}







#copyRightFoot p {color: black;  display: block; float: none; font-size:10px !important; margin-top:10px;}







/* footnav 1 - tester */







#miniNav { background-image: url(http://www.ctv.ca/mini/idol2007/images/bg_nav_footer.jpg); background-repeat: no-repeat;}







#footNav1 { background: url(http://www.ctv.ca/mini/idol2007/images/bg_nav_footer.jpg); height:25px; background-repeat:no-repeat;}







#footLogos1 ul {margin: 2px 0px 0px 0px;}







#footNav1 ul {margin-left: 50px; padding: 0px; list-style-type: none; height: 20px;}







#footLogos1 li, #footNav1 li {margin: 0px; padding: 0px 15px 0px 0px; float: left; text-align: center; height: 20px; text-decoration:none}







#footLogos1 img {border: none}







#footNav1 li a, #miniNav li a {display: block; color: white; font: bold 11px Arial, sans-serif; text-transform: uppercase; padding: 2px 8px 2px 8px; margin: 3px 0px 0px 0px; text-decoration:none}







/*this changes left margin before logos */



#footLogos1 ul {height: 50px; margin: 60px 0px 0px 50px}







#mainTableLeft h4 a{



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #FFFFFF;



	text-decoration: none;



	text-transform: none;



	text-align: left;



}



/* layout */

#main {position: relative;  background-color:#1c1c36}

#leftColumnContainer {padding: 5px 0px 10px 0px; background-color:#1c1c36}

body #leftColumnContainer {padding: 5px 0px 10px 0px; background-color:#1c1c36}

#leftColumn {margin: 0px 340px 0px 5px; background-color:#1c1c36}

#leftColumn2 {margin: 0px 0px 0px 5px; background-color:#1c1c36}

#adsColumnContainer {width: 335px;  position: absolute; top: 0px; right: 0px; padding-top: 5px}

#adsColumn {width: 330px; margin: 0px 5px 0px 0px}

#boxAd {margin: 0px auto 0px auto; width: 330px}





/* right column */

img.inline {display: none}

#topStory h2 {margin: 5px 0px 0px 0px; background: url(http://images.ctv.ca//mini/idol2007/images/list_title_bg.gif) no-repeat 100% 0px}

#topStory .box {background:  #334873;  height: 124px;  padding: 10px; margin: 0px}

#topStory .box img {float: left; margin: 0px 10px 0px 0px}

#topStory .box h3 {font-size: 14px}

#topStory .box h3, #topStory .box p {margin: 0px; padding: 0px  }

#moreStories {padding-top: 10px; }

#moreStories .box img {float: left; margin: 0px 10px 0px 0px}

#moreStories .box {clear: left; padding: 0px 10px 0px 10px; height: 70px; background: transparent; margin: 0px;}

#moreStories {background:  #223350; margin-bottom: 5px; position: relative}

#moreStories .bottom { margin: 0px; height: 15px; background: url(http://images.ctv.ca//mini/idol2007/images/list_bottom.gif); }

#moreStories .more {position: absolute; bottom: 2px; right: 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}



/*Where Now*/



#mainCompetitors {background-color:#1c1c36; width:925px; margin-top:30px}

html>body #mainCompetitors {width:920px; height:510px; background-color:#1c1c36}

#mainCompetitors #comp1 {float: left; padding: 0px 30px 5px 20px}

html>body #mainCompetitors #comp1 {float:left; padding: 0px 30px 5px 20px}



/*Fun Stuff*/



#funrow {position: relative; float:left; width:580px; height:auto; background-color:#223350; margin:5px 0px 5px 0px}

#funrow img {float:left; padding:0px 5px 0px 0px}

#funrow h3 {padding: 5px 0px 0px 0px}



#flashcontent a, p{color:#FFFFFF}

#flashcontent {margin-left:75px}



.instructions {width: 575px; padding:5px}

.instructions p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF}



/*funstuff for firefox, ie7*/

html>body #staticmain {width:930px; height:100%; background-color:#1c1c36}

html>body #funrow {float:left; width:575px; height:auto; background-color:#223350 !important; padding:5px; margin-bottom:5px}

html>body #funrow h3 a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#61c7fc}

html>body #funrow h3 a: hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#61c7fc; text-decoration: underline}

html>body #funrow p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color:#ffffff}

html>body #funrow img {float:left; padding:5px 5px 0px 0px}

html>body #flashcontent a, p{color:#FFFFFF}

html>body #flashcontent {margin-left:75px}

html>body .instructions {width: 575px; padding:5px}

html>body .instructions p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF}



/*Blog Contest*/

#blogcontest {background-color:#223350; height:auto; width:575px}

#blogcontest img {float:left}

#blogcontest p {color:#FFFFFF; font-size:11px; padding:0px 5px 15px 5px}



/*from story packages*/

DIV.storyFeatureItem H3 {background: #194a7a !important;}

DIV.storyFeatureItem H3 IMG{background: #194a7a !important;}

DIV.storyFeatureItem H3 A {	PADDING-RIGHT: 3px;	PADDING-LEFT: 3px;	FONT-SIZE: 11px; PADDING-BOTTOM: 3px;	MARGIN: 0px;	COLOR: white !important;	PADDING-TOP: 3px; BACKGROUND-COLOR: #194a7a !important; background-image:none !important;}

DIV.storyFeatureItem {border:none !important; MARGIN-BOTTOM: 10px;	BACKGROUND-COLOR: #194a7a !important;}

#boxAd P {text-transform:none !important; text-align:left !important; color:#FFFFFF !important;}

DIV.storyFeatureItem p {border-bottom:none !important;}

DIV.storyFeatureItem A IMG {padding-right:5px !important; padding-left:5px !important;}

#storyBox p {color:#99b7cd !important;}



.noflashContainer ul{margin:0px; padding:0px; width:930px; background-image:url(http://images.ctv.ca/archives/CTVNews/img2/20080204/nav_bkg.jpg); background-repeat:no-repeat; text-transform:uppercase; color:#FFFFFF; }

.noflashContainer ul a {color:#FFFFFF; font-size:12px !important; font-family:Arial, Helvetica, sans-serif;  }

.noflashContainer ul a:hover  {color:#00CCFF; }

.noflashContainer li {float:left; padding: 5px 30px 3px 15px;}



#footLogos3 {width:930px; padding:0px; margin:0px; margin-left: 80px;}

#panteneLogo, #kraftLogo,  #TDLogo,  #telusLogo,  #subway {float:left !important; padding:15px 15px 0px 15px;}

.navigation {width:930px; background-image:url(http://images.ctv.ca/archives/CTVNews/img2/20080204/nav_bkg.jpg); background-repeat:no-repeat; background-color:#0a3d7c; height:25px;}

/*.navigation ul{margin:0px; padding:0px;  text-transform:uppercase; color:#FFFFFF; font-weight:bold; }*/

.navigation ul a {color:#FFFFFF; font-size:12px !important; font-family:Arial, Helvetica, sans-serif;  }

.navigation ul a:hover  {color:#00CCFF; }

/*.navigation li {float:left; padding: 5px 10px 3px 11px; list-style-type:none;}*/

.navigation ul{margin:0px; padding:0px;  text-transform:uppercase; color:#FFFFFF; font-weight:bold; }
.navigation li {float:left; padding: 5px 10px 3px 11px; list-style-type:none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
    .navigation ul{margin:0px; padding:0px;  text-transform:uppercase; color:#FFFFFF; font-weight:bold; }
	.navigation li {float:left; padding: 5px 9px 3px 9px; list-style-type:none;}
}



