/*
CBC Home and Inner-Page 
*/

body {
margin:0;
padding:0;
font-family: Arial, sans-serif;
font-size:13px;
color:#666;
line-height: normal;
}

/*
Header
*/

#header {
background:#C00909 url('/images2/header-bkg.jpg') no-repeat top left;
height:89px;
}

#header-logo {
width: 300px;
height:50px;
padding: 20px;
}

/*
Header - Language
*/

#language {
float:right;
padding:10px;
text-align:right;
}

#language a {
color:#fff;
font-weight:bold;
font-size:11px;
}

/*
Header - Search
*/

#search {
margin-top:8px;
background:url(/images2/search-box.gif) no-repeat left;
width:282px;
height:23px;
}

#search #s {
background:none;
border:0 none;
float:left;
margin:4px 0 0 10px;
padding:0;
width:218px;
}

#search #go {
float:right;
margin:0;
}

/*
Navigation Bar
*/

div#navbar {
	height:42px;
}

div.homepagenav {
background:#eaeaea url('/images2/nav-bkg.png') repeat-x;
}

div.innerpagenav {
	background:#eaeaea url('/images2/nav-inner-bkg.png') repeat-x;
}

div#navbar ul {
	list-style: none;
	height:42px;
	margin: 0;
	padding:0px 0px 0px 15px;
}

div#navbar ul li {
	float: left;
	margin:0px 4px;
	text-align:center;
	line-height:16px;
	display: block;
}

div#navbar ul li.singlelinenav {
line-height:32px;
}

div#navbar ul li a{
	display:block;
	padding:5px 13px;
}

div#navbar ul li a:hover {
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
background:#e5e5e5;
padding:5px 12px;
}

div#navbar ul li a.current {
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
background:#e5e5e5;
padding:5px 12px;
}

/*
Sub Navigation Bar
*/

#subnav-container {
 width: 970px;
 height: 34px;
 float: left;
 border-bottom: 1px solid #ccc;
 background: #e5e5e5;
}
 
#subnav {
	background:#e5e5e5;
	height:34px;
}
 
#subnav ul {
 margin: 0;
 padding:0px 0px 0px 15px;
}

#subnav li {
 float: left;
 list-style: none;
 margin: 0;
 line-height:26px; 

}
 
#subnav li a {
 display: block;
 text-align: center;
 font-weight: bold;
 font-size: 11px;
 color:#666;
 padding:4px 10px;
}
 
#subnav li a:hover {
 background: #c9c9c9;
}

#subnav li.doublelinesubnav {
 line-height: 13px;
}





/*
Main Content
*/

#main-content {
width:960px;
padding:20px 5px;
margin:0;
background:#f3f3f3 url('/images2/page-bkg.png') repeat-x top;
}

div.spacer {
	height: 17px;
	margin:0;
}

div.spacer2 {
	height: 350px;
	margin:0;
}

div.spacer3 {
	height: 10px;
	margin:0;
}

div.spacer4 {
	height: 2px;
	margin:0;
}



/*
Main Body Boxes
*/

.main-body, .main-box {
background:#fff url(/images/box-background.png) repeat-x bottom;
border:1px solid #bbb;
padding: 4px 12px 12px;
min-height:180px;
height:auto !important;
height:180px;
}

.main-body img, .main-box img, .highlight-box img, .highlight-box-2 img {
float:left;
}



.main-body h2, .main-box h2, .highlight-box h2, .highlight-box-2 h2 {
margin-bottom:8px;
}

.main-body p {
margin-left: 310px;
margin-bottom:6px;
}

.inner_main {
border:1px solid #bbb;
padding:10px;
background:#fff;
}

.inner_main p {
padding:10px 0px;

}

.main-box p {
margin-left: 149px;
margin-bottom:6px;
}

.red-link {
font-size:18px;
font-weight:bold;
color:#B22525;
}

.redcallout {
font-size:18px;
font-weight:bold;
color:#B22525;
margin-right: 8px;
line-height:20px;
}

/*
Sidebar Callouts
*/

.highlight-box {
background:#fff url(/images/box-background.png) repeat-x bottom;
border:1px solid #bbb;
padding: 4px 12px 12px;
min-height:165px;
height:auto !important;
height:165px;
}

