/*Literacy - Digital css*/

body{
	font-family:tahoma;
		margin:0;
		padding:0;
		}
		
#container{
		width:960px;
		height:auto;
		margin:0 auto;
		padding:0;
		background:#FFF;
		font-size:14px;
		}
				
.masthead{
		width:960px;
		height: 140px;
		float:left;
		}
		
.masthead p{
	margin:0;
	padding:0;}
	
/*navigation within masthead - surf among the 5 literacy's pillars*/
.mastnav{
	float:left;
	width:960px;
	height: 83px;
	margin:0 auto;
}	

.mastnav ul{
	height:83px;
	margin:0 auto;
	padding:0;

}

.mastnav ul li{
	list-style-type:none;
	float:left;
	display:block;
	width:158px;
	height:83px;
	border-left:1px solid #FFFFFF;
}

.mastnav ul li a{
	font-size:1.3em;
	font-weight:bold;
	color:#FFFFFF;	
	display:block;
	width:158px;
	height:65px;
	text-align:center;
	padding-top:1.8em;
	text-decoration:none;
}

.mastnav ul li a:hover{
	padding-top:1.1em;}
	

/*literacy home spot style*/	
li.nav-literacy a{
	background:url(../images/literacy_navbg01.jpg) no-repeat;}

li.nav-literacy a:hover{
	color:#bab9a1;
	background:url(../images/literacy_navbg02.jpg) no-repeat;
	}	

/*digital spot style*/	
.nav-digital{
	width:158px;
	display:block;
	padding-top:1.1em;
	font-size:1.2em;
	font-weight:bold;
	color:#004b8d;
	text-align:center;
	background:url(../images/digital_navbg02.jpg) no-repeat;}
	
/*li.nav-digital a:hover{
	color:#004b8d;
	background:url(../images/digital_navbg02.jpg) no-repeat;}*/


/*environmental spot style*/		
li.nav-environmental a{
	background:url(../images/environmental_navbg01.jpg) no-repeat;}

li.nav-environmental a:hover{
	color:#006225;
	background:url(../images/environmental_navbg02.jpg) no-repeat;
	}
	
/*political spot style*/
li.nav-political a{
	background:url(../images/political_navbg01.jpg) no-repeat;}

li.nav-political a:hover{
	color:#8A0D04;
	background:url(../images/political_navbg02.jpg) no-repeat;}

/*reading spot style*/
li.nav-reading a{
	background:url(../images/reading_navbg01.jpg) no-repeat;}
	
li.nav-reading a:hover{
	color:#991389;
	background:url(../images/reading_navbg02.jpg) no-repeat;}

/*scientific spot style*/
li.nav-scientific a{
	background:url(../images/scientific_navbg01.jpg) no-repeat;}

li.nav-scientific a:hover{
	color:#ff9900;
	background:url(../images/scientific_navbg02.jpg) no-repeat;}
		

/*horizontal list*/		
.nav_wrap_horiz{
	float:left;
	width:100%;
	height:40px;
	background:url(images/hortNav.gif) repeat-x;
	margin-top:-17px;
	padding:0;
	border-top:6px solid #004b8d;
}
		
.nav_wrap_horiz ul{
	margin-top:0.9em;
	padding-top:0;
}
		
.nav_wrap_horiz ul.nav{
	margin-left:0.3em;
	padding-left:0.3em;}
		
.nav_wrap_horiz ul.nav li{
	display: inline;
	color:#CCC;
	}
		
.nav_wrap_horiz ul.nav li a{
	font-size:1.2em;
	color:#333333;
	text-decoration:none;
	margin-right:1.3em;
	font-weight:bold;
	padding-left:0.9em;
	background:url(images/hortNav_bg.gif) no-repeat;
}
	
.nav_wrap_horiz ul.nav li a:hover{
	color:#004b8d;
	text-decoration:underline;
	background:url(images/hortNav_bg02.gif) no-repeat;
}

.col_main{ 
	float:left;
	width:765px;
	font-size: 0.98em;
}		

.col_side{
		width:190px;
		height:auto;
		vertical-align: top;
		float:right;
		}

