BODY, BODY.webMain {
      text-align: left;
	background: #807391 url(wrti/media/purpbg_1024.gif);background-attachment:fixed;margin-top:0px;
}
BODY.basic {
background: #807391 url(/wrti/media/purpbg_1024.gif);background-attachment:fixed;margin-top:0px;
}

H1 {
font-family: Georgia,Times;
font-size: 24px;
text-align: left;
color: #990000; 
margin-top: 5px;
font-weight: normal;
margin-bottom: 8px;
border-bottom: 2px solid #cccccc;
padding-bottom: 10px;
}

H2 {
font-size: 18px;
text-align: left;
margin-bottom: -12px;
color: #333333; 
}

H3 {
font-size: 16px;
text-align: left;
margin-bottom: 4px;
color: #316f98; 
}

.H3 A {font-size: 16px; text-align: left; margin-bottom: 4px; color: #316f98; text-decoration: underline;}
.H3 A:link {font-size: 16px; text-align: left; margin-bottom: 4px; color: #316f98; text-decoration: underline;}
.H3 A:active {font-size: 16px; text-align: left; margin-bottom: 4px; color: #316f98; text-decoration: underline;}
.H3 {font-size: 16px; text-align: left; margin-bottom: 4px; color: #316f98;}

H4 {
font-size: 14px;
text-align: left;
margin-bottom: 0px;
color: #636363; 

}

H5 {
font-size: 17px;
font-weight: normal;
text-align: left;
margin-bottom: 6px;
color: #333333; 
}

H6 {
font-size: 12px;
text-align: left;
color: #990000; 
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}

TABLE.webOuterTable {
        width: 100%;
}



TH.webOuterTable, TD.webOuterTable {

background-color: transparent;
margin-top:0px;
border-style: none;
border-spacing: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

TH.webOuterTableF, TD.webOuterTableF {

background-color: transparent;
margin-top:0px;
border-style: none;
border-spacing: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
} 

TH.webOuterTableH, TD.webOuterTableH {

background-color: transparent;
margin-top:0px;
border-style: none;
border-spacing: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}


TH.webOuterTableC1,TD.webOuterTableC1 {

background-color: #dedede;
margin-top:0px;
border-style: none;
border-spacing: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

TH.webOuterTableC2, TD.webOuterTableC2 {
background-color: #ffffff;
margin-top: 0px;
border-style: none;
border-spacing: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}



TH.webOuterTableC3, TD.webOuterTableC3 {

background-color: #dedede;
margin-top:0px;
border-style: none;
border-spacing: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

TH.webOuterTableC4, TD.webOuterTableC4 {

background-color: transparent;
margin-top:0px;
border-style: none;
border-spacing: 0px;
padding-top: 0px; f
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

TH.webOuterTableC5, TD.webOuterTableC5 {
background-color: transparent;
margin-top:0px;
border-style: none;
border-spacing: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

TH.webOuterTableC6, TD.webOuterTableC6 {

background-color: transparent;
margin-top:0px;
border-style: none;
border-spacing: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

TH.webOuterTableC7, TD.webOuterTableC7 {

background-color: transparent;
margin-top:0px;
border-style: none;
border-spacing: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

TH.webOuterTableC8, TD.webOuterTableC8 {

background-color: transparent;
margin-top:0px;
border-style: none;
border-spacing: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

TH.webOuterTableC9, TD.webOuterTableC9 {

background-color: transparent;
margin-top:0px;
border-style: none;
border-spacing: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

TH.webOuterTableC10, TD.webOuterTableC10 {

background-color: transparent;
margin-top:0px;
border-style: none;
border-spacing: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}



TD.webHeader {
background-color: #000000;
padding-bottom: 0px;
}


div.archive{display:none;}
p.archive{display:none;}







/*---Main Navigation---*/

/* new nav styles */
#navwrapper {
 margin: 0px; 
padding: 0px;
}

#nav {
font-family: helvetica;
 font-size: 12px;
 text-align: left;
 list-style: none; 
 padding: 0px;
 margin: 0px;
 z-index: 999;
}

#nav ul {
 margin: 0;
 padding: 0;
 float: left;
}

#nav li {
 float:left;
 position:relative;
 list-style-type:none;
 width: 110px;
}

#nav li.droparrow { /* Handles the small right drop arrow on navigation */
/* background: url(/media/kcur/header/pb/images/dropdownarrow.gif) center right no-repeat;*/
 padding: 0px 5px 0px 0px;
}

#nav li:hover, #nav li.sfhover {
   background-image: url(media/glossybackbp.gif);
}

#nav a {
 display:block;
 padding:2px 0px;
 margin: 0px;
 text-decoration:none;
 color:#FFF;
}

#nav a:hover {
	color: #FFF;
  background-image: url(media/glossybackbp.gif);
}

#nav ul li ul {
 padding: 0;
 font-size: 10px;
 position: absolute;
 width: 160px;
 left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
 font-weight: normal;
}

#nav ul li ul a {
 padding: 3px 12px;
 margin: 0px;
}

#nav ul li ul li {
 text-align: left;
 width:100%;
 background-color:#000;
 border-width: 0px 1px 1px 1px;
 border-style: solid;
 border-color: #FFF;
padding:0 0 1px;
 left:-1px;
}

/* 
* html #nav ul li ul li, * html #nav ul li ul li.subnavspacer {left: -54px;}
*/

#nav ul li ul li.subnavspacer { /* Added to create a separating space in Quicklinks */
 text-align: left;
 color: #444;
 font-size: 50%; /* will determine the height of the box - text is invisible = background color */
 width:100%;
 background-color:#444;
 border-left:1px solid #000;
 border-bottom:1px solid #000;
 border-right:1px solid #000;
 padding:0 0 1px;
 left:-1px;
}

#nav ul li ul li:first-child {
 border-top:1px solid #fff;
 }

