BODY, BODY.webMain {
font-family: Verdana;
font-size: 10px;
color: #878884;
background-color:#E9E6CF;
text-align: center;
}

body.webMain {
        background-color: #E9E6CF;
}



TABLE.webOuterTable {text-align: left;}

A:link {
      color: #3366CC;
      font-size: 14px; bold;
      text-align: left;
      text-decoration: none;
}

A:hover {
      color: #D19120;
      font-size: 12px;
      text-align: left;
      text-decoration: none;
}
A:active {
text-decoration: none;
}

A:visited {
text-decoration: none;
}

.h1   {
      font: Arial, Helvetica, sans-serif;
	  font-weight: normal;
	  color: 83843E;
      font-size: 14px;
      text-align: left;
}

.h2 {
      font: Arial, Helvetica, sans-serif;
	  font-weight: normal;
	  color: 497481;
      font-size: 14px;
      text-align: left;
}

.h3 {
      font: Arial, Helvetica, sans-serif;
	  font-weight: normal;
	  color: 91278F;
      font-size: 14px;
      text-align: left;	  
}

.bodyCopy {
	  font: Arial, Helvetica, sans-serif;
	  font-weight: normal;
	  color: 91278F;
      font-size: 10px;
      text-align: left;
	  }


TABLE.webOuterTable {
        width: 828;
        margin-left: auto;
        margin-right: auto;
        align: center;
        border: 1px solid #878884;
        border-collapse: collapse;
        padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}


TD.webOuterTable {background-color: #ffffff;
	border-style: none;
	border-spacing: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

TD.webHeader {
	background-color: #ffffff;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px; 
        padding-right: 0px;
}
/** the horizontal dynamic nav styles **/
TABLE.webHeaderNav {
width: 100%;
border-style: none;
border-spacing: 0px;
border-collapse: collapse;
}

TD.webHeaderNav {
	background-color: #647ba1;
        border: 1px solid #647ba1;
        color:#ffffff;
        font-weight:bold;
        font-size:12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

TD.webHeaderNav A, TD.webHeaderNav A:link{
color:#ffffff;
font-weight:bold;
font-size:12px;
padding:5px;
text-decoration:none;
font-family:arial, helvetica;
}

A.webHeaderNav, A.webHeaderNavSel, A.webHeaderNav:hover, A.webHeaderNavSel:hover, A.webHeaderNav:active, A.webHeaderNavSel:active, A.webHeaderNav:visited, A.webHeaderNavSel:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

A.webHeaderSubNav, A.webHeaderSubNavSel, A.webHeaderSubNav:hover, A.webHeaderSubNavSel:hover, A.webHeaderSubNav:active, A.webHeaderSubNavSel:active, A.webHeaderSubNav:visited, A.webHeaderSubNavSel:visited {
color: #497481;
text-decoration: none;
font-weight: bold;
font-style: none;
font-size: 10px;
}

TH.webSideRail1, TH.webSideRail2, TH.webSideRail3,
TH.webSideRail4, TH.webSideRail5, TH.webSideRail6, 
TH.webSideRail7,TH.webSideRail8, TH.webSideRail9, 
TH.webSideRail10, TH.webContent
{
font-family: arial; 
font-weight:bold;
font-size:10px;
color:#497481;
text-align: left;
}

/***** the content styles *****/
TABLE.webContent, TABLE.webContent1, TABLE.webContent2, TABLE.webContent3, TABLE.webContent4, TABLE.webContent5 {
width: 100%;
border-style: none;
border-spacing: 0px;
border-collapse: collapse;
/** table-layout: fixed; **/
}

TD.webContent, TD.webContent1, TD.webContent2, TD.webContent3, TD.webContent4, TD.webContent5 {
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

TH.webContent, TH.webContent1, TH.webContent2, TH.webContent3, TH.webContent4, TH.webContent5 {
font-size: 10px;
text-align: left;
color: #497481;
background-color: #E7E7E6;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}

/*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: #F4F4F3; color: #878884; font-size: 10px;}
.gncProgramName {padding: 2px 2px 2px 2px; color: #878884; font-size: 14px; font-weight: bold;}
.gncProgramTime {padding: 2px 2px 2px 2px; color: #878884; font-size: 10px;}
.gncProgramDesc {background-color: #F4F4F3; padding: 2px 2px 2px 2px; color: #878884; font-size: 10px;}
.gncHostName {padding: 2px 2px 2px 2px; color: #878884; font-size: 10px;}
A.gncListenNow {padding: 2px 2px 2px 2px; color: #D19120; font-size: 10px; font-weight: bold; font-style: capitalized;text-decoration: none;}
.gncTitle {padding: 2px 2px 2px 2px; color: #000000; font-size: 10px;}

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

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

.s0 {
background-color:#F0F0F0;
}

.gncSongTitle {
color:#666666;
FONT-WEIGHT: bold;
padding-bottom:3px;
font-size:10px;
}

.gncSongArtist {
color:#666666;
font-size:10px;
width:58%;
}

.gncSongTime {
text-align: right;
PADDING: 0;
color:#666666;
FONT-SIZE: 10px;
}
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;
}


/*ARTS FEED FOR CENTER COLUMN*/
/* TD.art-section controls the section name such as "JAZZ"*/
TD.art-section {background-color: #E7E7E6; color #878884; font-size: 10px;}
TD.art-section A:link {font-size: 10px; color: #D19120; font-weight: bold; text-decoration: underlined;text-decoration: none;}
TD.art-section A:visited {font-size: 10px; color: #878884; font-weight: bold;text-decoration: none;}


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


/*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 A {text-decoration: none;}
.headline-tease A:link {text-decoration: none;}
.headline-tease A:visited {text-decoration: none;}
.headline-tease A:active {text-decoration: none;}
.headline-tease A:hover {text-decoration: none;}


.newsLink {
	font: Arial;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: 878884;
        text-decoration: none;
	}

img {border:none;}

/*FEED STYLES : RSS Wizard and NPR*/

TABLE.rssHeadlines {color: #000;font-family: Verdana;font-size: 13px;}
.rssTease {color: #000;font-family: Verdana;font-size: 13px;}
.rssHeadlines A {DISPLAY: none} 


.nprMod {FONT-SIZE: 11px; FONT-FAMILY: verdana;}
.nprModCatTitle, .nprModHead, .nprModDate, .nprModPipe, .nprModName, .nprMod A, .nprModStory2, .nprModStory3
{DISPLAY: none}