/* CSS Document */
/*globalnav import for redesign*/
 /*Logical Headings */

form{
margin:0px;
padding:0px;
border:0px;

}
#blknav {
width: 769px;
color: #000000;
}
/*mainbody*/

a {color: #051d49;}

a:hover {text-decoration:none;}


.page {
	width: 987px;
	position:absolute;
}
.rasso {
padding-top:5px;
}
 #left{
	width:540px;
	float:left;
	clear:right;
	position:relative;
}

#right {
position:top;
	width:447px;
    height:auto;
	float:right;
	font-size: 10px;
}


.rt_title {
	width: 215px;
	height: 26px;
	background-image:url(../images/tab_lefttop_blue.gif);
	background-repeat: no-repeat;
background-position: right;
font-size: 12px;
	font-weight: 700;
	text-align:right;
padding-right:8px;
	/*letter-spacing: 4px;*/
	line-height: 24px;
}
.quicklinks{
	margin-left:10px;
	width:200px;
	text-align: left;
	padding-bottom: 30px;
}
.promobox{
	margin-left:10px;
	width:200px;
	text-align: justify;
	padding-bottom: 30px;
}
.promobox2{
	margin-left:10px;
	width:200px;
	padding-bottom: 30px;
}

.sideimg {
margin-left:8px;
padding:0px;
border:0px;
}

.newslbox{
	margin-left:10px;
	width:200px;
	text-align: justify;
	padding-bottom:18px;
}
/*.promobox p {
	background-image: url(../images/dash.gif);
	background-repeat: no-repeat;
	background-position: bottom;

}
*/
#right form p {
padding-bottom: 6px;
margin-top: -10px;
	background-image: url(../images/dash.gif);
	background-repeat: no-repeat;
	background-position: bottom;

}

.req {
	padding-left: 20px;
	background-image: url(../images/arrow-right_red.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
	font-weight: bold;
}

.input, form .input {
	margin-left: 20px;
	background-color: #F5F1F0;
	width: 170px;
	font-size: 12px;
	height: 20px;
	border-top: 2px solid #663300;
	border-right: 1px solid #663300;
	border-bottom: 1px solid #663300;
	border-left: 2px solid #663300;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.textbox{

	margin-left: 20px;
	background-color: #F5F1F0;
	/*width: 170px;*/
	font-size: 12px;
	font-family:Verdana;
	/*height: 20px;*/
	border-top: 2px solid #663300;
	border-right: 1px solid #663300;
	border-bottom: 1px solid #663300;
	border-left: 2px solid #663300;
}


#left .butn {
	margin-left:20px;
	background-color: #59240d;
	color: #FFFFFF;
	margin-top: -6px;
	font-size: 12px;
	font-weight: bolder;
	border: thin solid #000000;
	padding: 2px;
}


#right .butn {
	margin-left:70px;
	background-color: #59240d;
	color: #FFFFFF;
	margin-top: -6px;
	font-size: 12px;
	font-weight: bolder;
	border: thin solid #000000;
	padding: 2px;
}

.survey {
	display:block;
	float: right;
	font-weight:600;
	background-image: url(../images/icon_acrobat.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 10px;
height: 20px;
}

.promobox a {
/*display:block;*/
	float: right;
	font-weight:600;
padding-left: 20px;
	margin-top: 10px;
height: 20px;}

.promolinkz {

margin-left: 10px;
	width:210px;
}

.promolinkz td{
font-size:10px;}
/*mainbody*/
/*NAVBAR*/

.navpos{
	position:absolute;
	left: 20px;
	top: 40px;
	/*top:222px;*/
}

div#navbar4	{
	width: 460px;
	height: 20px;
	border: 0;
	padding: 5;
	/*margin-top: 2px;*/
}

div#navbarnews	{
	width: 460px;
	height: 20px;
	border: 0;
	padding: 0;

}
	
div#navbar ul	{
	width: 460px;
	height: 20px;
	background: url(../images/navbar.gif);
	margin: 0;
	padding: 0;
	position: relative;
}
	
#navbar ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
}
	
#navbar ul li, #navbar a	{
	height: 20px;
	display: block;
}

#navbar ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
}

#nb1 {left: 0px; width: 52px;}
#nb2 {left: 59px; width: 123px;}
#nb3 {left: 191px; width: 64px;}
#nb4 {left: 262px; width: 100px;}
#nb5 {left: 371px; width: 91px;}


