body.webMain {
        text-align: center;
        background-color: #666667;
}

TABLE.webOuterTable {
        width: 860;
        margin-left: auto;
        margin-right: auto;

}

td.webOuterTableH {
margin:0px;
padding:0px;
}


td.webHeader {
margin:0px;
padding:0px;
}

td.webSideRail1, td.webSideRail2, td.webSideRail3, td.webSideRail4{
padding-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom: 0px;
width:191px;
background-color:#CCC;
}

td.webSideRail5, td.webSideRail6, td.webSideRail7, td.webSideRail8{
padding-left:0px;
padding-top:0px;
padding-right:6px;
background-color:#FFFFFF;
width:187px;
}

td.webSideRail2 {
padding-left:0px;
padding-top:0px;
padding-right:0px;
background-color:#CCC;
}

td.webOuterTableC1{
padding-top:0px;
padding-left:6px;
background-color:#CCC;

}

table.webOuterTableC1{
padding-top:0px;
padding-left:6px;
background-color:#CCC;
width:191px;
}


td.webOuterTableC2{
margin:0px;
padding:0px;
background-color:#FFF;
}

td.webOuterTableC3{
margin:0px;
padding:0px;
background-color:#FFF;
}

/** content rail 1 width **/
TD.webOuterTableC1 {
	width: 191px;
background-color:#FFF;
}


/** content rail 3 width **/
TD.webOuterTableC3 {
	width: 187px;
}

TD.webContent{
padding-top:0px;
background-color:#FFF;
}

/*WEATHER: */

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

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

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

/* END WEATHER*/