.col_1{
	width:424px;
	height:980px;
	float:left;
}
		
.col_2{
	width:341px;
	height:auto;
	float:left;
}
		
.page_title{
	width:700px;
	float:left;
}

.page_title h2{
	font-size:1.4em;
	font-weight:bold;
	margin:0.2em 0 0.8em 0;}
	
.page_content, .quiz_desc{
	width:700px;
	float:left;
}


.page_content h3, .quiz_desc h3{
	font-size:1.1em;
	font-weight:bold;
	}


		
.msgBox{
	width:413px;
	/*	border:1px solid #CCCCCC;*/
	padding:0;
	}

.msgBox h3{
	margin:0 0 0.3em 0;
	font-size:1.5em;
	padding:0.4em 0 0.1em 0.3em;
}
	
.msgBox h4{
	margin:0;
	padding:5px;
	color:#898787;}

.msgBox img{
	border:0;
	margin:0;}
	
.msgBox p{
	padding:5px;
	margin:0 auto;
	line-height:1.4em;}
	
.pillarBox{
	width:413px;
	margin-bottom:1.5em;}
	
.pillarBox img{
	float:left;
	padding:0 1em 1.5em 0;}
	
.pillarBox h2{
	margin:0 0 0.5em 0;
	padding-top:0;
	font-size:1.8em;
	color:#004B8D;}
	
	
.msgBox .gradBox{
	border-top:1px solid #004B8D;
	border-left:1px solid #004B8D;
	margin-bottom:2.5em;
	background:url(../images/msgBoxbg.gif) no-repeat;}
	
.msgBox ul{
	margin:0;
	padding:5px;
	list-style:none;
	}
	
/*Different width for column 1 and 2*/
.col1{
	width:413px;}	
	
.col2{
	width:326px;}	
	
.col1 .msgBox ul{
	width:390px;}
	
.col2 .msgBox ul{
	width:300px;}
	
.msgBox ul li{
	margin-left:1.5em;
	display:block;
	padding:0 0.2em 0.6em 1.1em;}	
	
.msgBox li.digital {
	background:url(../images/d_bullet.gif) no-repeat;}	
	
.msgBox li.environmental {
	background:url(../images/e_bullet.gif) no-repeat;}	

.msgBox li.political{
	background:url(../images/p_bullet.gif) no-repeat;}	
	
.msgBox li.reading{
	background:url(../images/e_bullet.gif) no-repeat;}

.msgBox li.scientific{
	background:url(../images/s_bullet.gif) no-repeat;}	

/*	The color background is not needed anymore, replace by 1 style, .msgBox .gradBox
.msgBox .searchEngine{
	margin-bottom:2.5em;
	background:url(../images/msgBoxbg_SearchEngine.gif) no-repeat;}

	
.msgBox .q2c{
	margin-bottom:2.5em;
	background:url(../images/msgBoxbg_Q2C.gif) no-repeat;}
	
.msgBox .tvoparents{
	margin-bottom:2.5em;
	background:url(../images/msgBoxbg_TVOParents.gif) no-repeat;}
	
.msgBox .eow{
	margin-bottom:2.5em;
	background:url(../images/msgBoxbg_eow.gif) no-repeat;}
	
	
.msgBox .agenda{
	margin-bottom:2.5em;
	background:url(../images/msgBoxbg_agenda.gif) no-repeat;}
	*/

.searchEngineTitle{
	width:413px;
	height:55px;
	margin:0;
	display:block;
	background:url(../images/searchEngine_h3.jpg) no-repeat;
}

.q2cTitle{
	width:413px;
	height:55px;
	margin:0;
	display:block;
	background:url(../images/Q2C_h3.jpg) no-repeat;
}


.tvoparentsTitle{
	width:413px;
	height:55px;
	margin:0;
	display:block;
	background:url(../images/tvoparents_h3.jpg) no-repeat;
}

.eowTitle{
	width:413px;
	height:55px;
	margin:0;
	display:block;
	background:url(../images/eow_h3.jpg) no-repeat;
}
	

.agendaTitle{
	width:413px;
	height:55px;
	margin:0;
	display:block;
	background:url(../images/agenda_h3.jpg) no-repeat;
}

	
#badgeBox {
	width:100%;
	}
	
.miniBadge{
	width:202px;
	height:80px;
	float:left;
	margin:0.3em 0.5em 0.3em 0;
	border:1px solid #CCC;
}
	


/*What's on TVO Tonight*/
.col_side .sub_header{
	padding:2px;
	background-color:#0066CC;
	color:#FFFFFF;
	margin: 5px 0 0 0;}
	
	
	table.hm_whatson{
	width:190px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	}
	
	table.hm_whatson tr .show{
	border-bottom:1px solid #CCC;}
	
	table.hm_whatson tr td.show a{
	text-decoration: none;}
	
	table.hm_whatson tr td.show a:hover{
	text-decoration:underline;}
	
	table.hm_whatson td{
	padding:3px;
	vertical-align: top;}
	
	table.hm_whatson td.time{
	font-size:.95em;
	font-weight: bold;
	text-align: right;
	width:60px;
	border-right:1px solid #CCC;
	border-bottom: 1px solid #CCC;}
	
	table.hm_whatson td.show{
	width:120px;
	}
	
.col_side .badge{
	text-align: center;
	text-decoration: none;
	margin:0 0 0.8em 0;
	padding:0;

}

	
/*Legend style for displaying pillar in schedule*/
#legendBar{
	width:100%;
	margin-bottom:0.5em;
	}
	
#legendBar ul{
	float:right;
	}

#legendBar ul li{
	float:left;
	display:block;
	padding:0 1.5em 0 1.3em;
	display:inline;}
	
	
