/*------------------------------- FEEDJ2S.ORG SETTINGS ------------------------*/

.rss-box {
	 margin: 1em;
	 width: 230px;
	 background-color: #F2F0EE;
         border: 4px outset #998b7d;
         align: center;
}

.rss-items {
	margin-top:0px;
	padding:0.5em;
	margin-left:0px;
	color: #000000;
}
p.rss-title {padding:0.5em;}
.rss-title {
	text-decoration: none;
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 1.0em;
	background-color:#ffffff;
	color:black;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: center;
}

.rss-item  {
  font-family: "Verdana", arial;
  font-size: .9em;
  font-weight : normal;
  list-style:none;
  padding-bottom:2em;
}

.rss-item a {
	text-decoration : none;
	color: #1A3096;
	font-size: .9em;
	font-weight:bold;
	font-family:Lucida Sans Unicode, Arial, sans-serif;
	}
	
.rss-item a:visited {
	color:red;
}

.rss-date {
	font-size: .8em;
	font-weight : normal;
	color: #998b7d;
	} 



/*------------------------------ TYPOGRAPHY ----------------------------------*/

BODY, BODY.webMain {
font-family: "Verdana", Arial, sans-serif;
font-size: 100%;
background-color: #777777;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-top: 5px;
margin-bottom: 5px;
width: 90%
}

H1 {
font-family: "Georgia", Times, serif;
font-size: 1.8em;
font-weight: bold;
}

H2 {
font-family: "Trebuchet MS", Arial Narrow, sans-serif;
font-size: 1.6em;
font-weight: bold;
font-variant: small-caps;
}

H3 {
font-family: "Palatino Linotype", Times, serif;
font-size: 1.6em;
font-weight: bold;
}

H4 {
font-family: "Lucida Sans", Arial, sans-serif;
font-size: 1.3em;
font-weight: bold;
}

H5 {
font-family:"Arial Unicode MS", Trebuchet MS, sans-serif;
font-size: 1.3em;
}

H6 {
font-family: "Arial Rounded MS", Arial, sans-serif;
font-size: .85em;
font-style: italic;
}

P {
font-family: "Verdana", Verdana, sans-serif;
font-size: 1.45em;
}

.PSide {
font-family: "Arial Unicode MS", Arial, sans-serif;
font-size: 1.0 em;
}

UL, OL, BLOCKQUOTE {
font-family: "Verdana", Verdana, sans-serif;
font-size: 1.2em;
}

TABLE, TD {
font-family: "Georgia", Times, sans-serif;
font-size: 1.0em;
}

TH {
font-family: "Georgia", Times, serif;
font-weight: bold;
font-size: 1.0em;
}

TABLE.ga {
font-family:"Georgia";
font-weight: bold;
font-size: 88%;
}

A:link {
color: rgb(0, 0, 204);
text-decoration: underline;
font-weight: bold;
}

A:visited {
color: #7283C0;
text-decoration: underline;
}

A:active {
color: rgb(0, 0, 204);
text-decoration: underline;
}

A:hover {
color: rgb(0, 0, 204);
text-decoration: none;
background-color: rgb(250, 252, 152);
}

.programming-footer {
font-family: "Verdana", arial, sans-serif;
font-size: 88%;
text-align: center;
line-height: 140%
}

.EmpTurq {
  color: #014B67;
  font-weight: bold;
}

.EmpRed {
  color: #660104;
  font-weight: bold;
}

.EmpWarmGray {
  color: #5B4F3C;
  font-weight: bold;
}

.EmpGreen {
  color: #2E3901;
  font-weight: bold;
}

.EmpOrange {
  color: #962900;
  font-weight: bold;
}



/*--------------------------------WebOuterTable-----------------------------*/

TABLE.webOuterTable 
{
width: 90%;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
}


TD.webOuterTableF, TD.webOuterTableH, TD.webOuterTableC1, TD.webOuterTableC2,
TD.webOuterTableC3, TD.webOuterTableC4,
TD.webOuterTableC5, TD.webOuterTableC6, TD.webOuterTableC7, TD.webOuterTableC8,
TD.webOuterTableC9, TD.webOuterTableC10 
{
background-color: rgb(242, 240, 238);
border-style: none;
border-spacing: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}

Table.webSideRail1 
{
max-width: 236px;
_width: expression(236 + "px");
}



hr {color: #7283C0;}


TD.OnAirNow 
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
background-color: rgb(255, 255, 255);
border-top: 2px dashed rgb(0, 0, 0);
border-bottom: 2px dashed rgb(0, 0, 0);
border-left: 2px dashed rgb(0, 0, 0);
border-right: 2px dashed rgb(0, 0, 0);
padding-top: 7px;
padding-bottom: 8px;
padding-left: 0px;
padding-right: 0px;
}



