/***** default anchor styles *****/
A:link {
color: rgb(73,71,2);
text-decoration: underline;
}

A:hover {
color: rgb(73,71,2);;
text-decoration: underline;
}

A:active {
color: rgb(73,71,2);
text-decoration: underline;
}

A:visited {
color: rgb(73,71,2);
text-decoration: underline;
}


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

TD.webHeaderNav {
background-color: #F6F2E8;
border-top: 2px solid #996600;
border-bottom: 2px solid #996600;
}

A.webHeaderNav, A.webHeaderNavSel, A.webHeaderNav:hover, A.webHeaderNavSel:hover, A.webHeaderNav:active, A.webHeaderNavSel:active, A.webHeaderNav:visited, A.webHeaderNavSel:visited {
color: #993300;
text-decoration: none;
font-weight: bold;
}

/***** the footer style *****/
TD.webFooter {
text-align:center;
}
/***** end footer style *****/



/*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-SIZE:11px;
}

.gncProgramName {padding: 2px 2px 2px 2px; font-size: 11px; font-weight: bold;}
.gncProgramTime {padding: 2px 2px 2px 2px; font-size: 11px;}
.gncProgramDesc {padding: 2px 2px 2px 2px; font-size: 11px;}
.gncHostName {padding: 2px 2px 2px 2px; font-size: 11px;}
.gncTitle {padding: 2px 2px 2px 2px; font-size: 11px;}

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

.gncSong {
font-size:11px;
font-weight:normal;
margin-bottom:-1px;
padding:3px;
width:100%;
}

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

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

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


img {border:none;}


/**** Dropdown Header ****/

.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(http://www.wqub.org/media/dropdown/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}




.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ 
background: url(http://www.wqub.org/media/dropdown/chromebg-over.gif) center center repeat-x; 
}



/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 14px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}


/**** Dropdown Footer ****/

.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(http://www.wqub.org/media/dropdown/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(http://www.wqub.org/media/dropdown/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 14px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

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;
color: #000000;
background-color: rgb(216, 229, 219);
border-bottom: 6px solid rgb(161,165,19);
padding:5px;
}

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: rgb(226, 225, 197);
}

TH.webContent, TH.webContent1, TH.webContent2, TH.webContent3, TH.webContent4, TH.webContent5 {
padding:5px;
color: #000000;
font-size: 13px;
color: #000000;
background-color: rgb(216, 229, 219);
border-bottom: 6px solid rgb(161,165,19);

}

.headline-region A:link {font-size: 11px; color: rgb(73, 71, 2); font-weight: bold;}
.headline-region A:visited {font-size: 11px; color: rgb(73, 71, 2); font-weight: bold;}
.headline-region A:active {font-size: 11px; color: rgb(73, 71, 2); font-weight: bold;}
.headline-region A:hover {font-size: 11px; color: rgb(73, 71, 2); font-weight: bold;}

.headline-title A:link {font-size: 11px; color: rgb(73, 71, 2); font-weight: bold;}
.headline-title A:visited {font-size: 11px; color: rgb(73, 71, 25); font-weight: bold;}
.headline-title A:active {font-size: 11px; color: rgb(73, 71, 2); font-weight: bold;}
.headline-title A:hover {font-size: 11px; color: rgb(73, 71, 2); font-weight: bold;}

.headline-tease A:link {font-size: 11px; color: rgb(73, 71, 2); font-weight: bold;}
.headline-tease A:visited {font-size: 11px; color: rgb(73, 71, 2); font-weight: bold;}
.headline-tease A:active {font-size: 11px; color: rgb(73, 71, 2); font-weight: bold;}
.headline-tease A:hover {font-size: 11px; color: rgb(73, 71, 2); font-weight: bold;}
#etcclFooter{	
	background-color: rgb(48,44,35);
}
#etcclFooter table td{
	color:#FFFFFF !important;
}
#etcclFooter td{
	padding:5px;
	font-size:12px;
}
.webFooter a{
color:#FFFFFF !important;
}