/***** default body/etc styles *****/
BODY, BODY.webMain {
	margin:0 auto;
	text-align:center;
}

/***** default anchor styles *****/
A:link {color:BLUE;
	text-decoration: none;
}

A:hover {
	text-decoration: none;COLOR: #990000;
}

A:active {
	text-decoration: none;color:BLUE;
}
A:visited{text-decoration:none;color:BLUE;}

img {border:none;}

.search { background-image: url(media/rightbg-wide.jpg); }

TABLE.webOuterTable {
	width: 750px;
	margin:0 auto;
	border: 1px solid #26562e;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

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


TD.webHeaderNav {
	background-color: #e6ebf1;
	border-top: 2px solid #e6ebf1;
	border-bottom: 2px solid #e6ebf1;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}
TD.webHeader {
	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

A.webHeaderVertNav, A.webHeaderVertNavSel, A.webHeaderVertNav:hover, A.webHeaderVertNavSel:hover, A.webHeaderVertNav:active, A.webHeaderVertNavSel:active, A.webHeaderVertNav:visited, A.webHeaderVertNavSel:visited {
color: #000;
text-decoration: none;
font-weight: bold;
}


TD.webFooter {
	background-color: #e6ebf1;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.smalltext{font: 10px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-weight: bold;}
.smalltext A {font: 10px Arial, Helvetica, sans-serif; font-weight: bold;}
.smalltext A:link {font: 10px Arial, Helvetica, sans-serif; font-weight: bold;}
.smalltext A:visited {font: 10px Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; }
.smalltext A:active {font: 10px Arial, Helvetica, sans-serif;font-weight: bold;}

/***** PUBLIC INTERACTIVE NO CODE FEEDS *****/
/*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 Composer Admin.*/

TABLE.gnc {
FONT-FAMILY: Verdana, sans-serif;
FONT-SIZE: 12px;
padding:5px;
width:180px;
}

.gncTitle {
PADDING-BOTTOM: 5px;
FONT-FAMILY: Verdana, sans-serif;
FONT-SIZE: 11px;
font-weight:bold;
}

TABLE.gncSongList {
FONT-FAMILY: Verdana, sans-serif;
FONT-SIZE: 11px;
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%;
}

.gncSongTitle {
FONT-WEIGHT: bold;
padding-bottom:3px;
font-size:12px;
}

.gncSongArtist {
font-size:11px;
width:58%;
}

.gncSongTime {
text-align: right;
PADDING: 0;
COLOR: #010101;
FONT-SIZE: 11px;
}

.gncProgramName {
PADDING-BOTTOM: 5px;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
}

.gncProgramTime {
PADDING-BOTTOM: 5px;
PADDING-TOP:5px;
FONT-SIZE: 11px;
}

.gncProgramDesc {
PADDING: 0;
FONT-SIZE: 10px;
}

.gncHostName {
PADDING-BOTTOM: 5px;
FONT-SIZE: 10px;
}

A.gncViewPlaylist {
PADDING-BOTTOM: 5px;
PADDING-TOP:5px;
FONT-SIZE: 10px;
}

A.gncSearchPlaylist {
PADDING-BOTTOM: 5px;
PADDING-TOP:5px;
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;
}

A.gncListenNow {
  PADDING:3px 0 0 22px;
  FONT-SIZE:12px;
  FONT-WEIGHT:bold;
  display:block;
 background:url(http://www.publicbroadcasting.net/national/guide/images/icnListen.gif) left no-repeat;
} 

/*ARTS FEED FOR CENTER COLUMN*/
/* TD.art-section controls the section name such as "JAZZ"*/
TD.art-section A:link {font-size: 12px; font-weight: bold;}
TD.art-section A:visited {font-size: 12px; font-weight: bold;text-decoration: underline;}
TD.art-section A:active {font-size: 12px; font-weight: bold;}
TD.art-section A:hover {font-size: 12px; 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: 12px; font-weight: bold;} /*headline*/
TD.art-content A:visited {font-size: 12px; font-weight: bold; text-decoration: underline;} /*headline visited*/
TD.art-content A:active {font-size: 12px; font-weight: bold; text-decoration: none;} /*headline active*/
TD.art-content A:hover {font-size: 12px; font-weight: bold; text-decoration: none;} /*headline hover*/


/*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: 12px; color:#000000; font-weight: bold;}
.headline-region A {font-size: 12px;  font-weight: bold;}
.headline-region A:link {font-size: 12px;  font-weight: bold;}
.headline-region A:visited {font-size: 12px; font-weight: bold;text-decoration: underline;}
.headline-region A:active {font-size: 12px; font-weight: bold;}
.headline-region A:hover {font-size: 12px; font-weight: bold;}

/*NEWS and EVENTS FEEDS: This set controls the color of all the headline links.*/
.headline-title {font-size: 12px; color:#000000; font-weight: bold;}
.headline-title A {font-size: 12px; font-weight: bold;}
.headline-title A:link {font-size: 12px;  font-weight: bold;}
.headline-title A:visited {font-size: 12px; font-weight: bold;text-decoration: underline;}
.headline-title A:active {font-size: 12px; font-weight: bold;}
.headline-title A:hover {font-size: 12px; 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: 12px; color:#000000; font-weight: normal;}
.headline-tease A {font-size: 12px; color:#000000; font-weight: bold;}
.headline-tease A:link {font-size: 12px; font-weight: bold;}
.headline-tease A:visited {font-size: 12px; font-weight: bold;text-decoration: underline;}
.headline-tease A:active {font-size: 12px; font-weight: bold;}
.headline-tease A:hover {font-size: 12px; font-weight: bold;}

/***** END PUBLIC INTERACTIVE NO CODE FEEDS *****/

TABLE.rssHeadlines {
   color: 000000;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px;
}

.rssHeaderCell {
   padding: 5px;
}

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

.rssHeadlines A:link {
   font-size: 12px;
   font-weight: bold;
}

.rssHeadlines A:visited {
   font-size: 12px;
   font-weight: bold;
}

.rssHeadlines A:hover {
   font-size: 12px;
   font-weight: bold;
   text-decoration: underline;
}

.rssHeadlines A:active {
   font-size: 12px;
   font-weight: bold;
}

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

.rssDate {
   font-size: 10px;
}

.rssDescription { }

.rssCopyright {
   font-size: 10px;
}

.rssSection { }

.rssHeadlineCell {
   padding: 5px;
}

.rssHeadline { }

.rssAuthor { }

.rssDate { }

.rssTease { }
  

TABLE.webHeader, TD.webHeader {
background-image: url(/media/wcbe-header-bg.gif);
background-repeat: no-repeat;
background-position: top center;
}


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, TH.webContent, TH.webContent1, TH.webContent2, TH.webContent3, TH.webContent4, TH.webContent5 {
background: #1e4624 url(/media/titleBg.gif) repeat-x;
padding: 6px;
}