#nb1 a:hover {background: transparent url(../images/navbar.gif) -0px -20px no-repeat;}
#nb2 a:hover {background: transparent url(../images/navbar.gif) -59px -20px no-repeat;}
#nb3 a:hover {background: transparent url(../images/navbar.gif) -191px -20px no-repeat;}
#nb4 a:hover {background: transparent url(../images/navbar.gif) -262px -20px no-repeat;}
#nb5 a:hover {background: transparent url(../images/navbar.gif) -371px -20px no-repeat;}



/*NAVBAR FEEDBACK*/
#main #nb1 {background: transparent url(../images/navbar.gif) -0px -20px no-repeat;}
#getstarted #nb2 {background: transparent url(../images/navbar.gif) -59px -20px no-repeat;}
#faq #nb3 {background: transparent url(../images/navbar.gif) -191px -20px no-repeat;}
#pastpodcasts #nb4 {background: transparent url(../images/navbar.gif) -262px -20px no-repeat;}
#contact #nb5 {background: transparent url(../images/navbar.gif) -371px -20px no-repeat;}
/*navtab2*/-->
div#navtab3	{
	width: 492px;
	height: 24px;
	border: 0;
	padding: 0;
	/*margin-top: 2px;*/
}

div#navtabnews	{
	width: 492px;
	height: 24px;
	border: 0;
	padding: 0;

}
	
div#navtab3 ul	{
	width: 492px;
	height: 24px;
	background: url(../images/navtabs3.gif);
	margin: 0;
	padding: 0;
	position: relative;
    left:20px;
}
	
#navtab3 ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
	
#navtab3 ul li, #navtab3 a	{
	height: 24px;
	display: block;
}

#navtab3 ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
}

#tb1 {left: 1px; width: 68px;}
#tb2 {left: 72px; width: 93px;}
#tb3 {left: 167px; width: 162px;}
#tb4 {left: 331px; width: 160px;}



#tb1 a:hover {background: transparent url(../images/navtabs3.gif) -1px -24px no-repeat;}
#tb2 a:hover {background: transparent url(../images/navtabs3.gif) -72px -24px no-repeat;}
#tb3 a:hover {background: transparent url(../images/navtabs3.gif) -167px -24px no-repeat;}
#tb4 a:hover {background: transparent url(../images/navtabs3.gif) -331px -24px no-repeat;}



/*NAVBAR FEEDBACK*/
#regional #tb1 {background: transparent url(../images/navtabs3.gif) -1px -24px no-repeat;}
#arts #tb2 {background: transparent url(../images/navtabs3.gif) -72px -24px no-repeat;}
#newsandcurrent #tb3 {background: transparent url(../images/navtabs3.gif) -167px -24px no-repeat;}
#sports #tb4 {background: transparent url(../images/navtabs3.gif) -331px -24px no-repeat;}


/*NAVtab*/
.main_title{
	font-size: 24px;
	/*letter-spacing: 4px;*/
	display:block;
	color: #333333;
padding-bottom:10px;	
}
.main_title_huge{
	font-size: 32px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/*letter-spacing: 4px;*/
	display:block;
	color: #58240E;
padding-bottom:0px;	
}
.sub_title{
	font-size: 14px;
	font-weight:bold;
	/*letter-spacing: 4px;*/
	display:block;
	color: #333333;
padding-bottom:4px;	
}



/*Dark and Light Bricks*/

#pd_feat .pt_lt {
	background-image:  url(../images/podtile_light.gif);
}
#pd_feat .pt_drk {
	background-image:  url(../images/podtile_dark.gif);
}
#pd_week .pt_drk {
	background-image:  url(../images/podtile_dark.gif);
}
#pd_week .pt_lt {
	background-image:  url(../images/podtile_light.gif);
}

#pd_daily .pt_lt {
	background-image:  url(../images/podtile_light.gif);
}

#pd_daily .pt_drk {
	background-image:  url(../images/podtile_dark.gif);
}


/*if the brick height changes, these dark and light dimension needs to change as well*/

 .pt_lt {
	width:480px;
	height:195px;
	background-repeat: no-repeat;
position:relative;
left:4px;
}

.pt_drk {
	width:480px;
	height:195px;
	background-repeat: no-repeat;
position:relative;
left:4px;
}
/* addition for blue box*/
.pt_drks {
	width:480px;
	height:195px;
	background-repeat: no-repeat;
	background-image:  url(../images/podtile_dark_t4.gif);
position:relative;
left:4px;
}

.pt_drk240_t4 {
	width:480px;
	height:240px;
	background-repeat: no-repeat;
	background-image:  url(../images/podtile_dark240_t4.gif);
position:relative;
left:4px;

}
 .txtbody{
padding: 10px 30px 20px 30px;
font-size:12px;}

