/* ABOUT TVO CSS Document */

body{
color:#000;
background:#fff;
padding:0;
margin:0;
font-size:14px; 
font-family:Arial, Helvetica, sans-serif;
}

a{
outline: 0;
}

/*NEW TVO HEADER*/
/*outer med. gray wrapper*/
#outer{
width:1000px;/*old vers: 780px*/
padding:0;
margin:0 auto; 
background:#FFF;
}

/*inner container*/
#contain{
width:980px; /*old vers: 760px*/
background:#FFF; 
padding:0;
margin:0 auto;
}

#corp{
width:980px; /*old vers: 800px*/
background-color:#000;
text-align:left;
}


/*GENERIC*/


h1{
font-family:'Trebuchet MS', Verdanda, Arial, sans-serif;
font-size:1.4em;
border-bottom:1px solid #b90024;
padding-top:0px;
margin-top:0px;
}

h2{
font-family:  'Verdana', Arial Narrow, sans-serif;
font-size:40pt;
font-weight:600;
color: #b90024;
margin:0px;
}

h3{
font-family: 'Verdana', Arial Narrow, sans-serif;
color: #333;
font-size:13pt;
font-weight:600;
margin:0px;
}

.quote{
font-family: Arial Narrow, "Gill Sans MT Condensed", sans-serif;
color: #b90024;
font-size:18pt;
font-weight:bold;
}

h4{
font-family:'Trebuchet MS', Verdanda, Arial, sans-serif;
font-size:1.3em;
font-weight:normal;
}

h5{
font-family:'Trebuchet MS', Verdanda, Arial, sans-serif;
font-size:1em;
font-weight: 800;
}

.aboutSponsors{
padding-left:30px;
padding-right:30px;
}

.aboutEM{
font-size:1.3em;
}

.bold{
font-weight:bold;
}

#alertall{
color:#CC6600;
font-size:1.2em;
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
width:100%;
padding:10px;
margin:0;
background-color:#FFFF99;
}

span.raquo{
text-decoration:none;
color:#990000;
margin:0 3px 0 3px;
padding:0 3px 0 3px;
}

.liens {
padding:0px 30px 0px 30px;
margin:30px 0px 20px 0px;
}

.liens a{
color:#b90024;
font-size:1em;
font-weight:800;
text-decoration:none;
outline: 0; /* prevent dotted border in Firefox */
}

.liens a:hover{
color:#ff9900;
}

#liensC {
margin:30px 0px 30px 0px;
text-decoration:none;
font-size:1em;
}

#liensC a{
color:#b90024;
font-weight:800;
text-decoration:none;
border-right: 2px solid #b90024;
padding:0px 7px 0px 5px;
outline: 0; /* prevent dotted border in Firefox */
}

#liensC a:hover{
color:#ff9900;
}

.emcBio {
display:none;
width:660px;
margin:0px 0px 15px 75px;
padding:0px 100px 0px 20px;
border-left:1px solid #b90024;
float:left;
}

.emcBio h4{
font-family:'Trebuchet MS', Verdanda, Arial, sans-serif;
font-size:1.3em;
font-weight:normal;
line-height:26px;
margin:0pc;
padding:0px;
}

.rcNames {
display:none;
width:750px;
margin:10px 0px 30px 25px;
padding-left:20px;
border-left:1px solid #b90024;
float:left;
}

.boardBio {
display:none;
width:660px;
margin:0px 0px 15px 75px;
padding:0px 100px 0px 20px;
border-left:1px solid #b90024;
float:left;
}

.boardBio h4{
font-family:'Trebuchet MS', Verdanda, Arial, sans-serif;
font-size:1.3em;
font-weight:normal;
line-height:26px;
margin:0pc;
padding:0px;
}

/*.bodBio {
display:none;
width:700px;
margin:0px 0px 30px 25px;
padding-left:20px;
border-left:2px solid #b90024;
}*/

/*left, center, right, panels*/

#masthead1{
clear:both;
width:100%;
height:150px;/*75px orig*/
/*background:url(http://www.tvo.org/about/images/TVOBannerBG.gif) #ffffff repeat top;*/
background-color:#FFFFFF;
z-index:10;
}

#centerCol{
float:left;
/*width:970px;*/
/*take this off when uploading to site*/
/*padding:20px 30px 30px 30px;*/
/*font-size:0.95em;*/
padding:20px 30px 140px 30px;
/*font-size:1.1em;*/
margin-left:auto;
margin-right:auto;
}

/*-================================================-*/
/*-================================================-*/

/*CENTER COLUMN CONTENT*/
/*-================================================-*/

#pagetitle{
width:98%;
margin-left:auto;
margin-right:auto;
}

#pagetitle h3{
margin:0 0 15px 0;
padding:15px 0 0 0;
font-size:1.5em;
border-bottom:2px double #b90024;}

.yourSubtitle{
width:98%;
margin-left:auto;
margin-right:auto;
clear:both;}

.yourSubtitle h3{
font-size:1.5em;
border-bottom:1px solid #990000;}

/*TOP*/
.alrt{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CC3300;
font-size:0.85em;
font-weight:bold;
margin-left:5px;
}


#mastname{
width:350px;
display:block;
float:left;
margin:30px 0px 0px 85px;/*100px*/
}

#mastname a{
color:#FFF;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size:2em;
line-height:1.1em;
text-decoration:none;
}

#mastname a:hover{
color:#FF9900;
}

#logo{
float:left;
display:block;
margin-top:2px;
margin-left:10px;
}