.highlight-box1 {
background:#fff url(/images/box-background.png) repeat-x bottom;
border:1px solid #bbb;
padding: 4px 12px 12px;

}

.highlight-box p {
margin-left:80px;
margin-bottom:6px;
}

.box-padding {
padding-top:20px;
}
.callout-box-1 {
background:#fff url(/images/box-background.png) repeat-x bottom;
border:1px solid #bbb;
padding-bottom:15px;
}

.callout-box-1 p {
padding:15px 20px 0px;
}
.callout-box-1 h2{
padding:15px 20px 0px;
}

.callout-box-2 {
background:#fff url(/images/box-background.png) repeat-x bottom;
border:1px solid #bbb;
padding:4px;
}

.callout-box-2 h2{
padding:10px 10px 0px;
}

.callout-box-2 p {
padding:10px;
}

.callout-box-3 {
background:#fff url(/images/box-background.png) repeat-x bottom;
border:0px solid #bbb;
padding-bottom:0px;

}

.callout-box-3 h2{
padding:10px 10px 0px
}

.callout-box-3 p {
padding:10px;
}


.calloutbox-flash {
border:1px solid #ccc; 
background:#fff url(/images/box-background.png) repeat-x bottom;
float: right; 
width: 275px; 
z-index: 1; 
top: 290px; 
padding:20px 20px 20px 20px;

}

.calloutbox-flash1 {
float: right; 
width: 275px; 
z-index: 1;
padding:3px 20px 20px 20px; 
top: auto; 
}




hr {
color:#eaeaea;
background-color: #eaeaea;
height:0px;
margin:20px 15px 5px;
}

.img-link  img {
padding-left:15px;
}

.box-footer-link   {
background:#eaeaea url(/images/background-box-footer.png) repeat-x bottom;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
padding: 0px 12px;
min-height:35px;
height:auto !important;
height:35px;
line-height:35px;
}

.box-footer-link  a  {
color:#3264A1;
font-weight:bold;
}

.calloutfooter {
background:#fff url(/images/background-box-footer-tall.png) repeat-x bottom;
height:54px;
line-height:14px;
font-size:11px;
}

.button-1 {
background:#fff url(/images/button-annual-report-bkg.png) no-repeat;
height:36px;
width:272px;
padding:14px;
line-height:18px;

}
.button-1 a{
font-size:12px;
color:#fff;
}

.button-2 {
background:#fff url(/images/button-gray-bkg.png) no-repeat;
height:36px;
width:272px;
padding:14px;
line-height:18px;

}
.button-2 a{
font-size:12px;
color:#fff;
}

.button-3 {
background:#fff url(/images/button-small-bkg.png) no-repeat;
height:18px;
width:272px;
padding:10px 14px;
line-height:18px;

}
.button-3 a{
font-size:12px;
color:#1162b7;
}

.button-4 {
background:#fff url(http://www.cbc.radio-canada.ca//images2/button-gray-large-bkg.png) no-repeat;
padding:10px 14px;
height:40px;
line-height:18px;

}
.button-4 a{
font-size:12px;
color:#1162b7;
}

.button-5 {
background:#fff url(/images/button-small-bkg.png) no-repeat;
height:18px;
width:272px;
padding:10px 14px;
line-height:18px;
position:relative;
left:-10px;
top:0px;
}

.button-5 a{
font-size:12px;
color:#1162b7;
}

.button-6 {
background:#fff url(/images/button-annual-report-bkg.png) no-repeat;
height:46px;
width:272px;
padding:12px;
line-height:16px;
}

.button-6 a{
font-size:12px;
color:#fff;
}

.button-7 {
background:#fff url(/images/button-small-bkg.png) no-repeat;
height:18px;
width:272px;
line-height:12px;
padding:10px 14px;
position:relative;
left:-10px;
top:0px;
}

.button-7 a{
font-size:12px;
color:#1162b7;
}

.button-8 {
background:#fff url(http://www.cbc.radio-canada.ca/images/button-red3-bkg.gif) no-repeat;
height:36px;
width:272px;
padding:14px;
line-height:18px;
}

.button-8 a{
font-size:12px;
color:#fff;
}


/*
Tab Sidebar Callout
*/

.tab-callout-top  {
background: url(/images/home-feature-top-300.png) no-repeat top;
min-height:340px;
height:auto !important;
height:340px;

}