.pd_img {
	float:left;
	clear:right;
	position: relative;
	left: 8px;
	top: 34px;
}

.pd_title {
	display:block;
	font-size: 18px;
	font-weight: 100;
	color: #FFFFFF;
	position:relative;
	left: 20px;
	top: 2px;
}

.pd_title .pd_title_sub {
font-size:10px;
font-weight:bold;
}
.pd_descp {
	font-size:11px;
display:block;
padding: 10px 12px 0px 142px;
}
.pd_descp img{
vertical-align:text-bottom;
}

/*link a show below its graphic .pd_descp*/
 .programlink {
	float:left;
	clear:both;
	position: relative;
	/*left: -114px;
	top: 134px;*/
	margin: -35px 0px 0px 15px;
}

/*showlink drop box*/
.dropbox select{
width:124px;
font-size:9px;
/*margin:-2px 0px 0px 0px;*/
padding:0px;
}


.pd_upd {
display:block;
color:#666666;
	font-size:10px;}
	
/* this controls the RSS form box */
.pd_input {
	background-color: #F5F1F0;
margin-left:4px;
	width: 240px;
	font-size: 10px;
	height: 20px;
	border-top: 2px solid #131f48;
	border-right: 1px solid #131f48;
	border-bottom: 1px solid #131f48;
	border-left: 2px solid #131f48;}
	
.pd_rt_input {
	background-color: #F5F1F0;
margin-left:4px;
	/*width: 240px;*/
	font-size: 10px;
	height: 20px;
	border-top: 2px solid #131f48;
	border-right: 1px solid #131f48;
	border-bottom: 1px solid #131f48;
	border-left: 2px solid #131f48;}

/*pd_rss and pd_itunes used to add a BG image of their respecitve icons to the left - changed out to add linkability to RSS and iTunes links*/


.pd_rss {
	display:block;
	/*padding-left:20px;*/
	/*background-image: url(../images/icon-rssfeed.gif);*/
	background-repeat: no-repeat;
	position: relative;
	left: 4px;
	top:8px;
	background-position: 2px;
	font-weight: bold;
	}
	

.pd_rss2 {
	display:block;
	padding-left:20px;
	background-image: url(../images/icon-rssfeed.gif);
	background-repeat: no-repeat;
	position: relative;
	left: 14px;
	top:8px;
	background-position: 2px;
	font-weight: bold;
}
.pd_itunes {
	display:block;
	/*padding-left:20px;*/
	/*background-image: url(../images/icon-itunes.gif);*/
	background-repeat: no-repeat;
	position: relative;
	left: 4px;
	top: 10px;
	background-position: 2px;
	font-weight: bold;
}

.pd_date{
	width:140px;
	height: 20px;
	background-repeat: no-repeat;
	position: absolute;
	top:8px;
	left:2px;
	text-indent:10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
/*letter-spacing: 4px;*/
	line-height: 20px;
}


#pd_daily {
	position: relative;
	left: 20px;
/*background-color:#DBC2B2;*/
}
#pd_feat {
	/*width: 440px;*/
	position: relative;
	left: 20px;
/*background-color:#bd9071;*/

}

#pd_week {
	/*width: 440px;*/
	position: relative;
	left: 20px;
/*background-color:#8d6046;*/

}

/*This controls the outer borders of the boxes*/
.box {
background-color:#051d49;
	width: 490px;
	padding-top:8px;
	padding-bottom:8px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #131f48;
	border-bottom-color: #000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #131f48;
}

.drawer {
font-size:12px;
border:1px solid #DBC2B2;
margin-bottom:1px;
padding:4px;
vertical-align:middle;
font-size:11px;

}
.drawer img {
float:left;}

.shelf {
background-color:#F9F5F2;
border:1px solid #F3EBE4;
margin:4px;
padding:0px 10px 0px 10px;
line-height:11px;
}
.drawerlink {
font-weight:bold;
padding-left:4px;}
	
	.marker {
	margin-left:-18px;
	}	
	.marker .opened {
	background : url("nav_opened.gif");
	background-repeat: no-repeat;
	
	}
	.marker .closed {
	background : url("nav_closed.gif");
	background-repeat: no-repeat;
	
	}
/*styles for pastpodcasts*/

.xsblack {
font-size:10px;}
/*.copyrite {
width: 540px;
padding-top:10px;
padding-bottom:10px;
}*/
li {padding:4px;}

/*added august 10th for new CBC.ca footer styling */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }
 
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;
}
/* End hide from IE-mac */