BODY, BODY.webMain {
font-family: Verdana;
font-size: 12px;
color: #EEE8AA;
/*background-color : #EEE8AA;*/
background-color: #EEE8AA;
}

BODY.basic {
background-color : #EEE8AA
}



H1, H2, H3, H4, H5, H6 {}

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



/***** default anchor styles *****/
A:link {
color: rgb(0, 102, 204);
text-decoration: underline;
}

A:hover {
color: rgb(105, 105 ,105);
text-decoration: underline;
}

A:active {
color: rgb(0, 102, 204);
text-decoration: underline;
}

A:visited {
color: rgb(105, 105, 105);
text-decoration: underline;
}

/* SIDE RAIL HEADERS*/

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: 12px;
text-align: left;
color: #ffffff;
background-color: #663333;
padding-top: 3px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
}

*/ TODAY IN THE ARTS HEADER */

TH.webContent, TH.webContent1, TH.webContent2, TH.webContent3, TH.webContent4, TH.webContent5 {
font-size: 12px;
text-align: left;
color: #ffffff;
/*background-color: #663333;*/
background-color: #4AA8DE;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}


TH.webContent, TH.webContent1, TH.webContent2, TH.webContent3, TH.webContent4, TH.webContent5 {
font-size: 12px;
color: #ffffff;
background-color: #4AA8DE;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
}

TABLE.webOuterTable {
        width: 800;
padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
border: 1px solid #000;
margin-left: auto;
margin-right: auto;
text-align: left;
}

TD.webHeaderNav {
background-color: #ffffff;
border-top: 2px solid rgb(0, 102, 255);
border-bottom: 2px solid rgb(0, 102, 255);
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
}

/* MAIN HEADER AT TOP */

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


TD.webOuterTableH {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

/* TODAY IN THE ARTS HEADER*

TD.webHeaderNav {
	background-color: #1DA6E6;
        border-top: 0px solid #000000;
        border-bottom: 1px solid #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}


TABLE.webHeaderSubNav {
	width: 100%;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
}
TD.webHeaderSubNav {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

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

A.webHeaderSubNav, A.webHeaderSubNavSel, A.webHeaderSubNav:hover, A.webHeaderSubNavSel:hover, A.webHeaderSubNav:active, A.webHeaderSubNavSel:active, A.webHeaderSubNav:visited, A.webHeaderSubNavSel:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;

}

TABLE.gnc {background-color: rgb(247, 247, 213); color: #000000; font-size: 14px;}
.gncProgramName {padding: 3px 3px 3px 3px; color: #000000; font-size: 13px; font-weight: bold;}
.gncProgramTime {padding: 3px 3px 3px 3px; color: #000000; font-size: 11px;}
.gncProgramDesc {background-color: rgb(247, 247, 213); padding: 3px 3px 3px 3px; color: #000000; font-size: 10px;}
.gncHostName {padding: 3px 3px 3px 3px; color: #000000; font-size: 12px;}
.gncTitle {padding: 3px 3px 3px 3px; color: #000000; font-size: 12px;}

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:13px;
  FONT-WEIGHT:bold;
  display:block;
 background:url(http://www.publicbroadcasting.net/national/guide/images/icnListen.gif) left no-repeat;
} 
/*ARTS FEED FOR CENTER COLUMN*/
/* TD.art-section controls the section name such as "JAZZ"*/
TD.art-section A:link {font-size: 13px; color: rgb(0, 102, 204); font-weight: bold;}
TD.art-section A:visited {font-size: 13px; color: rgb(105, 105, 105); font-weight: bold;}
TD.art-section A:active {font-size: 13px; color: rgb(0, 102, 204); font-weight: bold;}
TD.art-section A:hover {font-size: 13px; color: rgb(105, 105, 105); font-weight: bold;}

/* TD.art-content controls the Headline and Tease of the stories displayed on the page*/
TD.art-content{font-family: Verdana; font-size: 12px; color:#000000;} /*TEASE*/
TD.art-content A:link {font-family: Verdana; font-size: 12px; color: rgb(0, 102, 204); font-weight: normal;} /*headline*/
TD.art-content A:visited {font-family: Verdana; font-size: 12px; color: rgb(105, 105, 105); font-weight: normal; text-decoration: underline;} /*headline visited*/
TD.art-content A:active {font-family: Verdana; font-size: 12px; color: rgb(0, 102, 204); font-weight: normal; text-decoration: underline;} /*headline active*/
TD.art-content A:hover {font-family: Verdana; font-size: 12px; color: rgb(105, 105, 105); font-weight: normal; text-decoration: underline;} /*headline hover*/

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

/*** custom nav styles ***/
#navwrapper {
 margin: 0px 0px 0px 0px; 
padding: 0px;
}

#nav {
 width: 100%;
 font-size: 10px;
 text-align: center;
 list-style: none; 
 background: #EFEFEF;
 font-weight: bold;
 padding: 0px;
 margin: 0px;
 z-index: 999;
 border-bottom:1px solid #000;
}

#nav ul {
 margin: 0;
 padding: 0;
 float: left;
}

#nav li {
 float:left;
 position:relative;
 list-style-type:none;
 background-color:#EFEFEF;
 border-right:1px solid #000;
}

#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: #4aa8de;
}

#nav a {
 display:block;
 padding:5px 12px;
 margin: 0px;
 text-decoration:none;
 color:#000;
 font-size: 10px;
font-family: arial;

}

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

#nav ul li ul {
 padding: 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;
}

#nav ul li ul a {
 padding: 3px 12px;
 margin: 0px;
}

#nav ul li ul li {
 text-align: left;
 width:100%;
 background-color:#EFEFEF;
 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.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;
}

* 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 */
}

A.nolinky {cursor: default;} 


/* ALL OF THE SIDE TABLE BACKGROUNDS */

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: #ffffff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

* html LI#nav_quicklink {display: none;}
* html LI#nav_quicklinks SELECT OPTION {font-size: 8pt}


BODY, BODY.webMain {text-align: center;}
TABLE.webOuterTable {text-align: left;}

img {border:none;}


/***** the content styles *****/

TH.webContent, TH.webContent1, TH.webContent2, TH.webContent3, TH.webContent4, TH.webContent5 {
background-color: #663333;
}