.tab-callout-container  {
background: #fff url(/images/home-feature-nav-bkg.png) repeat-x top;
margin-top:10px;
min-height:295px;
height:auto !important;
height:295px;
padding:0;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}



.tab-callout-container h2 {
padding:0px 0px 12px 8px;
}
/*
Used to be the style on the about us french page 
*/

ul.tab-callout-navigation {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 8px;
	height:32px;
	background: url(/images/feature-nav-bottom.png) repeat-x center bottom;
	
}

ul.tab-callout-navigation li {
float:left;
}

ul.tab-callout-navigation li a.selected {
background: url(/images/feature-nav-bkg.png) no-repeat center bottom;
height:32px;
line-height:32px;
text-align:center;

}

ul.tab-callout-navigation li a {
	background: url(/images/feature-nav-bkg.png) no-repeat center top;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-weight: bold;
	margin: 0;
	color: #666;
	display: block;
	width: 140px;
}

ul.tab-callout-navigation li a:focus {
     outline: 0;
}

ul.news-releases {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.news-releases li {
background: url(/images/icon-news.gif) no-repeat top left;
padding: 0px 0px 5px 20px;
margin-top:3px;
}

ul.news-releases li a {
font-size:12px;
color:#3264A3;
}

.tab-content {
clear:both;
padding: 10px;
height:209px;
}

/*
Footer
*/

div#footer {
	background-color: #fff;
	border:1px solid #bbbbbb;
}

div#footer div p{
	margin: 5px;
}

div.footer-main {
min-height:130px;
height:auto !important;
height:130px;
}
div.footer-header {
	background-color: #e5e5e5;
	border-bottom:1px solid #bbbbbb;
	height:47px;
}

div.footer-links-container {
height:100%;
width:320px; /*Used to be 290*/

float:left;
padding:10px;
}
ul.footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.footer-links a {
color:#666;
line-height:22px;
font-size:12px;
}

#footer_logo1 {
float:left;
}

#footer_logo2 {
float:right;
}

#footer_logo3 {
float:right;
}


div#copyright {
	clear:both;
	padding: 10px;
	font-size:12px;
	color:#999;
}


/************************ Typography ***************/

div#navbar ul li a {
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#666;
}

p {
	margin: .2em 0;
}

h1 {
	font: bold 1.5em Helvetica;
	margin: .2em 0;
	text-align: center;
}

a {
	color: #1162b7;
	text-decoration: none;
}

h2 { 
	font: normal 18px Arial;
	padding: 6px 0;
	margin:0;
	color:#444;
}

h3 { 
	font-weight: bold ;
	font-family: Arial, sans-serif;
	font-size:12px;
	margin: 0;
	color:#666;
}

img {
border:0;
}

a {
text-decoration:none;
}




.highlight-box-2 {
background:#fff url(/images/box-background.png) repeat-x bottom;
border:1px solid #bbb;
padding: 4px 12px 12px;
min-height:215px;
height:auto !important;
height:215px;
}

.highlight-box-2 p {
margin-left:80px;
margin-bottom:6px;
}

p.highlight-box-p {
margin:0;
}

.tab-callout-header#font-family {

}

.main-tab-callout {
background:#fff;
width:618px;
}


.main-tab-callout-container  {
background: #eaeaea url(/images/home-feature-nav-bkg.png) repeat-x top;
padding-top:14px;
border:1px solid #bbb;
}

.main-tab-callout-container h2 {
padding:0px 0px 12px 8px;
}
.main-tab-callout-container p {
padding:8px 8px 20px 8px;
margin:0;
}
.tab-callout-container p {
padding:0px 8px 12px 8px;
margin:0;
}

ul.main-tab-callout-navigation {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 0px;
	height:32px;
	width:618px;
	background: #eaeaea url(/images/feature-nav-bottom.png) repeat-x center bottom;
}

ul.main-tab-callout-navigation2 {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 0px;
	height:32px;
	width:300px;
	background: #eaeaea url(/images/feature-nav-bottom.png) repeat-x center bottom;
	font-size: smaller;
}

ul.main-tab-callout-navigation2 li {
float:left;
}

ul.main-tab-callout-navigation2 li a.selected {
background: url(/images/main-feature-nav-bkg.png) no-repeat center bottom;
height:32px;
line-height:32px;
text-align:center;

}

