/***** default body/etc styles *****/
BODY, BODY.webMain {
background:url(/media/bodyBg.jpg) top repeat-x #FFF;
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #000000;
margin:0;
text-align:center !important;
}

/***** default anchor styles *****/
A:link {
text-decoration: none;
}
A:hover {
text-decoration: underline;
color:#669966;
}
A:visited {
text-decoration: none;
}

#fl {
margin-left: 20px;
line-height: 130%;
}
#flM {
margin-left: 0px;
line-height: 220%;
}
#fr {
margin-left: 2px;
line-height: 200%;
}

#fl2 {
margin-left: 20px;
line-height: 180%;
}
#fl3 {
margin-left: 20px;
line-height: 250%;
}
#flM2 {
margin-left: 0px;
line-height: 280%;
}

Table.Promo1 {
text-align: left;
border: 0px;
}
TD.Promo1 {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

Table.Und1 {
width: 763px;
text-align: left;
border: 0px;
}
TD.Und1 {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-bottom: 1px solid;
vAlign=top;
}
Table.Und2 {
width: 548px;
text-align: left;
border: 0px;
}

Table, TD, TH {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
}
Table.asp {
width: 548px;
text-align: left;
}

TD.asp {
border-bottom: 1px solid;
border-top: 1px solid;
border-right: 1px solid;
border-left: 1px solid;
}

img.Promo1 {
border: none;
align: left;
vspace: 5px;
hspace: 10px;
}
img.epi{
border: none;
align: right;
}
#hdB { 
font-size: 18px;
font-weight: bold;
font-family: Verdana;
}
#hdB2 { 
font-size: 20px;
font-weight: bold;
font-family: Verdana;
}
#hdB25 { 
font-size: 25px;
font-weight: bold;
font-family: Verdana;
}
#hdB3 { 
font-size: 15px;
font-weight: bold;
font-family: Verdana;
}

#undH { 
font-size: 14px;
font-family: Verdana;
font-weight: bold;
}
#undI { 
font-size: 13px;
font-family: Verdana;
font-style: italic;
}
#undT { 
font-size: 12px;
font-family: Verdana;
}

#txtE { 
font-size: 16px;
font-family: Verdana;
font-weight: bold;
}

#txtEE { 
font-size: 15px;
font-family: Verdana;
font-weight: bold;
}

#txtI { 
font-size: 12px;
font-style: italic;
font-family: Verdana;
}
#txtII { 
font-size: 10px;
font-style: italic;
font-family: Verdana;
}

#txtR { 
font-size: 12px;
font-family: Verdana;
}
#txtS { 
font-size: 10px;
font-family: Verdana;
font-weight: bold;
}
#txtISB { 
font-size: 12px;
font-style: italic;
font-family: Verdana;
font-weight: bold;
}

#ghp LI {
list-style-type: disc;
margin-left: 10;
margin-top: 0;
padding: 0;
}

#mem LI {
list-style-type: disc;
margin-left: 10;
margin-top: 5;
padding: 0;
font-size: 14px;
font-family: Verdana;
}
#mem2 LI {
list-style-type: disc;
margin-left: 0;
margin-top: 5;
padding: 0;
font-size: 14px;
font-family: Verdana;
}

#wsot LI {
list-style-type: disc;
margin-left: 0;
margin-top: 0;
padding: 0;
font-size: 14px;
font-family: Verdana;
}

TD.wsot {
font-size: 14px;
font-family: Verdana;
line-height: 180%;
}

#fund LI {
font-size: 14px;
font-family: Verdana;
}

#ann1 LI {
list-style-type: disc;
margin-left: 10;
margin-top: 5;
padding: 0;
font-size: 12px;
font-family: Verdana;
}

#ann2 LI {
list-style-type: circle;
margin-left: 25;
margin-top: 5;
padding: 0;
font-size: 12px;
font-family: Verdana;
}

/***** RSS feeds *******/
.rssHeadline {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
}
.rssDate {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   font-style: italic;
}
.rssTease {
   font-family: Verdana, Arial, sans-serif;
   font-size: 14px;
}
.rssHeadlineCell {
   padding-bottom: 5px;
}
/***** NPR feeds *******/
.nprModCatTitle {
   display: none;
}
.nprModText { }
   
/***** the outer table/template skeleton *****/
TABLE.webOuterTable {
width: 978px !important;
margin:0 auto;
border-collapse: separate;
border:1px solid #CCC;
}