#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
  background-image: url(media/glossybackbp.gif);
}

* html #nav li.sfhover ul {left: 0px;}

* html  #nav ul li ul { /* IE fix that adds a top line to drop downs in IE - can't read :first-child */
 border-top:1px solid #000;
 border-left:0px; /* stops the drop from inheriting the ul border */
}

TD.webHeaderNav {background-position: top left; background-image: url(http://wrti.publicbroadcasting.net/media/headgrade.jpg);
}

/*--END OF NAVIGATION--*/

/*--DIV TAG MAIN ELEMENT SUBNAVIGATION STYLE--*/
#thirdlevelnav ul {
	list-style-type: none;
margin-left:32px;
	padding: 0px;
}
#thirdlevelnav li {
	display: inline;
}
#thirdlevelnav {width:615px;margin-left:-42px;
	
	
}
#thirdlevelnav a {
	color: #666666;
	text-decoration: none;
	font: normal 12px Arial;
	padding: 1px 6px 1px 3px;
	border-right: 1px solid #666666;
}
#thirdlevelnav li a:hover {
	background-color: #eff5f8;
}
/*--ADDED BY BILL 9/28/2007--*/


/*--DIV TAG NOW PLAYING LIST STYLE--*/
#nowplaying {
	width: 152px;
}
#nowplaying ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#nowplaying li {
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 0px;

}
#nowplaying a {
	font: 12px Arial;
	border: solid 1px #ccc;
	color: #000;
	text-decoration: none;
	background-image: url(/wrti/media/WRTI%20Images/menu_images/siderail_arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 5px 5px 5px 5px;
	margin: 3px 0px 3px 0px;
	background-color: #fff;
	display: block;
	width: 152px;
}
#nowplaying li a:hover {
	color:#000;
	background-color: #eee;
	background-image: url(/wrti/media/WRTI%20Images/menu_images/siderail_arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: right;
}
/*--ADDED BY BILL 5/30/2008--*/

/*--DIV TAG AUDIOLIST LIST STYLE--*/
#audiolist {
	width: 375px;
}
#audiolist ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#audiolist li {
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 0px;

}
#audiolist a {
	font: 12px Arial;
	border: solid 1px #ccc;
	color: #000;
	text-decoration: none;
	background-image: url(http://www.wrti.org/wrti/media/listen_graphic.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 5px 5px 5px 5px;
	margin: 3px 0px 3px 0px;
	background-color: #fff;
	display: block;
	width: 375px;
}
#audiolist li a:hover {
	color:#000;
	background-color: #eee;
	background-image: url(http://www.wrti.org/wrti/media/listen_graphic.gif);
	background-repeat: no-repeat;
	background-position: right;
}
/*--ADDED BY BILL 6/03/2008--*/