/*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; padding-left:10px; padding-right:10px; padding-bottom:1px;}
.headline-region A {font-size: 11px; color:#000000;}
.headline-region A:link {font-size: 11px; color:#000000; font-weight: bold;}
.headline-region A:visited {font-size: 11px; color:#000000; font-weight: bold;}
.headline-region A:active {font-size: 11px; color:#000000; font-weight: bold;}
.headline-region A:hover {font-size: 11px; color:#000000; font-weight: bold;}

/*NEWS and EVENTS FEEDS: This set controls the color of all the headline links.*/
.headline-title {font-size: 11px; color:#000000; padding-left:10px; padding-right:10px; padding-bottom:0px;}
.headline-title A {font-size: 11px; color:#000000; font-weight: normal;}
.headline-title A:link {font-size: 11px; color:#000000; font-weight: normal;}
.headline-title A:visited {font-size: 11px; color:#000000; font-weight: normal;}
.headline-title A:active {font-size: 11px; color:#000000; font-weight: normal;}
.headline-title A:hover {font-size: 11px; color:#000000; font-weight: normal;}


/*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; padding-left:5px; padding-right:5px; padding-bottom:0px;}
.headline-tease A {font-size: 11px; color:#000000; font-weight: normal;}
.headline-tease A:link {font-size: 11px; color:#000000; font-weight: normal;}
.headline-tease A:visited {font-size: 11px; color:#000000; font-weight: normal;}
.headline-tease A:active {font-size: 11px; color:#000000; font-weight: normal;}
.headline-tease A:hover {font-size: 11px; color:#000000; font-weight: normal;}

/* motoole - siderail fix for safari/ff on the mac */
TABLE.webSideRail1, TABLE.webSideRail2 {width: auto;}


FORM {margin:0px; padding:0px;}

TABLE.webFooter {
background-color: #666666;
width: 100%;
border-style: none;
border-spacing: 0px;
border-collapse: collapse;
}

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

td.webFooter {
margin:0px;
padding:0px;
}

td.webOuterTableF {
background-color: #CCCCCC;
}

td.webOuterTableF {
margin:0px;
padding: 0px 0px 0px 0px;
/*padding-top:0px;
padding-left:8px;
padding-right:8px;
padding-bottom:2px;*/
}



/*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: color: #CCCCCC; font-size: 10px; border-spacing: 0px;}
.gncProgramName {background-color: #CCCCCC; padding: 0px 0px 0px 0px; color: #000000; font-size: 12px; font-weight: bold;}
.gncProgramTime {background-color: #CCCCCC; padding: 0px 0px 0px 0px; color: #000000; font-size: 10px;}
.gncProgramDesc {background-color: #CCCCCC; padding: 0px 0px 0px 0px; color: #000000; font-size: 11px; font-weight: bold;}
.gncHostName {background-color: #CCCCCC; padding: 0px 0px 0px 0px; color: #000000; font-size: 10px;}
A.gncListenNow {padding: 1px 1px 1px 1px; color: #000000; font-size: 9px;}
.gncTitle {padding: 0px 0px 0px 0px; color: #000000; font-size: 10px;}





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

A:hover {
color: #0033CC;
text-decoration: underline;
}

A:active {
color: #0033CC;
text-decoration: underline;
}

A:visited {
color: #0033CC;
text-decoration: underline;
}

UL, OL, TABLE, TH, TD, DD, BLOCKQUOTE, DIV, SPAN, P, BR {
font-family: Arial;
color: #000000;
}

/* styles to fix the contact page display problems */
TABLE.webHeader, 
TABLE.webContent
 {width: 775px;}

TABLE.webHeader,
TABLE.webContent {
width: 759px;
margin-left: auto;
margin-right: auto;
}

TD.webHeader,
TD.webFooter,
TD.webContent {padding: 0px;}

TD.webOuterTableC1 TABLE.webContent, 
TD.webOuterTableC2 TABLE.webContent, 
TD.webOuterTableC3 TABLE.webContent, 
TD.webOuterTableC4 TABLE.webContent {
	width: auto;
}

TD.webOuterTableC1 TD.webContent, 
TD.webOuterTableC2 TD.webContent, 
TD.webOuterTableC3 TD.webContent, 
TD.webOuterTableC2 TD.webContent {
	padding-left:0;
	padding-right:0;
}

.styleheadline {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}


P.dividerBlank {margin: 0px;}
P.dividerBlank TABLE.webFooter {width: 775px;margin: 0px auto;}

TABLE, TABLE TR, TABLE TR TD {border-collapse: collapse;}

.stylebodytext2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.stylecaption {font-family: Arial, Helvetica, sans-serif; font-size: 9px;}

/** the text pages nav styles **/
TABLE.textpageNav {
width: 860px;
background-color: #ffffff;
border-style: none;
border-spacing: 0px;
border-collapse: collapse;
}
TD.textpageNav {
width: 100%;
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 15px;
padding-left: 25px;
padding-right: 30px;
}
TD.textpage2Nav {
width: 15%;
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}

/** the commentator pages nav styles **/
TABLE.commentatorNav {
width: 860px;
border-style: none;
border-spacing: 0px;
border-collapse: collapse;
}
TD.commentatorNav {
width: 100%;
background-color: #cccccc;
padding-top: 5px;
padding-bottom: 15px;
padding-left: 12px;
padding-right: 30px;
}
TD.commentator2Nav {
width: 85%;
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 15px;
padding-left: 12px;
padding-right: 30px;
}
TD.commentator3Nav {
width: 15%;
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}
TD.underwriterNav {
width: 85%;
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 25px;
padding-right: 30px;
font-size: 12px;
}


TD.webOuterTableH {background-color: #666667;}

TD.webOuterTableC4, TD.webSideRail9 {background-color: #666667;}

TABLE.webHeader[class] {margin-right: auto;margin-left: auto;}

TD.webOuterTableH table.webHeader[class] {margin-left: 0px;margin-right:0px;}



/* begin styles for RSS Feed 

     This is the most basic style to use for a list with no bullets */



.rss_box {

	 width: 300px;

	 background-color: #ffffff;

}



.rss_title, rss_title a {

	margin: 0px 0;

	padding: 0;

}


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;
   color: #2b251f;
}

.rssHeadlines A:link {
   font-size: 12px;
   font-weight: bold;
   color: #2b251f;
}

.rssHeadlines A:visited {
   font-size: 12px;
   font-weight: bold;
   color: #2b251f;
}

.rssHeadlines A:hover {
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   color: #70665b;
}

.rssHeadlines A:active {
   font-size: 12px;
   font-weight: bold;
   color: #2b251f;
}

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

.rssDate {
   font-size: 10px;
}

.rssDescription { }

.rssCopyright {
   font-size: 10px;
}

.rssSection { }

.rssHeadlineCell {
   padding: 5px;
}

.rssHeadline { }

.rssAuthor { }

.rssDate { }

.rssTease { }

.styleelectionheadline {font-family: Georgia, sans-serif; font-size: 38px;}

.styleelectionsubheadline {font-family: verdana, sans-serif; font-size: 14px;}

.styleelectionsubheadline2 {font-family: verdana, sans-serif; font-size: 14px;}

.styleelectionsubheadline3 {font-family: Georgia, sans-serif; font-size: 28px; }

.styleelectionbodytext {font-family: verdana, sans-serif; font-size: 12px;}

.styleelectioncaption {font-family: verdana, sans-serif; font-size: 9px;}

.styleelectionstoryheadline {font-family: Georgia, sans-serif; font-size: 24px; font-style: italic;}

.styleelectionbodytext2 {font-family: verdana, sans-serif; font-size: 10px;}

.stylesiderailtext {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}

Table.rssHeadlines img {float:left;position:relative; margin:2px;}

.stylenewdesign {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

/** left siderail 1 width **/
TD.webOuterTableC1 {
        width: 22%;
        padding-left: 5px;
	padding-right: 5px;
        background-color:#FFF;
}

/** left siderail border **/
TD.webSideRail1 {
        border:1px solid #000000;
}

/** center content width **/
TD.webOuterTableC2 {
        width: 61%;
        padding-left: 0px;
	padding-right: 0px;
}


/** center content border **/
TD.webContent {
        border:1px solid #000;
}

/** right siderail width **/
TD.webOuterTableC3 {
        width: 13%;
        border-width: none;
        border-style: none;
        padding-left: 5px;
	padding-right: 5px;
}

/** right siderail border **/
TD.webSideRail5 {
        border:1px solid #000000;
}


.stylenewspaperheadline {font-family: Georgia, sans-serif; font-size: 28px;}

/** the food feed nav styles **/
TABLE.food_feed {
width: 350px;
background-color: #666666;
border-style: none;
border-spacing: 0px;
border-collapse: collapse;
}
TD.food_feed {
width: 350px;
background-color: #666666;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
p.sechead {
font-size: 12px;
letter-spacing: 1px;
color: white;
background: #001b36;
font-family: georgia;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
padding: 10px;
margin-top: 0px;
margin-bottom: 0px;
}
p.sechead a:link {color: white; text-decoration: none;}
p.sechead a:visited {color: white; text-decoration: none;}
p.sechead a:active {color: white; text-decoration: none;}
p.sechead a:hover {color: white; text-decoration: none;}

p.artshead{
font-size: 20px;
color: black;
font-family: arial;
font-weight: bold;
text-decoration: underline;
text-transform: none;
padding: none;
margin-top: 0px;
margin-bottom: 0px;
}
p.artshead a:link {color: black; text-decoration: none;}
p.artshead a:visited {color: black; text-decoration: none;}
p.artshead a:active {color: black; text-decoration: none;}
p.artshead a:hover {color: #70665b; text-decoration: none;}


p.pagehead {
font-size: 30px;
color: #000000;
font-family: georgia;
font-weight: normal;
text-decoration: none;
text-transform: lowercase;
margin-bottom: 0px;

}

p.pagehead2 {
font-size: 24px;
color: #000000;
font-family: georgia;
font-weight: bold;
text-decoration: none;
text-transform: none;
margin-bottom: 0px;

}

p.georgiasmall {
font-size: 12px;
color: #000000;
font-family: georgia;
font-weight: bold;
text-decoration: none;
text-transform: none;
margin-bottom: 0px;
}

p.georgiasmall a:link {color: black; text-decoration: none;}
p.georgiasmall a:visited {color: black; text-decoration: none;}
p.georgiasmall a:active {color: black; text-decoration: none;}
p.georgiasmall a:hover {color: #70665b; text-decoration: none;}

p.subhed {
font-size: 18px;
color: #000000;
font-family: georgia;
font-weight: bold;
text-decoration: none;
text-transform: none;
margin-bottom: 0px;
}

p.subhed a:link {color: black; text-decoration: none;}
p.subhed a:visited {color: black; text-decoration: none;}
p.subhed a:active {color: black; text-decoration: none;}
p.subhed a:hover {color: #70665b; text-decoration: none;}


p.videotext {
font-size: 12px;
color: #333333;
font-family: georgia;
font-weight: bold;
text-decoration: none;
padding: none;
}
p.videotext a:link {color: #333333; text-decoration: none;}
p.videotext a:visited {color: #333333; text-decoration: none;}
p.videotext a:active {color: #333333; text-decoration: none;}
p.videotext a:hover {color: #70665b; text-decoration: none;}

p.supporttext {
font-size: 12px;
color: #000000;
font-family: verdana;
font-weight: normal;
text-decoration: none;
padding: none;
}
p.supporttext a:link {color: #333333; text-decoration: none;}
p.supporttext a:visited {color: #333333; text-decoration: none;}
p.supporttext a:active {color: #333333; text-decoration: none;}
p.supporttext a:hover {color: #70665b; text-decoration: none;}

p.bigsupporttext {
font-size: 18px;
color: #000000;
font-family: georgia;
font-weight: bold;
text-decoration: none;
padding: none;
}
p.bigsupporttext a:link {color: #333333; text-decoration: none;}
p.bigsupporttext a:visited {color: #333333; text-decoration: none;}
p.bigsupporttext a:active {color: #333333; text-decoration: none;}
p.bigsupporttext a:hover {color: #70665b; text-decoration: none;}


p.grayhead{
font-size: 12px;
color: #333333;
font-family: georgia;
font-weight: bold;
text-decoration: none;
padding: none;
margin-bottom: -5px;
margin-top: 5px;
}
p.grayhead a:link {color: #333333; text-decoration: none;}
p.grayhead a:visited {color: #333333; text-decoration: none;}
p.grayhead a:active {color: #333333; text-decoration: none;}
p.grayhead a:hover {color: #70665b; text-decoration: none;}


hr.hr5
{
color: #999999;
height: 5px;
border: 0;
background-color: #999999;
}

/*Lightbox CSS */
#lightbox {
	background-color:transparent;
	position:absolute;
	left:0;
	width:100%;
	z-index:999;
	text-align:center;
	line-height:0;
	opacity:1;
}

#lightbox img {
	width:auto;
	height:auto;
}

#lightbox a img {border:none;}

#outerImageContainer {
	position:relative;
	background-color:#fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {padding: 10px;}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {left: 0;}

#hoverNav a {outline: none;}

#prevLink, 
#nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */ 
	display: block;
}

#prevLink {
	left: 0;
	float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink:hover, 
#prevLink:visited:hover {background: url(http://www.publicbroadcasting.net/images/lightbox2.04/prevlabel.gif) left 15% no-repeat;}

#nextLink:hover, 
#nextLink:visited:hover {background: url(http://www.publicbroadcasting.net/images/lightbox2.04/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	;
}

#imageData {
	padding:0 10px;
	color: #666;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}	

#imageData #caption {font-weight: bold;}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}			

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;}	 	

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	width: 100%;
	height: 500px;
	background-color: #000;
}
/* End of Lighbox CSS */