TD.webHeaderNav 
{
font-family: "Georgia", Times, serif;
font-size: 92%;
background-color: #DAD7ED;
border-top: 2px solid rgb(0, 0, 0);
border-bottom: 2px solid rgb(0, 0, 0);
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;

}

/*------------------------PI GENERATED NAVIGATION LINKS---------------------------*/

A.webHeaderNav, A.webHeaderNav:active, A.webHeaderNav:visited {
font-family: "Georgia", Times, serif;
font-size: 92%;
color: rgb(0, 0, 204);
background-color: #DAD7ED;
text-decoration: none;
font-weight: bold;
text-align:  center;
}

A.webHeaderNav:hover, A.webHeaderNavSel:hover {
font-family: "Georgia", Times, serif;
font-size: 92%;
color: rgb(0, 0, 204);
background-color: #FFFFFF;
text-decoration: none;
font-weight: bold;
text-align:  center;
}


A.webHeaderNavSel, A.webHeaderNavSel:visited {
font-family: "Georgia", Times, serif;
font-size: 92%;
color: rgb(0, 0, 204);
background-color: #DAD7ED;
text-decoration: none;
font-weight: bold;
text-align:  center;
}

A.webHeaderNavSel:active {
font-family: "Georgia", Times, serif;
font-size: 92%;
color: rgb(0, 0, 204);
background-color: #DAD7ED;
text-decoration: none;
font-weight: bold;
text-align:  center;
}

A.webHeaderNavSel:hover {
font-family: "Georgia", Times, serif;
font-size: 92%;
color: rgb(0, 0, 204);
background-color: #DAD7ED;
text-decoration: none;
font-weight: bold;
text-align:  center;
}


A.webHeaderSubNav {
font-family: "Georgia", Times, serif;
font-size: 92%;
color: rgb(0, 0, 204);
text-align:  center;
font-weight:  bold;
}

A.webHeaderSubNav:hover {
font-family: "Georgia", Times, serif;
font-size: 92%;
color: #FFFFFF;
font-weight:  bold;
}

A.webHeaderSubNavSel {
font-family: "Georgia", Times, serif;
font-size: 92%;
color: rgb(0, 0, 204);
font-weight:  bold;
}

A.webHeaderSubNavSel:hover {
font-family: "Georgia", Times, serif;
font-size: 92%;
color: rgb(0, 0, 204);
background-color: #ffffff;
}

/* -------------------------- CUSTOM NAVIGATION----------------------------------*/
#navbar {
margin: 0;
padding: 0;
height: 1em; }

#navbar li {
list-style: none;
float: left; }
#navbar li a {
display: block;
padding: 3px 8px;
background-color: #5e8ce9;
color: #fff;
text-decoration: none; }

#navbar li ul {
display: none; 
width: 10em; /* Width to help Opera out */
background-color: #69f;}

#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0; }

#navbar li:hover li, #navbar li.hover li {
float: none; }

#navbar li:hover li a, #navbar li.hover li a {
background-color: #69f;
border-bottom: 1px solid #fff;
color: #000; }



/*-----------------------------------NEWS FEEDS---------------------------*/

.headline-region 
{
display: none; 
font-family: Verdana, Arial; 
font-size: 12px; 
color: #000000; 
font-weight: bold; 
}

.headline-region A 
{
display: none; 
font-family: Verdana, Arial; 
font-size: 12px; 
color: #000000;
font-weight: bold; 
background-color: #eeeeee;
}

.headline-region A:link 
{
display: none; 
font-family: Verdana, Arial; 
font-size: 12px; 
color: #000000;
font-weight: bold; 
background-color: #eeeeee;
}

.headline-region A:visited 
{
display: none; 
font-family: Verdana, Arial; 
font-size: 12px; 
color: #000000;
font-weight: bold; 
background-color: #eeeeee;
}

.headline-region A:active 
{
display: none; 
font-family: Verdana, Arial; 
font-size: 12px; 
color: #000000;
font-weight: bold; 
background-color: #eeeeee;
}

.headline-region A:hover 
{
display: none; 
font-family: Verdana, Arial; 
font-size: 12px; 
color: #000000;
font-weight: bold; 
background-color: rgb(250, 252, 152);
}


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

.headline-title 
{
font-size: 16px;
font-family: "Georgia", Times, serif;
color:#000000;
font-weight: bold;
padding-top: 12px;
}