/*--DIV TAG AUDIOLISTSIDERAIL LIST STYLE--*/
#audiolistsiderail {
	width: 152px;
}
#audiolistsiderail ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#audiolistsiderail li {
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 0px;

}
#audiolistsiderail a {
	font: 12px Arial;
	border: solid 1px #ccc;
	color: #000;
	text-decoration: none;
	background-image: url(http://www.publicbroadcasting.net/wrti/newsroom/images/listen-sm.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px; 
	padding: 5px 5px 5px 15px;
	margin: 5px 0px 3px 0px;
	background-color: #fff;
	display: block;
	width: 152px;
}
#audiolistsiderail li a:hover {
	color:#000;
	background-color: #eee;
	background-image: url(http://www.publicbroadcasting.net/wrti/newsroom/images/listen-sm.gif);
	background-repeat: no-repeat;
	background-position: right;
}
/*--ADDED BY BILL 6/03/2008--*/

/*--DIV TAG HOMEPAGE ON-DEMAND LIST STYLE--*/
#ondemandhome {
	width: 95%;
        margin: 0px 5px 0px 20px;
}
#ondemandhome ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#ondemandhome li {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;

}
#ondemandhome a {
	/*--font: 12px Arial;--*/
	border: none;
	text-decoration: none;
	background-image: url(http://www.wrti.org/media/WRTI%20Images/icnListen.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 5px 0px 20px;
	margin: 0px 0px 0px -20px;
	background-color: #fff;
	display: block;
}
#ondemandhome li a:hover {
	color:#000;
	background-color: #eee;
	background-image: url(http://www.wrti.org/media/WRTI%20Images/icnListen.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#ondemandhome br{	
	height: 0px;
        display:none;
        margin:0px;
        padding:0px;
}
#ondemandhome span {
        line-height: 14px;
        font-size: 12px
}

/*--ADDED by BILL 6/10/2010--*/

/*--DIV TAG CALLOUT LIST STYLE--*/
/*--  #callout td{background-color:#eee; border-top: solid 3px #CCC;padding:7px;}  --*/
#callout {background:#eee; border-top: solid 3px #CCC;padding:7px;}
#callout h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	letter-spacing:.2em;
	margin-bottom:7px;
	padding:0px;
}
#callout p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:19px;
	color: #000;	
	margin:0px;
	padding:0px;
}
/*ADDED BY BILL 7/31/07--*/


/* DIV TAG SIDERAIL LIST STYLE */
/* start gavin's code*/

#leftlist {
}
#leftlist ul {
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
#leftlist li {
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 0px;

}
#leftlist h4 {
	margin-top:-12px;
	margin-bottom: -12px;
	padding: 0px;

}
#leftlist a:link, #leftlist a:visited {
	font: 12px Arial;
        font-weight: bold;
	color: #330066;
	text-decoration: none;
	padding: 5px;
	border-bottom: 1px dotted #999;
	margin:0px;
	display: block;
	width: 153px;
}
#leftlist {
	float: left;
	width: 153px;
}
#leftlist a:hover {
	background-color: #f2f0e3;
}
/* end gavin's code*/

/*ADDED BY BILL 8/6/07 */

/* DIV TAG CD LIST STYLE */

#cdlist {
	/* float: left; */
        display: block;
        margin-left: auto;
        margin-right: auto;
	width: 166px;
}
#cdlist ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#cdlist li {
	margin-top: 3px;
	margin-bottom: 30px;
	padding-bottom: -30px;

}
#cdlist h4 {
	margin-top:-12px;
	margin-bottom: -12px;
	padding: 0px;

}
#cdlist a:link, #cdlist a:visited {
	font: 12px Arial;
        font-weight: bold;
	color: #330066;
	text-decoration: none;
	display: block;
        background-image: url(http://www.wrti.org/media/E-Newsletter%20Images/redbutton_100px.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 10px 0px 30px 0px;
	margin: 0px 0px -30px 0px; 
        border-bottom: 1px dotted #999;
}

#cdlist a:hover {
	color: #990000;
	background-color: #ffffff;
}

/*ADDED BY BILL 11/30/10 */

/* ADDED BY BILL 3/2/2007 */