#logo img{border:none;}

#nav{
width:100%;
/*#width:980px;*/
/*background:url(images/TVOBannerBG.gif) #ffffff top repeat;*/
background:url(http://www.tvo.org/about/images/dropbottomRed.jpg) top;
color:#FFF;
font-size:1em;
font-weight:bold;
font-family:'Verdana', Arial, sans-serif;
text-align:left;
padding:5px 0px 15px 0px;
}

#nav a{
color:#FFF;
border-right: 1px solid #fff;
text-decoration:none;
font-size:1em;
padding:0px 5px 0px 5px;
outline: 0;
}

#nav a:hover{
color:#ffcc00;
outline: 0;
}

.navCurrent{
color:#000;
}

.navCurrent a{
color:#000;
cursor:pointer;
outline: 0;
}

.navCurrent a:hover{
color:#000;
outline: 0;
}

#nav input{
border:1px solid #FFF;
}

#airtime{
color:#999999;
font-size:0.85em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
position:relative;
left:0px;
top:-20px;
padding:0px 10px 0px 0px;
}

#pagenav, #dashnav{
text-align:left;
width:100%;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#333333;
font-size:1.2em;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
}

#pagenav, #dashnav a{
text-decoration:none;
color:#003366;
}

#episodeTitle{
width:98%;
padding:15px 0 10px 5px;
margin:0;
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
color:#333333;
}

/*Digital Over The Air Style*/
.dwta h2{
font-size:20pt;
margin-bottom:8px;}


.dwta ul li{
	padding:4px 0;
}

/*FOOTNAV*/

#footnav{
text-align:center;
margin:20px 0px 20px 0px;
font-size:0.75em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footnav span{
color:#003366;
font-size:1.0em;
font-weight:bold;
padding:0px 5px 0px 0px;
}

#footnav a{
text-decoration:none;
font-size:0.95em;
color:#003366;
/*border:1px solid #CCC;*/
padding:2px;
}

#footnav a:hover{
color:#CC3300;
background-color:#E7E7E7;
}



/*LINKS*/

#exlinks{}

.mediaRoom a{
text-decoration:none;
}

.TVOprssrmBanner{
margin-left:50px;
margin-bottom:20px;
padding:10px;
background:url(http://www.tvo.org/utils_tvo/images/fadeMini.gif);
width:400px;
height:90px;
display: block;
}



/* jQuery */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(http://www.tvo.org/about/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #b90024;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a:focus, .tabs-nav a:active {
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
	float:left;
    border-top: 1px solid #b90024;
	border-right:1px solid #b90024;
	border-bottom:1px solid #b90024;
	border-left:1px solid #b90024;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(http://www.tvo.org/about/loading.gif) no-repeat 0 50%;
}
.ssection{
padding:10px 30px 30px 30px; 
width:855px;
}

/*====NEW GUEST BOX IN SHOW PAGE=======*/
/*=====================================*/

#guestPage{
padding:0px;
display:block;
}

.guestInfo{
display:block;
padding:20px 0 15px 20px;
margin:0px  0px 15px 20px;
background:url(http://www.tvo.org/about/images/cornershadow.gif) no-repeat top left;
height:115px;
width:360px;
float: left;
}

.guestInfo img{
display:block;
float:left;
border:1px solid #ccc;
padding:3px;
margin:0px 5px 5px 0px;
}

.guestInfo p{
margin:0;
padding-bottom:1px;
}

.guestInfo a{
color:#b90024;
font-size:1em;
font-weight:800;
text-decoration:none;
padding-bottom:1px;
outline: 0; /* prevent dotted border in Firefox */
}

.guestInfo a:hover{
color:#ff9900;
}

.guestInfoON{
display:block;
padding:20px 0 15px 20px;
margin:0px  0px 15px 20px;
background:url(http://www.tvo.org/about/images/cornershadowON.gif) no-repeat top left;
height:115px;
width:360px;
float: left;
}

.guestInfoON img{
display:block;
float:left;
border:1px solid #b90024;
padding:3px;
margin:0px 5px 5px 0px;
}

.guestInfoON p{
margin:0;
padding-bottom:1px;
}

.guestInfoON a{
color:#b90024;
font-size:1em;
font-weight:800;
text-decoration:none;
padding-bottom:1px;
outline: 0; /* prevent dotted border in Firefox */
}

.guestInfoON a:hover{
color:#ff9900;
}

.rcInfo{
display:block;
/*padding:20px 0 15px 20px;
margin:0px  0px 15px 20px;
background:url(http://www.tvo.org/about/images/cornershadow.gif) no-repeat top left;
height:115px;
width:360px;*/
float: left;
}

.rcInfo img{
display:block;
float:left;
border:1px solid #b90024;
padding:3px;
margin:3px 5px 5px 0px;
}

.rcInfo h4{
margin-top:0px;
padding-top: 0px;
}

.rcInfo p{
height:115px;
width:670px;
display:block;
float:left;
margin:0px 0px 10px 0px;
padding-bottom:1px;
}

.whatCEO{
display:block;
width:855px;
}

.whatCEO img{
float:left;
border:1px solid #ccc;
padding:3px;
margin:15px 5px 3px 0px;
}

/*expensve claim styles*/
.expenseTable{
	font-size:90%;}
	
.expenseTableTitle{
font-weight:bold;
text-decoration:underline;}
	
.alignCenter{
	text-align:center;}	
	
.expenseTable a{
	font-size:75%;}

.expenseTable tr td{
	vertical-align:top;}