.headline-title A 
{
font-family: "Georgia", Times, serif;
font-size: 16px; 
color:#000000; 
font-weight: bold; 
text-decoration: none;
}

.headline-title A:link 
{
font-family: "Georgia", Times, serif;
color: rgb(0, 0, 204);
font-size: 16px; 
font-weight: bold; 
text-decoration: underline;
}

.headline-title A:visited 
{
font-family: "Georgia", Times, serif;
color: rgb(0, 0, 204);
font-size: 16px; 
font-weight: bold; 
text-decoration: underline;
}

.headline-title A:active 
{
font-family: "Georgia", Times, serif;
color: rgb(0, 0, 204);
font-size: 16px; 
font-weight: bold; 
text-decoration: underline;
}

.headline-title A:hover 
{
font-family: "Georgia", Times, serif;
font-size: 16px; 
font-weight: bold; 
text-decoration: none; 
color: rgb(0, 0, 204);
background-color: rgb(250, 252, 152);
}



/*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-family: Verdana, arial;
font-size: 14px;
}

.headline-tease A {
font-family: Verdana, arial;
font-size: 14px;
color: rgb(0, 0, 204);
}

.headline-tease A:link {
font-family: Verdana, arial;
font-size: 14px;
color: rgb(0, 0, 204);
}

.headline-tease A:visited {
font-family: Verdana, arial;
font-size: 14px;
color: rgb(0, 0, 204);
}

.headline-tease A:active {
font-family: Verdana, arial;
font-size: 14px;
color: rgb(0, 0, 204);
}

.headline-tease A:hover {
font-family: Verdana, arial;
font-size: 14px; 
color: rgb(0, 0, 204);
background-color: rgb(250, 252, 152);
}



/* TD.art-content controls the Headline and Tease of the stories 
displayed on the page*/

TD.art-content{
font-family: "Verdana", arial, sans-serif;
font-size: 14px;
color: rgb(0, 0, 204);
} /*TEASE*/

TD.art-content A:link {
font-family: "Georgia", Times, serif;
color: rgb(0, 0, 204);
font-size: 16px;
top-padding: 15px;
} /*headline*/

TD.art-content A:visited {
font-size: 16px;
color: rgb(0, 0, 204);
} /*headline visited*/

TD.art-content A:active {
font-family: "Georgia", Times, serif;
color: rgb(0, 0, 204);
font-size: 16px;
} /*headline active*/

TD.art-content A:hover {
font-family: "Georgia", Times, serif;
font-size: 16px;
color: rgb(0, 0, 204);
background-color: rgb(250, 252, 152);
} /*headline hover*/


/* -------------------------------- Music GNC --------------------------------*/

TABLE.gnc 
{
background-color: #FFFFFF; 
color: #000000; 
font-size: 11px;
margin: 10px;
padding: 10px;
border-style: double;
border-color: #58CAF3;
}


.gncProgramName 
{
padding: 0px 0px 0px 1px;
color: #000000; 
font-family: Verdana, arial; 
font-size: 12px; 
font-weight: bold; 
text-decoration: none;
text-align: center;
}

.gncProgramName A:link 
{
padding: 0px 0px 0px 1px; 
color: rgb(0, 0, 204);
font-size: 12px; 
font-weight: bold; 
text-decoration: none;
}

.gncProgramName A:visited 
{
padding: 0px 0px 0px 1px; 
color: rgb(0, 0, 204);
font-size: 12px; 
font-weight: bold; 
text-decoration: none;
}

.gncProgramName A:active 
{
padding: 0px 0px 0px 1px; 
color: rgb(0, 0, 204);
font-size: 12px; 
font-weight: bold; 
text-decoration:none;
}

.gncProgramName A:hover 
{
padding: 0px 0px 0px 1px; 
color: rgb(0, 0, 204);
font-size: 12px; 
font-weight: bold; 
text-decoration:none; 
background-color: #7283C0;
}

.gncProgramTime 
{
padding: 0px 0px 0px 9px; 
color: rgb(0, 0, 204);
font-size: 12px;
text-align: center;
} 

.gncProgramDesc 
{
background-color: #FFFFFF; 
padding: 0px 0px 0px 10px; 
color: rgb(0, 0, 204);
font-size: 10px;
} 

.gncHostName 
{
padding: 0px 0px 0px 9px; 
color: rgb(0, 0, 204);
font-size: 12px;
text-align: center;
} 

A.gncListenNow 
{
padding: 0px 0px 0px 9px; 
color: rgb(0, 0, 204);
font-size: 12px;
}