/*This list background is use on the legend bar on Schedule page*/	
#legendBar li.digital{
	background:url(../images/d_legend.gif) no-repeat;}
	
#legendBar li.environmental{
	background:url(../images/e_legend.gif) no-repeat;}
	
#legendBar li.political{
	background:url(../images/p_legend.gif) no-repeat;}
	
#legendBar li.reading{
	background:url(../images/r_legend.gif) no-repeat;}
	
#legendBar li.scientific{
	background:url(../images/s_legend.gif) no-repeat;}
	

/*Style for Schedule*/		

#scheduleTable {
	width:100%;
	float:left;}
	
#scheduleTable tr td{
	font-size:0.75em;
	vertical-align:top;
	padding:1em 0.5em;
}

#scheduleTable .time{
	font-size:1em;
	font-weight:bold;
	color:#666666;
}

#scheduleTable .day{
	font-size:1.1em;
	font-weight:bold;
	color:#666666;
	text-align:center;
	}

#scheduleTable .program{
	width:91px;
	font-size:1em;
	font-weight:bold;
	line-height:1.3em;
	background:url(/images/scheduleProgram.gif) no-repeat;}
	
#scheduleTable .program img{
	width:10px;
	height:10px;
	padding:3px 5px 0 0;}



/*SKYSCRAPER*/	
	img.ad_label_h{
	margin-left:50px;
	}	
	
	#skyscraper_tvo{
	width:190px;
	height:600px;
	float:right;
	margin-bottom: 30px;
	padding:15px 0;
	background: #f8f8f8;
	}
		
	#skyscraper_tvo iframe{
	display: inline;
	margin-left:15px;
	padding:0;
	border:1px solid #f8f8f8;
	}
	
/*Yahoo Ads*/	
#yahoo180{
	width:185px; 
	background:#f8f8f8;
	margin:4px 0 20px 0;
	padding:2px;
	float:right;
	font-size:0.75em;}
	
#yahoo180 h4{
	font-size:12px;
	margin-left:5px;}
	

#yahoo180 ul.yh_txtlinks{
	width:180px;
	margin-left:5px;
	padding:0;
	list-style:none;
	}
	
ul.yh_txtlinks li{
	margin-top:5px;
	margin-bottom: 5px;}
	
ul.yh_txtlinks li a{}
	
	ul.yh_txtlinks li p{
	margin:0;
	padding:0;}
	
ul.yh_txtlinks li p.yh_txturl a{
	color: #008000;
	text-decoration: none;}