/* 
-----------------------------------------------
  Page Structure
----------------------------------------------- */
body {
	background-color: #fff;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px;
	padding: 0px;
}

#header {
	width : 760px;
}
	
#sidebarcontent {
	width : 180px;
	vertical-align : top;
	text-align : left;
	margin-top : 0px;
	margin-left : 0px;
	padding : 0px;
	font-size : 10px;
	color: #fff;
	background-color : #2950DD;
}
	
#sidebarcontent ul {
	padding-left : 10px;
	margin-left : 10px;
}
	
#sidebarcontent li {
	list-style : disc;
	line-height : 20px;
}

#navbarcontainer {
	margin : 0px;
	padding : 0px;
	width : 580px;
}

#maincontentcontainer {
	width : 570px;
	margin-top : 0px;
	padding-top : 0px;
	margin-left : 10px;
	margin-right : 0px;
	padding-right : 0px;
}
	
#maincontent {
	width : 350px;
	padding-top : 10px;
	text-align : left;
}

#rightsidebar {
	width : 230px;
	padding-left : 10px;
	padding-top:10px;
	text-align : left;
}

.roundbox { 
	background: url(images/dbg_white.gif) repeat;
	margin: 0px;
	padding : 0px;
}

.top {
	background: url(images/top.gif) repeat-x;
	height: 20px;
}

.top div {
	background: url(images/leftcornertop.gif) no-repeat top left;
	height: 20px;
}

.top div div{
	background: url(images/rightcornertop.gif) no-repeat top right;
}

.bottom {
	background: url(images/bottom.gif) repeat-x;
	height: 20px;
}

.bottom div {
	background: url(images/leftcornerbottom.gif) no-repeat bottom left;
	height: 20px;
}

.bottom div div {
	background: url(images/rightcornerbottom.gif) no-repeat bottom right;
}

.contentwrap {
	background: url(images/left.gif) repeat-y;
}

.content {
	background: url(images/right.gif) repeat-y right;
	padding: 0px 10px 0px 10px;
	margin: 0px;
}

.content ul {
	margin-left : 1em;
	padding-left : 1em;
	margin-top : 0px;
}
	
.content li {
	line-height : 15px;
	margin-left : 0px;
	padding-left : 0px;
	font-size : 10px; 
}
	
#newshour {
	margin: 0px;
	padding: 0px;
	background: url(http://www.pbs.org/newshour/syndication/images/bkrd_brand.gif) repeat-x;
	width : 100%;
}

#footer {
	width : 100%;
	color : #646366;
	text-align : center;
	padding : 0px;
	margin : 0px;
	font-weight : bold;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 10px;
	line-height : 10px;
}

#footer ul li { 
	display: inline;
	list-style : none;
	padding-left : 20px;
	padding-right : 20px;
}

/* 
-----------------------------------------------
  Links
----------------------------------------------- */

#sidebarcontent ul li a {
	color: #fff;
	font-weight : bold;
	text-decoration: underline;
}

#sidebarcontent ul li a:hover {
	color: #8F8E91;
	font-weight : bold;
	text-decoration: none;
}

a.sidebarlink {
	color: #fff;
	font-weight : bold;
	text-decoration: underline;
}

a.sidebarlink:visited {
	color: #fff;
	font-weight : bold;
	text-decoration: underline;
}

a.sidebarlink:hover {
	color: #8F8E91;
	font-weight : bold;
	text-decoration: none;
}