TD.webOuterTable, TD.webOuterTableF, TD.webOuterTableH, TD.webOuterTableC1, TD.webOuterTableC2, TD.webOuterTableC3, TD.webOuterTableC4, TD.webOuterTableC5, TD.webOuterTableC6, TD.webOuterTableC7, TD.webOuterTableC8, TD.webOuterTableC9, TD.webOuterTableC10 {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

/***** the header styles *****/
TABLE.webHeader {
text-align:left;
}

TD.webHeader {
background:url(/media/headerSectionBg.jpg) repeat-x scroll center top;
height:170px;
margin:0 auto;
position:relative;
text-align:right;
width:100%;
}

TD.webHeaderNav {
text-align:center;
}


/***** 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 {
padding-bottom: 1px;
padding-top: 1px;
}

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: 1px;
padding-bottom: 1px;
}

TD.webSideRail UL, TD.webSideRail1 UL, TD.webSideRail2 UL, TD.webSideRail3 UL, TD.webSideRail4 UL, TD.webSideRail5 UL, TD.webSideRail6 UL, TD.webSideRail7 UL, TD.webSideRail8 UL, TD.webSideRail9 UL, TD.webSideRail10 UL, TD.webSideRail11 UL, TD.webSideRail12 UL, TD.webSideRail13 UL, TD.webSideRail14 UL, TD.webSideRail15 UL {
list-style-type: none;
padding: 0;
margin: 0;
margin-left: 8px;
}

TD.webSideRail LI, TD.webSideRail1 LI, TD.webSideRail2 LI, TD.webSideRail3 LI, TD.webSideRail4 LI, TD.webSideRail5 LI, TD.webSideRail6 LI, TD.webSideRail7 LI, TD.webSideRail8 LI, TD.webSideRail9 LI, TD.webSideRail10 LI, TD.webSideRail11 LI, TD.webSideRail12 LI, TD.webSideRail13 LI, TD.webSideRail14 LI, TD.webSideRail15 LI {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 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 {
background-color:#006cb3;
}

/*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 {background-color: rgb(221, 221, 221); color: #000000; font-size: 12px; margin-left: 20px;}
.gncProgramName {padding: 2px 2px 2px 2px; color: #000000; font-size: 12px; font-weight: bold; }
.gncProgramTime {padding: 2px 2px 2px 2px; color: #000000; font-size: 12px; }
.gncProgramDesc {background-color: rgb(221, 221, 221); padding: 2px 2px 2px 2px; color: #000000; font-size: 12px; }
.gncHostName {padding: 2px 2px 2px 2px; color: #000000; font-size: 12px; }
A.gncListenNow {padding: 2px 2px 2px 2px; color: rgb(0, 102, 0); font-size: 12px; font-weight: bold; text-decoration: none;}
.gncTitle {padding: 2px 2px 2px 2px; color: #000000; font-size: 12px; }
.gncSongTitle {padding: 2px 2px 2px 2px; color: #000000; font-size: 10px; font-weight: bold;}
.gncSongArtist {padding: 2px 2px 2px 2px; color: #000000; font-size: 10px; }
.gncSongTime {padding: 2px 2px 2px 2px; color: #000000; font-size: 10px; }

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

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;
} 



img {border:none;}



#contentWrapper { border:5px solid #FFF; position:relative; }


#headerArea { background:url(/media/headerSectionBg.jpg) top repeat-x; height:170px; margin:0; overflow:hidden; text-align:right; width:100%; }

#headerArea br { margin:0; padding:0; }



/***** DROPDOWN MENU *****/
#navWrapper { 	background-color:#336633; height:30px; padding:5px; position:relative; text-align:center; }

#nav {
	font-size: 10px;
	text-align: center;
	list-style: none; 
	padding: 0px;
	margin: .6em 0 0 0;
	z-index: 999;
	background-color:#336633;
	color:#fff;
	position:relative;
}

#nav UL {
	margin: 0px;
	padding: 0px;
	float: left;
}

#nav LI {
	float: left;
	list-style-type: none;
}

#nav LI:hover, #nav LI.sfhover {background: #669966;}

#nav A {
	display: block;
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 2px 19px 3px 19px;
	margin: 0px;
	text-decoration: none;
	border-bottom-width: 0px;
}

#nav A, #nav A span {color: #FFF;}

#nav A:hover {color: #FFF;}

#nav UL LI UL {
	padding: 0px;
	font-size: 10px;
	position: absolute;
	width: 141px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-weight: normal;
	background-color: #669966;
	z-index: 999;
}

#nav UL LI UL A {
	padding: 3px 12px;
	margin: 0px;
	font-size: 1.0em;
	text-transform: none;
}

#nav UL LI UL LI {
	text-align: left;
	width: 100%;
	background-color: #	height: 18px;;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 0px 0px 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;}

#nav LI:hover UL LI A:hover, #nav LI.sfhover UL LI A:hover {
	background-color: #99cccc;
	color: #000;
}

* 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 #fff;
}