.gncTitle 
{
padding: 1px 1px 1px 1px; 
color: rgb(0, 0, 0);
font-size: 16px; 
font-weight: bold;
}

.ListenNow 
{
padding: 0px 0px 0px 1px; 
font-family: "Verdana", arial; 
font-size: 12px; 
color:#000000; 
font-weight: bold; 
background-color: #FFFFFF;
} 

.ListenNow A:link 
{
padding: 0px 0px 0px 1px; 
font-size: 12px; 
color: rgb(0, 0, 204);
font-weight: bold; 
text-decoration : 
none;
}

.ListenNow A:visited 
{
padding: 0px 0px 0px 1px; 
font-size: 12px; 
color: rgb(0, 0, 204);
font-weight: bold; 
text-decoration : none;
}

.ListenNow A:active 
{
padding: 0px 0px 0px 1px; 
font-size: 12px; 
color: rgb(0, 0, 204);
font-weight: bold; 
text-decoration : none;
}

.ListenNow A:hover 
{
padding: 0px 0px 0px 1px; 
font-size: 12px; 
color: rgb(0, 0, 204);
background-color: rgb(250, 252, 152); 
font-weight: bold; 
text-decoration: none;
}

A.gncViewPlaylist {
PADDING-BOTTOM: 5px;
PADDING-TOP:5px;
FONT-SIZE: 12px;
FONT-FAMILY: Verdana, arial;
}

