body, body.webMain { 
	background:url(/media/bodyBg.jpg) top center no-repeat #000 !important;
	margin:0 auto;
	padding:0;
        text-align:center;
}

table.webOuterTable { background:url(/media/contentBg.gif) repeat-y; margin:0 auto !important; padding:0 10px !important; width:897px; }

table.webOuterTable tbody { margin:0; padding:0; }

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 {
background: none;
padding:0;
text-align:center !important;
}

TD.webOuterTableC1, TD.webOuterTableC2, TD.webOuterTableC3, TD.webOuterTableC4, TD.webOuterTableC5, TD.webOuterTableC6, TD.webOuterTableC7, TD.webOuterTableC8, TD.webOuterTableC9, TD.webOuterTableC10 {
padding-top:10px;
}

TD.webOuterTableF { margin:0; padding:0; }

TD.webOuterTableC1 { padding-left:8px !important; padding-right:2px; }

TD.webOuterTableC3 { padding-right:8px !important; padding-left:2px; }


/***** the header styles *****/

TD.webHeader { background:none; padding:0; }



/***** NEW ADDITION *****/

div#logoarea { background:url(/media/logoareaBg.jpg) top center no-repeat; height:56px; }

div#logoarea a { display:block; height:56px; width:100%; }

div#logoarea a span { display:none; }

div#modulelinks { background:url(/media/modulelinksBg.jpg) top center no-repeat; height:64px; }

#modulelinks p.updatedDate { display:block; padding:25px 19px 0 0; margin:0; float:right; }

table.webFooter {
	background:url(/media/footerBg.jpg) top center no-repeat #000;
	color:#fff;
	height:136px;
        margin:0 auto !important;
        overflow:hidden;
        padding:0;
	position:relative;
	text-align:center;
	width:887px;
}

table.webFooter a { color:#9a9ff7; font-weight:bold; text-decoration:none; } 

table.webFooter a:hover { text-decoration:underline; } 

table.webFooter a:visited { color:#9a9ff7; font-weight:bold; text-decoration:none; } 

table.webFooter a.uwLink { color:#ffcc00; }

table.webFooter hr { border:1px solid #333; color:#333; height:1px; width:90%; }

TD.webFooter { background:none !important; }

TD.webFooter p { color:#fff; }



/***** DROPDOWN MENU *****/

#navwrapper {
	background:url(/media/navBg.jpg) top left no-repeat;
	margin: 0 auto; 
	padding: 0 0 0 63px;
	height:32px;
	position:relative;
	width:100%;
}

#nav {
	width: 100%;
	list-style: none; 
	padding-top:0.5em;
	margin: 0;
	z-index: 999;
	margin-left: 2px;
}

/*#nav UL#nav {margin-top: 50px;}*/

#nav UL {
	margin: 0 auto;
	padding: 0;
	width:100%;
}

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

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

#nav A {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	padding: 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: 0;
	margin:0;
	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: #666699;
	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:none;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	padding: 0px 0px 1px;
	left: -1px;
}

#nav UL LI UL LI:first-child {border-top: 1px solid #000;}

#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: #9999ff;
	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 #000;
}


img{border:none;}




/*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: url(http://www.publicbroadcasting.net/national/guide/images/gncBg.png) #fff top repeat-x;
border:1px solid #bdbcbd;
COLOR: #4444AA;
FONT-FAMILY: Verdana, sans-serif;
FONT-SIZE: 10px;
padding:5px;
width:150px;
}

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

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;
color:#666666;
font-size:12px;
font-weight:normal;
margin-bottom:-1px;
padding:3px;
width:100%;
}

.s0 {
background-color:#F0F0F0;
}

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

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

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

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

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

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

.gncHostName {
PADDING-BOTTOM: 5px;
COLOR: #666;
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;
  COLOR:#999;
  FONT-SIZE:12px;
  FONT-WEIGHT:bold;
  display:block;
 background:url(http://www.publicbroadcasting.net/national/guide/images/icnListen.gif) left no-repeat;
} 

/*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; color:#000000; font-weight: bold;}
.headline-region A:link {font-size: 12px; color: rgb(51, 51, 102); font-weight: bold;}
.headline-region A:visited {font-size: 12px; color: rgb(51, 51, 102); font-weight: bold;}
.headline-region A:active {font-size: 12px; color: rgb(51, 51, 102); font-weight: bold;}
.headline-region A:hover {font-size: 12px; color: rgb(51, 51, 102); 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; color:#000000; font-weight: bold;}
.headline-title A:link {font-size: 12px; color: rgb(51, 51, 102); font-weight: bold;}
.headline-title A:visited {font-size: 12px; color: rgb(51, 51, 102); font-weight: bold;}
.headline-title A:active {font-size: 12px; color: rgb(51, 51, 102); font-weight: bold;}
.headline-title A:hover {font-size: 12px; color: rgb(51, 51, 102); 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; color: rgb(51, 51, 102); font-weight: bold;}
.headline-tease A:visited {font-size: 12px; color: rgb(51, 51, 102); font-weight: bold;}
.headline-tease A:active {font-size: 12px; color: rgb(51, 51, 102); font-weight: bold;}
.headline-tease A:hover {font-size: 12px; color: rgb(51, 51, 102); font-weight: bold;}