/*BODY TEXT: Alter the color and style of your main body text and the background color of your page here. If you do no want a background color, set the attribute "background-color" to "#FFFFFF".*/
BODY{font-family: Verdana, sans-serif; font-size: 12px; color: #000000; background-color :#868484;}

A:link
{color: #494949; text-decoration: underline;}

A:active
{color: #494949; text-decoration: none;}
  
A:visited
{color: #494949; text-decoration: underline;} 

/*End Body text modification*/



/* Annoying catch-all for buggy browsers Similar to the body tag, this will control the font within all the table tags.  You should match this font style to the font style in your body tag */
UL, TD, DD, BLOCKQUOTE{font-family: Verdana, sans-serif; font-size: 12px; color: #000000;}

.border{background-color: #AFAFAF;}/*border between columns*/
.page-border{background-color: #000000;}/*border arouond web page*/
.bg{background-color: #EFEFEF; }/*background color  for bucket like search*/




/*SECTION HEADERS: The following attributes control the colors of your section headers. The first one controls the color of the lines above and below the boxes reading "Now on Air", "Local Events", "Featured Today", etc. The second one controls first (font-size: 12px; color:#FFFFFF;) the color and size of the header text and second (background-color :#494949;) the main color of the box.*/

 .highlight{background-color: #C5810B;}/*line*/
.section-head {font-size: 12px; color:#FFFFFF; font-weight : bold; background-color :#494949;}/*header*/
.section-head A:link {font-size: 12px; color:#FFFFFF; font-weight : bold;}
.section-head A:visited {font-size: 12px; color:#FFFFFF; font-weight : bold;}
.section-head A:active {font-size: 12px; color:#FFFFFF; font-weight : bold; text-decoration: none;} 
.section-head A:hover {font-size: 12px; color:#FFFFFF; font-weight : bold; text-decoration: none;}

/*End section headers*/





  /*navigation styles*/ 

.navTable {font-size: 12px; font-weight: bold;}

/*TD.navOver controls the look of the navigation links when mousing over*/
TD.navOver {color: #000000; background-color: #EFEFEF; border-top: 1px solid #000000; border-left: 1px solid #000000;
	border-right: 1px solid #000000;  padding: 2px 2px 2px 2px;}
TD.navOver A {text-decoration: none; color: #000000;}
TD.navOver A:link {text-decoration: none; color: #000000;}
TD.navOver A:visited {text-decoration: none; color: #000000;}
TD.navOver A:active {text-decoration: none; color: #000000;}
TD.navOver A:hover {text-decoration: none; color: #000000;}


/*TD.navOut controls the look of the navigation links in their normal state*/
TD.navOut {color: #000000; background-color: #C5810B; border-top: 1px solid #000000; border-left: 1px solid #000000;
	border-right: 1px solid #000000; padding: 2px 2px 2px 2px;} 
TD.navOut A {text-decoration: none; color: #000000;}
TD.navOut A:link {text-decoration: none; color: #000000;}
TD.navOut A:visited {text-decoration: none; color: #000000;}
TD.navOut A:active {text-decoration: none; color: #000000;} 
TD.navOut A:hover {text-decoration: none; color: #000000;}		
 /*end navigation styles*/ 



 
 /*WEATHER: */

.weather{font-size: 11px; color:#000000; font-weight: bold;}/*This controls the "Current Weather" text.*/

.weather-current-temp {font-size: 12px;}  /*Controls the temperature. ie 19 F */

.weather-current-forecast-link A:link {font-size: 11px; color:#000000; font-weight: bold;}   /*"5 day forecast" link */
.weather-current-forecast-link A:visited {font-size: 11px; color:#000000; font-weight: bold;} 
.weather-current-forecast-link A:active {font-size: 11px; color:#000000; font-weight: bold;}  
.weather-current-forecast-link A:hover {font-size: 11px; color:#000000; font-weight: bold;} 

/* END WEATHER*/
 

 

/*FOOTER STYLES*/
TD.footer{padding: 7px 2px 7px 2px; 	font-size: 11px; color: #000000; background-color: #C5810B; line-height : 16px;}
TD.footer A {font-size: 11px; color: #000000;}
TD.footer A:link {font-size: 11px; color: #000000;}
TD.footer A:visited {font-size: 11px; color: #000000;}
TD.footer A:active {font-size: 11px; color: #000000;} 
TD.footer A:hover { font-size: 11px; color: #000000;}
/*END FOOTER STYLES*/


 
 /* PUBLIC INTERACTIVE NO CODE FEEDS*/
 
/*NEWS and EVENTS FEEDS: This controls the color of the Public NewsRoom¨ and Events Calendar feeds that are housed in the left and right rails. This first set controls only the "Local & State News", "US" and "World" link colors.*/

.headline-region {font-size: 11px; color:#000000; font-weight: bold;}
.headline-region A {font-size: 11px; color:#000000; font-weight: bold;}
.headline-region A:link {font-size: 11px; color:#494949; font-weight: bold;}
.headline-region A:visited {font-size: 11px; color:#494949; font-weight: bold;}
.headline-region A:active {font-size: 11px; color:#494949; font-weight: bold;}
.headline-region A:hover {font-size: 11px; color:#494949; font-weight: bold;}

/*NEWS and EVENTS FEEDS: This set controls the color of all the headline links.*/

.headline-title {font-size: 11px; color:#000000;}
.headline-title2 {font-size: 11px; color:#000000; font-weight: bold;}
.headline-title A {font-size: 11px; color:#000000; font-weight: bold;}
.headline-title A:link {font-size: 11px; color:#494949; font-weight: bold;}
.headline-title A:visited {font-size: 11px; color:#494949; font-weight: bold;}
.headline-title A:active {font-size: 11px; color:#494949; font-weight: bold;}
.headline-title A:hover {font-size: 11px; color:#494949; font-weight: bold;}


/*NEWS and EVENTS FEEDS: And this set controls the color of the headline teases. it is recommended you keep it the same color as the rest of your body copy*/

.headline-tease {font-size: 11px; color:#000000; font-weight: normal;}
.headline-tease A {font-size: 11px; color:#000000; font-weight: bold;}
.headline-tease A:link {font-size: 11px; color:#494949; font-weight: bold;}
.headline-tease A:visited {font-size: 11px; color:#494949; font-weight: bold;}
.headline-tease A:active {font-size: 11px; color:#494949; font-weight: bold;}
.headline-tease A:hover {font-size: 11px; color:#494949; font-weight: bold;}


/*NOW ON AIR FEED: This controls the colors of your Now on Air bucket. You can change the background color, link and text colors by altering the colors below. More detailed information can be found in your Public Interactive Startup Kit.*/
TABLE.gnc {background-color: #EFEFCE; color: 000000; font-size: 12px;} 
.gncProgramName {padding: 3px 3px 3px 3px; color: #000000; font-size: 10px; font-weight: bold;} 
.gncProgramTime {padding: 3px 3px 3px 3px; color: #000000; font-size: 11px;} 
.gncProgramDesc {background-color: #EFEFCE; padding: 3px 3px 3px 3px; color: #000000; font-size: 10px;} 
.gncHostName {padding: 3px 3px 3px 3px; color: #000000; font-size: 10px;} 
A.gncListenNow {padding: 3px 3px 3px 3px; color: #000000; font-size: 9px;} 
.gncTitle {padding: 3px 3px 3px 3px; color: #000000; font-size: 10px;}


/*ARTS FEED FOR CENTER COLUMN*/

/* TD.art-section controls the section name such as "JAZZ"*/
TD.art-section A:link {font-size: 12px; color:#000000; font-weight: bold;}
TD.art-section A:visited {font-size: 12px; color:#000000; font-weight: bold;}
TD.art-section A:active {font-size: 12px; color:#000000; font-weight: bold;}
TD.art-section A:hover {font-size: 12px; color:#000000; font-weight: bold;}

/* TD.art-content controls the  Headline and Tease of the stories displayed on the page*/
TD.art-content {font-size: 12px; color:#000000;} /*TEASE*/
TD.art-content A:link {font-size: 14px; color:#000000; font-weight: bold;}/*headline*/
TD.art-content A:visited {font-size: 14px;	color:#000000; font-weight: bold; text-decoration : none;}/*headline*/
TD.art-content A:active {font-size: 14px; color:#000000; font-weight: bold; text-decoration : none;}/*headline*/
TD.art-content A:hover {font-size: 14px; color:#000000; font-weight: bold; text-decoration : none;}/*headline*/








<!-- PBS Feed Styles -->


<!-- FULL TV SCHEDULE CSS START -->



/*TV SCHEDULE MODULE*/
 
 /*GENERIC FORMAT*/
 .schedulemod {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; text-align : left;}
 
 /*TEXT FORMATTING*/
 .schedulemodtextdate {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 18px; font-weight : bold;}
 .schedulemodtexttime {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal;}
 .schedulemodtexttitle {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight : bold;}
 .schedulemodtextepisode {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-style : italic;}
 .schedulemodtextdescription {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight: normal;}
 
 /*WEEKLY BLOCK TEXT FORMATTING*/
 .fsmodtextweekdayoff {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight: normal;} 
 .fsmodtextweekdayon {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; font-weight : bold;} 
 .fsmodtextheader {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 14px; font-weight : bold;}
 
 /*SHORT SCHEDULE CELL FORMATTING*/
 .ssmodheaderbkgd {background-color : EFEFEF; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 .ssmodbkgd1 {background-color : EFEFEF; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 .ssmodbkgd2 {background-color : ffffff; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 
 /*FULL SCHEDULE CELL FORMATTING*/
 /*weekly grid colors*/
 .fsmodweekdayoff {background-color : EFEFEF; text-align : center; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 .fsmodweekdayon {background-color : ffffff; text-align : center; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 /*am colors*/
 .fsmodambkgd1 {background-color : ffffcc; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 .fsmodambkgd2 {background-color : ffffff; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 .fsmodamheaderbkgd {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : bold; background-color : ffffcc; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 /*afternoon colors*/
 .fsmodaftbkgd1 {background-color : ccffff; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 .fsmodaftbkgd2 {background-color : ffffff; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 .fsmodaftheaderbkgd {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : bold; background-color :ccffff; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 /*primetime colors*/
 .fsmodptbkgd1 {background-color : ffccff; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 .fsmodptbkgd2 {background-color : ffffff; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 .fsmodptheaderbkgd {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : bold; background-color :ffccff; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 /*latenight colors*/
 .fsmodnitebkgd1 {background-color : ccccff; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 .fsmodnitebkgd2 {background-color : ffffff; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 .fsmodniteheaderbkgd {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : bold; background-color :ccccff; text-align : left; vertical-align : top; padding-right : 7px; padding-left : 7px;}
 
 /*GENERAL LINK FORMATS*/
 a:link.schedulemod {color: 660000;}
 a:visited.schedulemod {color: 990000;}
 a:active.schedulemod {color: 990000;}
 a:hover.schedulemod {color: 990000; text-decoration: none;}

 /*WEEKLY LINK FORMATS*/
 a:link.fsmodtextweekdayoff {color: 660000;}
 a:visited.fsmodtextweekdayoff {color: ff0000;}
 a:active.fsmodtextweekdayoff {color: 660000;}
 a:hover.fsmodtextweekdayoff {color: 660000; text-decoration: none;}
 
 /*PROGRAM TITLE LINK FORMATS*/
 a:link.schedulemodtexttitle {color: #000000;}
 a:visited.schedulemodtexttitle {color: #000000;}
 a:active.schedulemodtexttitle {color: #000000;}
 a:hover.schedulemodtexttitle {color: #000000; text-decoration: none;}
 
 /*EPISODE TITLE LINK FORMATS*/
 a:link.schedulemodtextepisode {color: #663399;}
 a:visited.schedulemodtextepisode {color: #330066;}
 a:active.schedulemodtextepisode {color: #666699;}
 a:hover.schedulemodtextepisode {color: #666699; text-decoration: none;}
 
 /*ELEMENT FORMATS*/
 select {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px;}
 input {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px;}


<!-- FULL TV SCHEDULE CSS END -->


<!-- -------------------------------------------------------------------- -->


<!-- TV SCHEDULE SEARCH CSS START -->


 
 /*GENERIC FORMAT*/
 /* note users do not control text-align or vertical-align*/
 .searchmod {color : %modsearchcolor%; font-family : %modsearchfontfamily%; font-size : %modsearchfontsize%; font-weight :%modsearchfontweight%; text-align : left; vertical-align : top;}
 
 /*TEXT FORMATTING*/
 .searchmodtextheader {color : %modtextheadercolor%; font-family : %modtextheaderfontfamily%; font-size : %modtextheaderfontsize%; font-weight : %modtextheaderfontweight%; font-style : %modtextheaderfontstyle%;}
 .searchmodtexttitle {color : %modtexttitlecolor%; font-family : %modtexttitlefontfamily%; font-size : %modtexttitlefontsize%; font-weight : %modtexttitlefontweight% ;font-style : %modtexttitlefontstyle%;}
 .searchmodtextepisode {color : %modtextepisodecolor%; font-family : %modtextepisodefontfamily%; font-size : %modtextepisodefontsize%; font-weight: %modtextepisodefontweight%; font-style : %modtextepisodefontstyle%;}
 .searchmodtextdescription {color : %modsearchdescriptioncolor%; font-family : %modsearchdescriptionfontfamily%; font-size : %modsearchdescriptionfontsize%; font-weight : %modsearchdescriptionfontweight%; font-style : %modsearchdescriptionfontstyle%;}
 .searchmodtextdate {color : %modsearchdatecolor%; font-family : %modsearchdatefontfamily%; font-size : %modsearchdatefontsize%; font-weight : %modsearchdatefontweight%; font-style : %modsearchdatefontstyle%;} 
 .searchmodtexttime {color : %modtexttimecolor%; font-family : %modtexttimefontfamily%; font-size : %modtexttimefontsize%; font-weight : %modtexttimefontweight%; font-style : %modtexttimefontstyle%;}
 
 /*CURRENTLY NOT USED*/
 .searchmodsmall {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 9px; font-weight : normal; font-style: italic;}
 
 /*GENERAL LINK FORMATS*/
 a:link.searchmod {color: %modsearchlinkcolor%;text-decoration: %modsearchlinkdecoration%;}
 a:visited.searchmod {color: %modsearchvisitedcolor%;text-decoration: %modsearchvisiteddecoration%;}
 a:active.searchmod {color: %modsearchactivecolor%;text-decoration: %modsearchactivedecoration%;}
 a:hover.searchmod {color: %modsearchhovercolor%; text-decoration: %modsearchhoverdecoration%;}
 
 /*PROGRAM TITLE LINK FORMATS*/
 a:link.searchmodtexttitle {color: %modprogtitlelinkcolor%;text-decoration: %modprogtitlelinkdecoration%;}
 a:visited.searchmodtexttitle {color: %modprogtitlevisitedcolor%;text-decoration: %modprogtitlevisiteddecoration%;}
 a:active.searchmodtexttitle {color: %modprogtitleactivecolor%;text-decoration: %modprogtitleactivedecoration%;}
 a:hover.searchmodtexttitle {color: %modprogtitlehovercolor%; text-decoration: %modprogtitlehoverdecoration%;}
 
 /*EPISODE TITLE LINK FORMATS*/
 /*not defined by users*/
 a:link.searchmodtextepisode {color: 000000;}
 a:visited.searchmodtextepisode {color: 000000;}
 a:active.searchmodtextepisode {color: 000000;}
 a:hover.searchmodtextepisode {color: 000000; text-decoration: none;}
 
 /*ELEMENT FORMATS*/
 /*not defined by users*/
 select {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px;}
 input {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px;}

<!--  TV SCHEDULE SEARCH CSS END -->


<!-- -------------------------------------------------------------------- -->


<!-- WHATÕS ON NOW  SCHEDULE CSS START -->


/*GENERIC FORMAT*/
/*not defined by users*/
.whatsonmod {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; text-align : left; padding-right : 15px; padding-left : 15px;}

/*TEXT FORMATTING*/
.whatsonmodtextheader {color : #C5810B; font-family : verdana; font-size : 10px; font-weight: bold;}
.whatsonmodtexttime {color : #000000; font-family : verdana; font-size : 10px; font-weight: bold;}
.whatsonmodtexttitle {color :  000000; font-family : verdana; font-size : 10px; font-weight : bold;}
.whatsonmodtextepisode {color:  000000; font-family: verdana; font-size: 10px; font-weight: normal; font-style: normal;}

/*GENERAL LINK FORMATS*/
/*not defined by users*/
a:link.whatsonmod {color: 660000;}
a:visited.whatsonmod {color: 990000;}
a:active.whatsonmod {color: 990000;}
a:hover.whatsonmod {color: 990000;}

/*PROGRAM TITLE LINK FORMATS*/
a:link.whatsonmodtexttitle {color: 000000;text-decoration: underline;}
a:visited.whatsonmodtexttitle {color: 000000;text-decoration: none;}
a:active.whatsonmodtexttitle {color:  000000; text-decoration: none;}
a:hover.whatsonmodtexttitle {color:  000000; text-decoration: none;}

/*EPISODE TITLE LINK FORMATS*/
/*not defined by users*/
a:link.whatsonmodtextepisode {color: 663399;}
a:visited.whatsonmodtextepisode {color: 330066;}
a:active.whatsonmodtextepisode {color: 666699;}
a:hover.whatsonmodtextepisode {color: 666699; text-decoration: none;}

/*ELEMENT FORMATS*/
/*not defined by users*/
select {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px;}
input {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px;}


<!--  WHATÕS ON NOW SCHEDULE CSS END -->



<!-- -------------------------------------------------------------------- -->



<!-- WHATÕS ON TONIGHT  SCHEDULE CSS START -->



/*GENERIC FORMAT*/
.primetimemod {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; font-style : normal; text-align : left; padding-right : 0px; padding-left : 0px;}

/*TEXT FORMATTING*/
.primetimemodtextheader {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 16px; font-weight : normal; font-style : normal;}
.primetimemodtexttime {color : #000000; font-family : verdana; font-size : 10px; font-weight : bold; font-style : normal;}
.primetimemodtexttitle {color : #000000; font-family : verdana; font-size : 10px; font-weight : bold; font-style : normal;}
.primetimemodtextepisode {color : #000000; font-family : verdana; font-size : 10px;  font-style : normal;}

/*GENERAL LINK FORMATS*/
a:link.primetimemod {color: C5810B; text-decoration: none;}
a:visited.primetimemod {color: 990000; text-decoration: none;}
a:active.primetimemod {color: 990000; text-decoration: none;}
a:hover.primetimemod {color: 990000; text-decoration: none;}

/*PROGRAM TITLE LINK FORMATS*/
a:link.primetimemodtexttitle {color: #C5810B; text-decoration: none;}
a:visited.primetimemodtexttitle {color: #993399; text-decoration: none;}
a:active.primetimemodtexttitle {color: 66ff00; text-decoration: none;}
a:hover.primetimemodtexttitle {color: #666666; text-decoration: none;}

/*EPISODE TITLE LINK FORMATS*/
a:link.primetimemodtextepisode {color: 663399; text-decoration: none;}
a:visited.primetimemodtextepisode {color: 330066; text-decoration: ;}
a:active.primetimemodtextepisode {color: 666699; text-decoration: none;}
a:hover.primetimemodtextepisode {color: 666699; text-decoration: none;}

/*ELEMENT FORMATS*/
select {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px;}
input {color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10p;}



<!--  WHATÕS ON TONIGHT SCHEDULE CSS END -->

<!-- NPR Auto Feed Styles?? -->




.nprnewspacks_category {
COLOR: #330099;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 16px;
	FONT-WEIGHT: bold;
}	

.nprnewspacks_title {
COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}	

.nprnewspacks_teaser {
COLOR: #CC0066;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
}	

/*DO NOT TOUCH BELOW*/
.padding{padding: 0px 15px 5px 25px; line-height : 20px;}
.padding2{padding: 0px 15px 5px 25px; }
.margin{margin: 8px 8px 0px 8px;}  
 .head-pad{padding: 1px 3px 1px 5px;} 
 