A.gncSearchPlaylist {
PADDING-BOTTOM: 5px;
PADDING-TOP:5px;
FONT-SIZE: 12px;
Font-family: Verdana, arial;
}
A.gncViewPlaylist {
background:url(http://www.publicbroadcasting.net/national/guide/images/icnPlaylist.gif) left no-repeat;
padding-left:24px;
padding-right:7px;
}

A.gncSearchPlaylist {
background:url(http://www.publicbroadcasting.net/national/guide/images/icnSearchplaylist.gif) left no-repeat;
padding-left:25px;
}


A.gncBuyNowBtn {
  background:url(http://www.publicbroadcasting.net/national/guide/images/icnBuynow_h.gif) no-repeat;
  display:block;
  height:16px;
  width:16px;
}

A.gncBuyNowBtn:hover {
  background:url(http://www.publicbroadcasting.net/national/guide/images/icnBuynow.gif) no-repeat;
}

TABLE.gncSongList {
COLOR: #4444AA;
FONT-FAMILY: Verdana, sans-serif;
FONT-SIZE: 12px;
margin-bottom:5px;
width:100%;
}

.gncSong {
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
color:#666666;
font-family: Verdana, arial;
font-size:12px;
font-weight:normal;
margin-bottom:-1px;
padding:3px;
width:100%;
}

.s0 {
background-color:#F0F0F0;
}

.gncSongTitle 
{
FONT-WEIGHT: bold;
FONT-FAMILY: Verdana, arial;
font-size: 12px;
padding-bottom:3px;
color:#666666;
font-size:12px;
}

.gncSongArtist {
color:#666666;
font-family: Verdana, arial;
font-size:12px;
width:58%;
}

.gncSongTime {
text-align: right;
PADDING: 0;
COLOR: #010101;
Font-family: Verdana, arial;
FONT-SIZE: 12px;
}




/*------------------------------- INNER FRAMEWORK ---------------------------*/

TABLE.webSideRail {
width: 25%;
}

TH.webSideRail, TH.webSideRail1, TH.webSideRail2, TH.webSideRail3, TH.webSideRail4,
TH.webSideRail5, TH.webSideRail6, TH.webSideRail7, TH.webSideRail8, TH.webSideRail9,
TH.webSideRail10, TH.webSideRail11, TH.webSideRail12, TH.webSideRail13, 
TH.webSideRail14, TH.webSideRail15 
{
text-align: center;
color: #000000; 
background-color: #DAD7ED;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}


TH.webContent, TH.webContent1, TH.webContent2, TH.webContent3, TH.webContent4, 
TH.webContent5 
{
text-align: center;
color: #000000; 
background-color: #DAD7ED;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}


TD.webSideRail, TD.webSideRail1, TD.webSideRail2, TD.webSideRail3, TD.webSideRail4,
TD.webSideRail5, TD.webSideRail6, TD.webSideRail7, TD.webSideRail8, TD.webSideRail9,
TD.webSideRail10, TD.webSideRail11, TD.webSideRail12, TD.webSideRail13, 
TD.webSideRail14, TD.webSideRail15 
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}

TD.webContent, TD.webContent1, TD.webContent2, TD.webContent3, TD.webContent4, 
TD.webContent5 {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}


/* ------------------------------- NPR MODULES ------------------------------ */


.nprMod
{
color: #000000;
font-family: "Verdana", arial, sans-serif;
font-size: 14px;

}

.nprMod A:link
{
color: rgb(0, 0, 204);
text-decoration: none;
}

.nprMod A:visited
{
color: rgb(0, 0, 204);
text-decoration: none;
}

.nprMod A:hover
{
color: rgb(0, 0, 204);
background-color: rgb(250, 252, 152);
text-decoration: none;
}

.nprMod A:active
{
color: rgb(0, 0, 204);
background-color: #7283C0;
text-decoration: none;
}

.nprModCatTitle
{
font-size: 14px;
display: none;
}

.nprModHead
{	
color: #000000;
font-weight: bold;
text-decoration: underline;
font-family: "Georgia", Times, serif;
font-size: 16px
}

.nprModHead A:link
{	
color: rgb(0, 0, 204);
font-weight: bold;
text-decoration: underline;
font-family: "Georgia", Times, serif;
font-size: 16px
}

.nprModHead A:visited
{	
color: rgb(0, 0, 204);
font-weight: bold;
text-decoration: underline;
font-family: "Georgia", Times, serif;
font-size: 16px
}

.nprModHead A:hover
{	
color: rgb(0, 0, 204);
background-color: rgb(250, 252, 152);
font-weight: bold;
text-decoration: underline;
font-family: "Georgia", Times, serif;
font-size: 16px
}

.nprModHead A:active
{	
color: rgb(0, 0, 204);
font-weight: bold;
text-decoration: underline;
font-family: "Georgia", Times, serif;
font-size: 16px
}

	
.nprModDate, .nprModPipe, .nprModName
{
font-family: "Verdana", arial, sans-serif;
font-size: 14px;
color: #000000;
background-color: transparent;	
}

.nprModText
{
font-size: 14px;
font-family: "Verdana", arial, sans-serif;
color: #000000;
}


/* -------------------------------RSS FEEDS----------------------------- */

TABLE.rssHeadlines {
   color: 000000;
   font-family: "Georgia", Times, serif;
   font-size: 16px;
}

.rssHeaderCell {
   padding: 1px;
}

.rssHeadlines A {
   font-family: "Georgia", Times, serif;
   font-size: 16px;
   font-weight: bold;
   color: rgb(0, 0, 204);
}

.rssHeadlines A:link {
   font-family: "Georgia", Times, serif;
   font-size: 16px;
   font-weight: bold;
   text-decoration: underline;
   color: rgb(0, 0, 204);
}

.rssHeadlines A:visited {
   font-family: "Georgia", Times, serif;
   font-size: 16px;
   font-weight: bold;
   text-decoration: underline;
   color: rgb(0, 0, 204);
}

.rssHeadlines A:hover {
   font-family: "Georgia", Times, serif;
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
   background-color: rgb(250, 252, 152);
   color: rgb(0, 0, 204);
}

.rssHeadlines A:active {
   font-family: "Georgia", Times, serif;
   font-size: 16px;
   font-weight: bold;
   color: rgb(0, 0, 204);
}

.rssTitle {
   font-weight: bold;
   font-size: 16px;
}

.rssDate {
   font-size: 9px;
}

.rssDescription { }


.rssCopyright {
   font-size: 9px;
}

.rssSection { }

.rssHeadlineCell {
padding: 3px;
}

.rssHeadline { }

.rssAuthor { }

.rssDate { }

.rssTease {
   font-family: "Verdana", Arial, sans-serif;
   font-size: 14px;
   font-weight: none;
   margin-bottom: 6px; }

/* -------------------------- 2011 Style Changes -------------------------- */

/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #ddd;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #ddd;
}

/* Floating Presets */
FloatLeft {
  float: left;
  margin: 10px;
}

.FloatRight {
  float: right;
  margin: 10px;
}

.FloatClear { clear: both; }




/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
div.prepend-top, .prepend-top {
  margin-top:1.5em;
}
div.append-bottom, .append-bottom {
  margin-bottom:1.5em;
}

/* Use a .box to create a padded box inside a column.  */
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #e5eCf9;
}

/* Use this to create a horizontal ruler across a column. */
.hrgrid {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 0 0 1.420em;
  border: none;
}

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}

img.FloatLeft {
float: left;
margin: 10px;
}

img.FloatRight {
float: right;
margin: 10px;
}

.mobileFooter {
background-color: #ede9e5;
}