ul.main-tab-callout-navigation2 li a {
background: url(/images/main-feature-nav-bkg.png) no-repeat center top;
height:32px;
line-height:32px;
text-align:center;
font-weight: bold ;
margin: 0;
color:#666;
display:block;
width: 100px;
font-size:12px;
}

ul.main-tab-callout-navigation2 li a:focus {
     outline: 0;
}

.main-tab-callout img {
float:left;
}

.main-tab-callout p {
margin-left:295px;
}

ul.main-tab-callout-navigation li {
float:left;
}

ul.main-tab-callout-navigation li a.selected {
background: url(/images/main-feature-nav-bkg.png) no-repeat center bottom;
height:32px;
line-height:32px;
text-align:center;

}

ul.main-tab-callout-navigation li a {
background: url(/images/main-feature-nav-bkg.png) no-repeat center top;
height:32px;
line-height:32px;
text-align:center;
font-weight: bold ;
margin: 0;
color:#666;
display:block;
width: 100px;
font-size:12px;
}

ul.main-tab-callout-navigation li a.doublelinetab {
line-height:12px;
padding:4px 0px;
height:24px;
font-size:12px;
}


ul.main-tab-callout-navigation li a:focus {
     outline: 0;
}

.tab-content {
background:#fff;
}

.tab-content-no-link {
height:179px;
padding:15px 10px 5px;
}

.tab-content-no-link-fr {
height:163px;
padding:15px 10px 5px;
}

.scroll {
background:#fff;
border:1px #ccc solid;
height: 152px;
padding:10px;
overflow: auto;
}

.scroll-fr {
background:#fff;
border:1px #ccc solid;
height: 136px;
padding:10px;
overflow: auto;
}

.main-scroll {
background:#fff;
border:1px #ccc solid;
height: 145px;
width: 250px;
padding:10px;
overflow: auto;
float:left;
margin:0px 0px 10px 15px;
}

.tab-callout-container  {
background: #eaeaea url(/images/home-feature-nav-bkg.png) repeat-x top;
}


ul.regionlist {
	list-style: none;
	padding: 0;
	margin:0;
}
.regionlist li {
line-height:22px;

}

.box-footer-no-link   {
background:#f3f3f3 url(/images/background-box-footer-no-link.png) repeat-x;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
line-height:6px;
height:6px;
padding:0;
margin:0;
}

.callout-box-3 {
background:#fff url(/images/box-background.png) repeat-x bottom;
border:1px solid #bbb;
padding:4px;
height:361px;
}

.callout-box-3-fr-fix {
height:377px;
}

.callout-box-3 h2{
padding:6px 0px 12px 6px;
}

.callout-box-3 p {
padding:10px;
}

.region-tab {
padding:20px 10px 0px;
height:222px;
width:588px;
}

.region-tab p {
padding:8px 7px;
}

.list-explore {
margin: 5px 0px 0px 100px;
padding:0;
}

ul.tab-callout-list {
	list-style: none;
	padding: 0;
	margin:0;
}
.tab-callout-list li {
line-height:22px;
}


.tab-callout-list hr {
color:#eaeaea;
background-color: #eaeaea;
height:0px;
margin:5px;
}

.tab-callout-top {
height:100%
}

.no-link {
height:325px;
}

.main-feature {

}

.main-feature-image {
height:336px;
width:620px;
margin:0;
padding:0;

}

* html .main-feature-image {
margin-bottom:-3px;
  }


.main-feature img {
margin:0;
padding:0;
}

ul.tab-fr li a.selected {
background: url(/images/feature-nav-bkg-fr.png) no-repeat center bottom;
}

ul.tab-fr li a {
background: url(/images/feature-nav-bkg-fr.png) no-repeat center top;
width: 95px;
}

/*  Bulleted Lists */

ol.NumberedListSpaced {margin-left: 30px; line-height: 160%; font-size: 1.0em; margin-bottom: 15px; } 


ol.NumberedListAlpha {margin-left: 30px; line-height: 160%; list-style-type: lower-alpha; font-size: 1.0em; }
ol.NumberedListRoman {margin-left: 30px; line-height: 160%; list-style-type: lower-roman; font-size: 1.0em; }