.content ul li a {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

.content ul li a:visited {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

.content ul li a:hover {
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}

a.contentlink {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

a.contentlink:visited {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

a.contentlink:hover {
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}

a.newsheaderlink {
	color: #E5583D;
	font-weight : bold;
	text-decoration: none;
}

a.newsheaderlink:visited {
	color: #E5583D;
	font-weight : bold;
	text-decoration: none;
}

a.newsheaderlink:hover {
	color: #2950DD;
	font-weight : bold;
	text-decoration: none;
}

a.rss-item {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

a.rss-item:visited {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

a.rss-item:hover {
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}

#live {
	list-style-image: url(images/speaker.gif);
}

a.schedulelink {
	color: #2950DD;
	font-size : 9px;
	font-weight : bold;
	text-decoration: underline;
}

a.schedulelink:visited {
	color: #2950DD;
	font-size : 9px;
	font-weight : bold;
	text-decoration: underline;
}

a.schedulelink:hover {
	color: #646366;
	font-size : 9px;
	font-weight : bold;
	text-decoration: none;
}

a.headerlink {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

a.headerlink:visited {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

a.headerlink:hover {
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}

.newshourlink a:link {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

.newshourlink a:visited {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

.newshourlink a:hover {
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}


A.youdecidelink {
color: #2950DD;
font-family : verdana,arial,helvetica,sans-serif;
font-size: 12px; 
font-weight : bold;
text-decoration: underline;
}

A.youdecidelink:visited {
color: #2950DD;
font-family : verdana,arial,helvetica,sans-serif;
font-size: 12px; 
font-weight : bold;
text-decoration: underline;
}

A.youdecidelink:hover {
color: #646366;
font-family : verdana,arial,helvetica,sans-serif;
font-size: 12px; 
font-weight : bold;
text-decoration: none;
} 


#footer ul li a {
	color: #2950DD;
	text-decoration: underline;
}

#footer ul li a:visited {
	color: #2950DD;
	text-decoration: underline;
}

#footer ul li a:hover {
	color: #646366;
	text-decoration: none;
}


input.button2{
	background-color: #fff;
	color: #2950DD;
	font-family: arial, helvetica, sans-serif;
	font-weight : bold;
	font-size : 12px;
	cursor:pointer;
	border : 1px solid #2950DD;
}

input.button_hover2{
	background-color: #fff;
	color: #646366;
	font-family: arial, helvetica, sans-serif;
	font-weight : bold;
	font-size : 12px;
	cursor:pointer;
	border : 1px solid #646366;
}

.searchbox2 {
	width : 200px;
	font-family : arial, helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #000;
	background : #fff;
	padding : 0px;
	border : 1px solid #8F8E91;
}

.searchboxrt {
	width : auto;
	font-family : arial, helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #000;
	background : #fff;
	padding : 0px;
	border : 1px solid #8F8E91;
}

/* 
-----------------------------------------------
  Nav
----------------------------------------------- */

#navcontainer ul {
	margin: 0px;
	padding : 0px;
	width : 580px;
	height : 100%;
	background-color: #646366;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	float : left;
}

#navcontainer ul li { 
	display: inline;	
}

#navcontainer ul li a {
	padding-left: 10px;
	padding-right: 10px;
	padding-top : 5px;
	padding-bottom : 5px;
	background-color: #646366;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right : 5px solid white;
	display : block;
}

#navcontainer ul li a:hover {
	background-color: #8F8E91;
	color: #fff;
	display : block;
}

input.button{
	background-color: #646366;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	cursor:pointer;
	border : 0px;
	height : 23px;
	width : 70px;
	/*Lines below required to center the search button vertically and for horizontal position in IE. Requires #navlist position relative!*/
	margin-left : 5px;
	position:absolute; top:65%; left: 65%; height:1.4em; margin-top:-1em
}

#navlist {
	position: relative;
	
}

input.button_hover{
	background-color: #8F8E91;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	cursor:pointer;
	border : 0px;
	height : 23px;
	width : 70px;
	/*Lines below required to center the search button vertically and for horizontal position in IE. Requires #navlist position absolute above!*/
	margin-left : 5px;
	position:absolute; top:65%; left: 65%; height:1.4em; margin-top:-1em
}

input.searchbox {
	width : 115px;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 11px;
	color : #000;
	background : #fff;
	border : 1px solid #646366;
	margin-left : 5px;
	/*Lines below required to center the searchbox vertically and for horizontal position in IE. Requires #navlist position absolute above!*/
	position:absolute; top:55%; left: 78%; height:1.4em; margin-top:-1em
	
	
}

/* 
-----------------------------------------------
  Content Elements
----------------------------------------------- */

#sidebarcontent p {
	font-size : 10px;
}

h1 {
	font-size: 12px;
	color : #646366;
	margin : 0px;
}

h2 {
	font-size: 10px;
	color : #646366;
	margin : 0px;
	padding : 0px;
}

h4 {
	font-size: 16px;	
	color : #E5583D;
	margin : 0px;
	padding : 0px;
}

p  {
	font-size: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.rsvp {
	font-weight : bold;
}

.newsheader {
	font-size: 16px;	
	color : #E5583D;
	margin-bottom : 10px;
	padding : 0px;
	font-weight : bold;
}

.date  {
	font-size: 10px;
	color : #646366;
	margin : 0px;
	padding : 0px;
	font-weight : bold;
}

.photocredit  {
	font-size: 9px;
	color: #999999;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-style : italic;

}

.list {
	font-size: 10px;
	font-weight : bold;
	padding-left: 10px;
	color : white;
}

.newslist ul {
	margin-left : 1em;
	padding-left : 1em;
	margin-top : 0px;
}
	
.newslist li {
	list-style : circle;
	line-height : 20px;
	color: #000;
	margin-left : 0px;
	padding-left : 0px;
	font-size : 10px;
}

.border {
	border : 1px solid #646366;
}

.countdown {
	background:transparent url(http://www.whyy.org/tv12/images/tvset.jpg) no-repeat scroll center top;
	height: 130px;
	padding-top: 15px;
	text-align: center;

}

.economy {
	background:transparent url(http://www.whyy.org/news/images/wallstreet.jpg) no-repeat scroll;
	width: 570px;
	

}

#newstabs {
	margin-left: 0px;
	background-image: url("http://www.whyy.org/ajaxtabs/topbg.jpg");
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	width: 330px; 
	margin-bottom: 1em; 
	padding: 0px;

}

#newstabs ul {
	
	list-style: disc;
	margin-left: 10px;
	margin-top: 5px;
}

#newstabs ul li{
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	list-style: disc;
	border-bottom: 1.5px dotted #646366;
}