/***** anchor styles *****/
A:link {
color: #990000;
text-decoration: underline;
}

A:hover {
color: #666666;
font-weight: bold;
text-decoration: underline;
}

A:active {
color: #990000;
text-decoration: underline;
}

A:visited {
color: #666666;
text-decoration: underline;
}

/***** 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;
border-right: 1px solid #dadada;
border-left: 1px solid #dadada;
/** table-layout: fixed; **/
}


/**Sergio Edit 030507**/

TD.webContent {
font-weight: normal;
font-size: 12px;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
background-color: #ffffff;
padding-top: 0px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 5px;
line-height: 20px;
}

 TD.webContent1 {
background-color: #ffffff;
padding-top: 0px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

 TD.webContent2 {
background-color: #ffffff;
padding-top: 0px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

 TD.webContent3 {
background-color: #ffffff;
padding-top: 0px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

 TD.webContent4 {
background-color: #ffffff;
padding-top: 0px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

 TD.webContent5 {
background-color: #ffffff;
padding-top: 0px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

TH.webContent {
font-family: Verdana;
font-size: 12px;
text-align: left;
color: #ffffff;
background-color: #330066;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}


TH.webContent1 {
background-color: #330066;
}

TH.webContent2, TH.webContent3, TH.webContent4, TH.webContent5 {
background-color: #000000;
}



/***** the siderail bucket styles - can just override one or more of these bucket styles to change it up *****/
TABLE.webSideRail, TABLE.webSideRail1, TABLE.webSideRail2, TABLE.webSideRail3, TABLE.webSideRail4, TABLE.webSideRail5, TABLE.webSideRail6, TABLE.webSideRail7, TABLE.webSideRail8, TABLE.webSideRail9, TABLE.webSideRail10, TABLE.webSideRail11, TABLE.webSideRail12, TABLE.webSideRail13, TABLE.webSideRail14, TABLE.webSideRail15 {

background-color: #ebebeb;
/*** background-image: url(http://wrti.publicbroadcasting.net/media/background_manuscript.gif); ***/
border-style: none;
border-spacing: 0px;
border-collapse: collapse;
border-top: 1px solid #dadada;
/*** table-layout: fixed; ***/
}

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 {
background-color: #ebebeb;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

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 {
font-size: 13px;
text-align: left;
background-color: #837594;
background-repeat: no-repeat;
background-image: url(http://wrti.publicbroadcasting.net/media/WRTI%20Images/menu_images/siderail_bar_bkgd.gif);
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}


/* END ADDED BY BILL 3/2/2007 */

/*--side nav--*/



.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 190px;
border: 1px solid #000000;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(media/glossyback2bp.gif) repeat-x bottom left;
font: 12px Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 0px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(media/glossybackbp.gif);
}

p.dividerC1, p.dividerC2, p.dividerC3, p.dividerC4 {
padding: 0px;
margin: 0px;
}



/*--end side nav--*/

p.webFooter {
text-align: left;
color: white;
background-color: transparent;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
line-height: 20px;
}

TABLE.webFooter {
width: 100%;
background-color: transparent;
border-style: none;
border-spacing: 3px;
border-collapse: collapse;
}

TD.webFooter {
text-align: left;
color: white;
background-color: transparent;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
line-height: 20px;
}


.webFooter A {font-size: 12px; color:#ffffff; font-weight: normal;} 
.webFooter A:link {font-size: 12px; color: #ffffff; font-weight: normal;}
.webFooter A:visited {font-size: 12px; color: #ffffff; font-weight: normal;}
.webFooter A:active {font-size: 12px; color: #ffffff; font-weight: normal;}
.webFooter A:hover {font-size: 12px; color: #ffffff; font-weight: normal;}

TD.webFooter, TH.webOuterTableF, TD.webOuterTableF {background-color: transparent;
}

/* ADDED BY BILL 02-28-2007*/

/* TD.art-section controls the section name such as "JAZZ"*/
TD.art-section A:link {font-size: 12px; color: #330066; font-weight: bold;}
TD.art-section A:visited {font-size: 12px; color: #0000ff; font-weight: bold;}
TD.art-section A:active {font-size: 12px; color: #330066; font-weight: bold;}
TD.art-section A:hover {font-size: 12px; color: #990000; 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; line-height: 18px;} /*TEASE*/
TD.art-content A:link {font-size: 14px; color: #316f98; font-weight: bold; text-decoration: underline;} /*headline*/
TD.art-content A:visited {font-size: 14px; color: #316f98; font-weight: bold; text-decoration: underline;} /*headline visited*/
TD.art-content A:active {font-size: 14px; color: #990000; font-weight: bold; text-decoration: underline;} /*headline active*/
TD.art-content A:hover {font-size: 14px; color: #990000; font-weight: bold; text-decoration: underline;} /*headline hover*/
/*TD.art-content  { padding: 15,0 }*/ /*space between stories (H&T) [added by Ed, Nov. 18, 2009] */

.headline-region {font-size: 14px; color:#990000; font-weight: bold;}
.headline-region A {font-size: 14px; color:#990000; font-weight: bold;}
.headline-region A:link {font-size: 14px; color:#990000; font-weight: bold;}
.headline-region A:visited {font-size: 14px; color:#990000; font-weight: bold;}
.headline-region A:active {font-size: 14px; color:#990000; font-weight: bold;}
.headline-region A:hover {font-size: 14px; color:#666666; font-weight: bold;}

/*NEWS and EVENTS FEEDS: This set controls the color of all the headline links.*/
.headline-title {font-size: 12px; color:#316f98; line-height: 18px; font-weight: bold;}
.headline-title A {font-size: 14px; color:#316f98; font-weight: bold;}
.headline-title A:link {font-size: 14px; color: #316f98; font-weight: bold;}
.headline-title A:visited {font-size: 14px; color: #666666; font-weight: bold;}
.headline-title A:active {font-size: 14px; color: #316f98; font-weight: bold;}
.headline-title A:hover {font-size: 14px; color: #666666; 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; line-height: 18px; font-weight: normal;}
.headline-tease A {font-size: 12px; color:#000000; font-weight: bold;}
.headline-tease A:link {font-size: 12px; color: #990000; font-weight: bold;}
.headline-tease A:visited {font-size: 12px; color: #666666; font-weight: bold;}
.headline-tease A:active {font-size: 12px; color: #990000; font-weight: bold;}
.headline-tease A:hover {font-size: 12px; color: #666666; font-weight: bold;}

/*NEWS-AND-VIEWS & CRITIC-AT-LARGE FEEDS: controls layout for callout box and 'Recent Reports' using RSS Wizard nocode [added by Ed, Nov. 18, 2009] */
.rss-container {width: px;border: 0px solid #000;padding: 0px;}

.rss-container BR {height: 0px;display:none;margin:0px;padding:0px;}

.rssheadline {font-size: 12px; color:#333333; font-weight: bold;}

A.rssHeadline A:link {font-size: 12px; color:#333333; font-weight: bold;}

A.rssHeadline A:visited {font-size: 12px; color:#333333; font-weight: bold;}

A.rssHeadline A:active {font-size: 12px; color:#333333; font-weight: bold;}

.rssTease {font-size: 12px;display:block;padding: 5px 0px 5px 0px;color:#333333; }
.mediaRssThumbnail {
       float: right;
       margin: 0px 0px 10px 10px;
}
}

/*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: transparent; color: #000000; font-size: 12px;}
.gncProgramName {padding: 3px 3px 3px 2px; color: #330066; font-size: 11px; font-weight: bold;}
.gncProgramName A {padding: 3px 3px 3px 2px; color: #330066; font-size: 11px; font-weight: bold;}
.gncProgramName A:link {padding: 3px 3px 3px 2px; color: #330066; font-size: 11px; font-weight: bold;}
.gncProgramName A:visited {padding: 3px 3px 3px 2px; color: #330066; font-size: 11px; font-weight: bold;}
.gncProgramName A:active {padding: 3px 3px 3px 2px; color: #330066; font-size: 11px; font-weight: bold;}
.gncProgramName A:hover {padding: 3px 3px 3px 2px; color: #330066; font-size: 11px; font-weight: bold;}
.gncProgramTime {padding: 3px 3px 3px 3px; color: #330066; font-size: 11px;}
.gncProgramDesc {background-color: #999999; padding: 3px 3px 3px 3px; color: #000000; font-size: 10px;}
.gncHostName {padding: 3px 3px 3px 3px; color: #330066; font-size: 11px;}
.gncTitle {padding: 3px 3px 3px 3px; color: #330066; font-size: 12px; font-weight: bold;}

#gncCustomFontDiv {padding: 7px 2px 7px 0px; text-align: left; color: #330066; font-size: 11px; font-weight: bold; vertical-align: middle;}
#gncCustomFontDiv a {font-weight: normal; color: #330066;}
#gncCustomFontDiv a:hover {font-weight: normal; color: #330066;}
#gncCustomFontDiv a:link{font-weight: normal; color: #330066;}
#gncCustomFontDiv a:active{font-weight: normal; color: #330066;}
#gncCustomFontDiv a:visited{font-weight: normal; color: #330066;}

#gncCustomSelectDiv {color: #330066; font-size: 10px;}

#redbold {padding: 0px 0px 0px 0px; font-size: 14px; font-weight: bold; color: #990000; }
#redbold a {font-size: 14px; font-weight: bold; color: #990000;}
#redbold a:hover{font-size: 14px; font-weight: bold; color: #990000;}
#redbold a:link{font-size: 14px; font-weight: bold; color: #990000;}
#redbold a:active{font-size: 14px; font-weight: bold; color: #990000;}
#redbold a:visited{font-size: 14px; font-weight: bold; color: #990000;}


A.gncViewPlaylist, A.gncSearchPlaylist {
color:#330066;
font-size:10px;
display:block; 
display:inline-block; /* For IE */
height:18px;
line-height:1.7em;
overflow:hidden;
}

A.gncViewPlaylist:hover, A.gncSearchPlaylist:hover { font-weight:normal; color:#330066;}
A.gncViewPlaylist:link, A.gncSearchPlaylist:link{ font-weight:normal; color:#330066;}
A.gncViewPlaylist:active, A.gncSearchPlaylist:active{ font-weight:normal; color:#330066;}
A.gncViewPlaylist:visited, A.gncSearchPlaylist:visited{ font-weight:normal; color:#330066;}


A.gncViewPlaylist {
/* background:url(http://www.wrti.org/media/WRTI%20Images/NowPlaying/view_icon_txt.gif) left no-repeat; */

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;
}

.gncSong {
  border-bottom:1px solid #c6c6c6;
  border-top:1px solid #c6c6c6;
  color:#666666;
  font-size:12px;
  font-weight:normal;
  margin-bottom:1px;
  padding:3px;
  width:100%;
} 

.gncSongTitle {
  FONT-WEIGHT:bold;
  color:#330066;
  font-size:11px;
  padding-bottom:3px;
} 
.gncSongArtist {
  color:#330066;
  font-size:11px;
  width:58%;
} 

.gncSongTime {
  TEXT-ALIGN:right;
  PADDING:4;
  COLOR:#330066;
  FONT-SIZE:10px;
} 



.s0 {
  background-color:#f2f0e3;
} 

.s1 {
  background-color:#f3f3f3;
} 

.s2 {
  background-color:#f2f0e3;

} 


.HD1programguide {
font-size: 12px;
color: #000000;
text-decoration: none;
font-weight: bold;
background-color:#ffffff;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #636363;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 3px;
padding-right: 3px;
width: 165px
}
.HD1programguide A {font-size: 12px; color:#000000; text-decoration: none;}
.HD1programguide A:link {font-size: 12px; color: #000000; text-decoration: none;}
.HD1programguide A:visited {font-size: 12px; color: #000000; text-decoration: none;}
.HD1programguide A:active {font-size: 12px; color: #000000; text-decoration: none;}
.HD1programguide A:hover {font-size: 12px; color: #000000; text-decoration: none;}


.HD1search {
background-color:#ffffff;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #000000;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 5px;
padding-right: 15px;
}

/* Insert icons into the listen, playlist and buy-now links [02/04/2011] (Ed)] */

A.gncViewPlaylist, A.gncSearchPlaylist {
  color:#242424;
  font-size:10px;
  display:block;
  display:inline-block; /* For IE */
  height:18px;
  line-height:1.7em;
  overflow:hidden;
} 
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;
  COLOR:#999;
  FONT-SIZE:9px;
  display:block;
  background:url(http://www.publicbroadcasting.net/national/guide/images/icnListen.gif) left no-repeat;
}


/* Insert icons -- [END] */

/* END ADDED BY BILL 02-28-2007*/


/* RSS CSS */

TABLE.rssHeadlines {
   color: #316f98;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 14px;
   margin-top: 20px;
}

.rssHeaderCell { }

.rssHeadlines A {
   font-size: 14px;
   font-weight: bold;
   color: #316f98;
}

.rssHeadlines A:link {
   font-size: 14px;
   font-weight: bold;
   color: #316f98;
}

.rssHeadlines A:visited {
   font-size: 14px;
   font-weight: bold;
   color: #990000;
}

.rssHeadlines A:hover {
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
   color: #990000;
}

.rssHeadlines A:active {
   font-size: 14px;
   font-weight: bold;
   color: #316f98;
}

.rssTitle {
   font-weight: bold;
   font-size: 14px;
   line-height: 20px;
   margin-top: 8px;
}

.rssDate {
   font-size: 12px;
}

.rssDescription {
line-height: 20px;
padding-bottom: 20px;
margin-bottom: 20px;
}

.rssCopyright {
   font-size: 10px;
}

.rssSection {
line-height: 16px;
margin-bottom: 20px;
}

.rssHeadlineCell { }

.rssHeadline {
margin-top: 5px;
 }

.rssAuthor { }

.rssDate { }

.rssTease {
line-height: 18px;
margin-bottom: 5px;
}
/* NPR modules */
.nprMod
	{
		font-size: 12px;
		font-family: arial, verdana, sans-serif;
	}
	
	.nprModCatTitle
	{
		display: none;
	}
	
	.nprModHead
	{	
		font-weight: bold;
	}
	
	.nprModDate, .nprModPipe, .nprModName
	{
		color: #666;
		background-color: transparent;	
	}
	.nprModText
        {
                line-height:19px;
        }
	.nprMod a
	{
		color: #990000;
		background-color: transparent;	
	}
/* END NPR MODULES */

/* Div class for beethoven contest */

#contest {
}
#contest ul {
	list-style-type: upper-alpha;
}
#contest ol {
	list-style-type: upper-alpha;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
#contest li {
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 0px;
}
#contest i {
        background-color:yellow;
        border: 1px solid black;
        padding: 1px 2px;
}

/* Div class for fund drive links */

#pledge a {
        font-weight: bold;
        color: #990000;
}
#pledge a:link {
        font-weight: bold;
        color: #990000;
}
#pledge a:visited {
        font-weight: bold;
        color: #990000;
}
#pledge a:hover {
        font-weight: bold;
        color: #990000;
}

#pledge a:active {
        font-weight: bold;
        color: #990000;
}


/*--DIV TAG COUNTER STYLE--*/
/*--  #counter td{background-color:#eee; border-top: solid 3px #CCC; border-bottom: solid 3px #CCC;padding:7px;}*/  
/*#counter {background:#fff; border-top: solid 5px #990000;border-bottom: solid 3px #CCC;}*/
#counter h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	/*font-weight: bold;*/
	/*text-transform: uppercase;*/
        text-align: center;
	color: #000;
	margin-bottom:13px;
        margin-top:13px;
	padding:0px;
}
#counter p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
        font-weight: bold;
        /*text-align: right;*/
	/*line-height:19px;*/
	color: #000;	
	margin:0px;
        /*margin-left:15px;*/
        margin-right:0px;
        margin-bottom:2px;
	padding:0px;
}
#counter a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
        font-weight: bold;
        text-align: left;
	/*line-height:19px;*/
	color: #000;	
	margin:0px;
        margin-left:0px;
        margin-right:15px;
        margin-bottom:7px;
        padding-bottom:7px;
	padding-right:15px;
}


/* SPRY DROPDOWN MENU */


/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	cursor: default;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;

}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	width: 120px;
	float: left;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;

}
ul.MenuBarHorizontal li.current
{
	background-color: #33C;
	color:#FFF;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 14em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 17em;
	text-align: left;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #EEE;
	padding: 0.5em 0.75em;
	color: #333;
	text-decoration: none;
	font-size:12px !important;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #33C;
	color: #FFF;
	font-weight:normal;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #33C;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

OL {
margin-left: 12px;
}