ol.NumberedListIndented { margin-left: 25px; line-height: 150%;
 margin-top: 10px; margin-bottom: 10px; font-size: 1.0em;}
 
ul.ListIndented { margin-left: 25px; line-height: 150%;
 margin-top: 10px; margin-bottom: 10px; font-size: 1.0em;}
 
 ul.BulletedListIndented {list-style-type: circle;
margin-left: 25px; font-size: 1.0em; line-height: 160%; }

ul.BulletedList {list-style-type: circle; margin-left: 25px; font-size: 1.0em; line-height: 160%; }


/* Typograogy  */

h3 {
	color: #666666;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0.4em 0 0.6em 0;
	
			
}
	
h4 {
	color: #666666;
	font-weight: bold;
	font-size: .95em;
	margin: 0.8em 0;
	line-height: 140%;
	
}
	
h5 {color: #666666;
	font-weight: bold;
	font-size: .85em;
	margin: 0.6em 0;

	
}

h6 {color: #666666;
font-weight: bold;
	font-size: .75em;
	margin: 0.8em 0;
line-height: 140%;

	
}

blockquote {font-size: 1.0em; margin-left: 29px;}

/*Added to troubleshoot services page*/

.bodybox-rcol {
	height: auto;
	width: 431px;
	float: right;
	padding-top: 10px;
}

.bodybox {
	border-top: 1px solid #ccc;
	width: 583px;
	height: 100px;
	margin-left: 8px;
	margin-bottom: 30px;
	margin-top: 50px;
	clear: both;
}

.bodybox-lcol {
	height: auto;
	width: 151px;
	float: left;
	padding-top: 18px;
}

.bodybox h2 {
	color: #666666;
	font-size: 1.4em;
	font-weight: bold;
}

.bodybox p {
	color: #777777;
	font-size: 1.2em;
	font-weight: normal;
}

.bodybox a {
	font-size: 1.2em;
}

.TabularDataNoBorder, .TabularDataNoBorder td {
	border: 0;
	font: 1.0em/130% Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
	padding: 4px;
	vertical-align: top;
}

.bodybox-lcol2 {
	height: 251px;
	width: 151px;
	float: left;
	padding-top: 18px;
}

.TabularDataLargeNoBorder, .TabularDataLargeNoBorder td {
	border: none;
	font-size: 12px;
	line-spacing: 170%;
	vertical-align: top;
	}

/*Also added to troubleshoot services page*/	
.bodybox2 {
	border-top: 1px solid #ccc;
	width: 583px;
	height: 100px;
	margin-left: 8px;
	margin-bottom: 30px;
	clear: both;
}


.bodybox2 h2 {
	color: #666666;
	font-size: 1.0em;
	font-weight: bold;
}

.floatage
{
	float: right;
	padding-right: 5px;
	padding-top: 4px;
		text-decoration: underline;
		font-weight: bold;
}

.red {
	color: red;
	font-size: x-large;
}

/*Images*/
	
.imageBoxCaption{
	font-size:11px;
	color:#959595;
}

.imageBoxCaption img{
	margin:0 0 6px;
}

.imageBoxCaption.left{
	margin:0 15px 0 0;
}

.imageBoxCaption.right{
	margin:0 0 0 15px;
}

.left{
	float:left;
}

.right{
	float:right;
}



#printdiv
{
/*background: url('http://www.cbc.radio-canada.ca/images/header-bkg-print.jpg') no-repeat top left;*/
background-image: url('http://www.cbc.radio-canada.ca/images/header-bkg-print.jpg%27');
height:89px
}


a.linkBar {
	padding:0 10px 6px 0;
	font-size:10px;
	font-weight:bold;
	color:#444;
	text-transform:uppercase;
	text-decoration:none;
	height:16px;
	margin:10px 0 0;
	background:url(/images/bg_linkBar.gif) no-repeat top right;
	display:block;
	float:left;
	overflow:hidden;
}

a.linkBar:hover{
	cursor:pointer;
	color:#FFF;
	background:url(/images/bg_linkBar.gif) no-repeat right -22px;
}

a.linkBar span{
display:block;
padding:4px 0 0 26px;
height:18px;
background:url(/images/linkChevron.gif) no-repeat top left;
}

.columnHalf{
	width:50%;
	float:left;
}