.newstabshead {

font-weight: bold;
color: #646366;
font-size: 12px;
margin-top: 10px;
margin-bottom: 5px;
margin-left: 0px;
padding: 0px;	
}


#newstabs a {
	color: #2950DD;
	font-weight: bold;
	text-decoration: none;

}

#newstabs a:visited {
	color: #2950DD;
	font-weight : bold;
	text-decoration: none;
}

#newstabs a:hover {
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}



/* 
-----------------------------------------------
  NPR Style Links
----------------------------------------------- */
	
a.nprModMore:link {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

a.nprModMore:visited {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

a.nprModMore:hover {
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}
	
.nprModText a:link {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

.nprModText a:visited {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

.nprModText a:hover {
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}

.nprModHead a:link {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

.nprModHead a:visited {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

.nprModHead a:hover {
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}

.nprMod p {
	padding-bottom : 10px;
}




/*
------------------------------------------------------------------------------------
PBS Station Module: TV Schedules: What's On Now CSS
Also using for FM Whats On Now - rb
------------------------------------------------------------------------------------
*/

.whatsonnow
{
	font: 10px verdana, arial, sans-serif;
	width: 100%;
	margin: 0;
}

.whatsonnowdate
{

	display: none;

}

.whatsonnowprogram
{
	text-align: left;
	width: 100%;
}

.whatsonnowprogram a:link,
.whatsonnowprogram a:visited
{
	color: #fff;
	font-weight : bold;
	text-decoration: underline;
}

.whatsonnowprogram a:hover,
.whatsonnowprogram a:active
{
	color:  #8F8E91;
	font-weight : bold;
	text-decoration: none;
}

.whatsonnowprogram .time
{
	color: #B9D2FF;
	font-weight : bold;
	width: 60px;
	padding: 5px 0 5px 0;
	vertical-align: top;
}

.whatsonnowprogram .programinfo
{
	padding: 5px 0 5px 5px;
	vertical-align: top;
}

.whatsonnowprogram .programinfo .title
{
	color: #fff;
}

.whatsonnowprogram .programinfo .episode
{
	color: #fff;
	font-style: italic;
	/* To turn off episode titles: Remove the comment tags (slashs and asterisks) from the "display: none;" attribute below. */
	 display: none; 
}


/*
------------------------------------------------------------------------
PBS Station Module: Programs A-Z CSS
------------------------------------------------------------------------
*/

/*
======================================================
Programs A-Z Global Styles
======================================================
*/

#programaz
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	padding: 10px;
	margin: 0;
	width: 100%;
}

#programaz a:link
{
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

#programaz a:visited
{
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

#programaz a:hover
{
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}

#programaz p
{
	font-size: 10px;
	padding: 0;
	margin: 5px 0 5px 0;
}

#programaz p.backtotop
{
	font-size: 9px;
	font-weight: 900;
	padding: 0;
	margin: 7px 0 10px 0;
	text-transform: uppercase;
}

#programaz h1
{
	font-size: 16px;	
	color : #E5583D;
	margin-bottom : 10px;
	padding : 0px;
	font-weight : bold;
}

#programaz h1 .station
{
	text-transform: uppercase;
}


/*
======================================================
Programs A-Z Nav Styles
======================================================
*/

#programaz .alphabetnav
{
	color: #333;
	font-size: 10px;
	font-weight: 900;
	margin: 15px 0 15px 0;
	padding: 2px 0 2px 0;
	background-color: #ddd;
	border: 1px solid #333;
	width: 495px;
	white-space: nowrap;
}

#programaz .alphabetnav a
{
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	color: #333;
}

#programaz .alphabetnav a:link,
#programaz .alphabetnav a:visited,
{
	text-decoration: none;
}

#programaz .alphabetnav a:hover
{
	color: #fff;
	background-color: #333;
	text-decoration: none;
}

#programaz .alphabetnav a:active
{
	text-decoration: none;
}

#programaz .alphabetnav .hide
{
	display: none;
}


/*
======================================================
Programs A-Z Alphabet Header Styles
======================================================
*/

#programaz .tabrule
{
	margin: 15px 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #333;
	width: 90%;
}

#programaz .tab
{
	font-size: 10px;
	font-weight: 900;
	color: #fff;
	margin: 0;
	padding: 2px 0 2px 0;
	background-color: #333;
	text-transform: uppercase;
	width: 20px;
	text-align: center;
}

#programaz .tablong
{
	font-size: 10px;
	font-weight: 900;
	color: #fff;
	margin: 0;
	padding: 2px 0 2px 0;
	background-color: #333;
	text-transform: uppercase;
	width: 30px;
	text-align: center;
}


/*
======================================================
Programs A-Z Program List Styles
======================================================
*/

#programaz .programlist
{
	width: 100%;
}

#programaz .programlist ul
{
	margin: 0;
	padding: 0;
}

#programaz .programlist ul li
{
	margin: 0;
	padding: 0;
	line-height: 13px;
	white-space: nowrap;
	list-style-type: none;
}

#programaz .programlist a:link
{
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

#programaz .programlist a:visited
{
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

#programaz .programlist a:hover
{
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}