/*
--- BEGIN WSIU custom CSS code (place all modifications below this marker) ---
*/
/*
===================================================================
--- BEGIN modified PI CSS elements ---
===================================================================
*/
/*
--- PI Default body/etc styles (modified) ---

*/
BODY, BODY.webMain {
	font-family: arial, helvetica;
	font-size: 12px;
	color: #000000;
	background-color: #D6D6D6;
	text-align: center;}

BODY.basic {background-color: #D9D9D9;}


UL, OL, TABLE, TH, TD, DD, BLOCKQUOTE, DIV, SPAN, P, BR{
	font-family: sans-serif;
	font-size: 12px;
	color: #000;}	
/*
--- PI Default Anchor Styles (modified) ---
*/
A:link {
	color: #6b1a11;
	text-decoration: underline;}

A:visited {
	color: #6b1a11;
	text-decoration: underline;}

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

A:active {
	color: rgb(0, 0, 255);
	text-decoration: underline;}
/* 
--- PI Outer table skeleton (modified) ---
*/
TABLE.webOuterTable {
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: left;
	margin-left: auto;
	margin-right: auto;}

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-color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;}
/*
--- PI Default NOW ON AIR FEED (modified) ---
*/
/*
---
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 Public Interactive Startup Kit.
---
*/
TABLE.gnc{
	width: 150px;
	color: #000000;
	font-size: 12px;
	background-color: transparent;}

.gncProgramName{
	padding: 3px 3px 3px 3px;
	color: #000000;
	font-size: 12px;
	text-align: left;
	font-weight: normal;}

.gncProgramTime{
	padding: 3px;
	color: #000000;
	font-size: 11px;}

.gncProgramDesc{
	padding: 3px;
	color: #000000;
	font-size: 12px;}

.gncHostName{
	padding: 3px 3px 3px 3px;
	color: #000000;
	font-size: 12px;}

A.gncListenNow{
	padding: 3px;
	color: #000000;
	font-size: 12px;}

.gncTitle{
	padding: 3px;
	color: #000000;
	font-size: 12px;}
/*
--- PI Siderails (modified) ---
*/
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 {
	border: 0px;
        }

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: 5px;
	font-size: 11px;
    background-color: #E8E6CF; 
}

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: #CAA682;
        font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	color: #000;
	border-color: black;
	border-width: 0 0 1px 0;
	border-style: solid;}

/*
--- PI MainBody Content Default Style (applies to all MainBody content) ---
*/
TABLE.webContent{
	width: 100%;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	/** table-layout: fixed; **/}

TD.webContent{
	background-color: #E8E6CF;
	font-size: 12px;
	text-align: center;
	padding: 5px;
	vertical-align: top;}

TH.webContent{
	background-color: #CAA682;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	color: #000;
	border-color: black;
	border-width: 0 0 1px 0;
	border-style: solid;}

TD.webContent p{
        font-size: 12px;
        line-height: 14px;
}

TD.webContent li{
        font-size: 12px;
        line-height: 14px;
}

/*
--- PI MainBody Content Style 1 (use for MainBody banner tables ---
*/
TABLE.webContent1{
	width: 100%;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	/** table-layout: fixed; **/}

TD.webContent1{
	background-color: transparent;
	font-size: 12px;
	text-align: left;
	padding: 5px;
	vertical-align: top;}
	
TH.webContent1{
	background-color: transparent;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	color: #000;
	border-color: black;
	border-width: 0 0 0 0;
	border-style: solid;
	font-style: italic;
	font-variant: normal;}	

TABLE.webContent1{
	width: 100%;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	/** table-layout: fixed; **/}
	
TD.webContent1{
	background-color: transparent;
	font-size: 12px;
	text-align: left;
	padding: 5px;
	vertical-align: top;}

TH.webContent1{
	background-color: transparent;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	color: #000;
	border-color: black;
	border-width: 0 0 0 0;
	border-style: solid;
	font-style: italic;
	font-variant: normal;}
/*
--- NEWS and EVENTS FEEDS: regions and event headings (modified) ---
*/
.headline-region,
.headline-region A, 
.headline-region A:link,
.headline-region A:visited
 {font-size: 12px; color: #fff; font-weight: bold; background-color: #333; padding: 3px;}
.headline-region A:active {font-size: 12px; color: #bbb; font-weight: bold;}
.headline-region A:hover {font-size: 12px; color: #ddd; font-weight: bold;}
/*
--- PI NEWS and EVENTS FEEDS: headline links (modified) ---
*/

.headline-title,
.headline-title A,
.headline-title A:link,
.headline-title A:visited {font-size: 12px; color: #6b1a11; font-weight: lighter; }
.headline-title A:hover {font-size: 12px; color: #0000ff; font-weight: lighter;}
.headline-title A:active {font-size: 12px; color: #6b1a11; font-weight: lighter;}
/* 
--- NEWS and EVENTS FEEDS: headline teases (modified)  ---
*/
.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:#6b1a11; font-weight: lighter;}
.headline-tease A:visited {font-size: 12px; color:#6b1a11; font-weight: lighter;}
.headline-tease A:hover {font-size: 12px; color:#0000ff; font-weight: lighter;}
.headline-tease A:active {font-size: 12px; color:#6b1a11;; font-weight: lighter;}
/*
======================================
--- END modified PI CSS elements ---
======================================
*/
/*
===================================================================
--- BEGIN custom WSIU CSS elements ---
===================================================================
*/	
/*
--- WSIU:  mainbodyParagraph ID ---
*/
div#mainbodyParagraph h1{
	text-align: left;
	font-family: verdana;
	font-size: 16px;
	color: #000;
	background-color: transparent;
	font-style:normal;
	font-weight:bold;
	padding: 0px;}

div#mainbodyParagraph h2{
	text-align: left;
	font-family: verdana;
	font-size: 14px;
	color: #000;
	background-color: transparent;
	font-style:normal;
	font-weight:bold;
	padding: 0px;}

div#mainbodyParagraph p{
	text-align: left;
	font-family: verdana;
	font-size: 0.9em;
	color: #000;
	background-color: transparent;
	font-style:normal;
	font-weight:normal;
}

/*
--- WSIU:  siderailSupportQuote ID ---
*/
div#siderailSupportQuote p.quote{
	text-align: left;
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFF;
	padding: 0px;
	margin: 5px;
	}
	
div#siderailSupportQuote p.attrib{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: transparent;
	font-style:italic;
	font-weight:lighter;
	padding: 0px;
	margin: 5px;
	}

div#siderailSupportQuote	{
width: 150px;
padding: 5px;
background-color:#006699;
}

/*
--- WSIU:  bodyUnderwriterList ---
*/
div#bodyUnderwriterList h1{
	text-align: left;
	font-family: verdana;
	font-size: 18px;
	color: #000;
	background-color: transparent;
	font-style:italic;
	font-weight:bold;
	clear:left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;}

div#bodyUnderwriterList h2{
	text-align: left;
	font-family: verdana;
	font-size: 11px;
	color: #000;
	background-color: transparent;
	font-style:italic;
	font-weight:normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	clear: left;}

/*
--- WSIU:  Tag non-specific class definitions ---
*/
.wideMainBodyBox1 {
	width:400px; 
	height:auto;}

.wideMainBodyBox2{
	width:500px;
	height:auto;
	position: relative;
	left: 40px;
}

.narrowSideRailBox1{
	width:150px;
	height:auto;}
/*
--- WSIU: Photo of the Week ---
*/
.photooftheweek{
	font: 11px Verdana, arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 1px;
	border: solid 1px black;}
/*
--- WSIU: Image Classes ---
*/	
IMG.imgStyle1 { border: 0px; }

IMG.floatLeft {float:left;}

IMG.floatRight {float:right;}

img	{border: 0px;}

img a {border: 0px;}

img a:visited	{border: 0px;}

/*
--- WSIU: Position Classes ---
*/
.centeredImage{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	vertical-align: text-top;}
	
.leftImage{
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	clear: left;}	
/*
--- WSIU: Main Body Paragraph Classes ---
*/
P.MainBodyElement{
	text-align: left;
	font-family: sans-serif;
	font-size: 12px;
	color: #000;
	background-color: transparent;
	padding: 1px 5px 1px 5px;}

P.cMainBodyElement{
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	background-color: transparent;
	padding: 1px 5px 1px 5px;}
/*
--- WSIU: Main Body Heading Classes ---
*/
H1.MainBodyElementHeading{
	font-family: verdana;
	font-size: 16px;
	color: #000;
	background-color: transparent;
	font-weight: bold;
	padding: 5px;}

H2.MainBodyElementHeading{
	font-family: verdana;
	font-size: 14px;
	color: #000;
	background-color: transparent;
	font-weight: bold;
	padding: 5px;}

H3.MainBodyElementHeading{
	font-family: verdana;
	font-size: 12px;
	color: #000;
	background-color: transparent;
	font-weight: bold;
	padding: 5px;}

H1.MainBodyElementHeadingColor{
	font-family: verdana;
	font-size: 16px;
	color: #860037;
	background-color: transparent;
	font-weight: bold;
	padding: 5px;}

H2.MainBodyElementHeadingColor{
	font-family: verdana;
	font-size: 14px;
	color: #860037;
	background-color: transparent;
	font-weight: bold;
	padding: 5px;}

H3.MainBodyElementHeadingColor{
	font-family: verdana;
	font-size: 12px;
	color: #860037;
	background-color: transparent;
	font-weight: bold;
	padding: 5px;}
	
/* Do not use these H-classes below in new elements */	
H1.ibMainBodyElement{
	text-align: left;
	font-family: verdana;
	font-size: 12px;
	color: #000;
	background-color: transparent;
	font-style: italic;
	font-weight: bold;
	padding: 5px;}
	
H2.ibMainBodyElement{
	text-align: left;
	font-family: verdana;
	font-size: 16px;
	color: #000;
	background-color: transparent;
	font-style: italic;
	font-weight: bold;
	padding: 5px;}

H1.ibcMainBodyElement{
	text-align: center;
	font-family: verdana;
	font-size: 12px;
	color: #000;
	background-color: transparent;
	font-style: italic;
	font-weight: bold;
	padding: 5px;}

H2.ibcMainBodyElement{
	text-align: center;
	font-family: verdana;
	font-size: 16px;
	color: #000;
	background-color: transparent;
	font-style: italic;
	font-weight: bold;
	padding: 5px;}
/*
--- WSIU HomePage Main Body Block Table Content Style ---
*/
TABLE.dartboardblock{
	width: 400px;
	height: 125px;
	border-width: 0px;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	/** table-layout: fixed; **/}

TD.dartboardImage{
	width: 100px;
	height: 50px;
	background-color: transparent;
	text-align: center;
	vertical-align: top;
	padding: 3px;}
/* 
--- Table Definition: Page Highlight Block (large) ---
*/
TABLE.pageblockLarge{
	width: auto;
	height: auto;
	border-width: 0px;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	/** table-layout: fixed; **/}

TD.pageblockLargeImage{
	width: 300px;
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	padding: 5px;}

TD.pageblockLargeText{
	width: 300px;
	background-color: transparent;
	font-size: 18px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	height: auto;}

TD.pageblockLargeTextWide{
	width: 500px;
	background-color: transparent;
	font-size: 18px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	height: auto;}
/* 
--- Table Definition:  Home Page Highlight Upper Block (long) ---
*/
TABLE.homeblockLong{
	width: auto;
	height: auto;
	border-width: 0px;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	/** table-layout: fixed; **/}


TD.homeblockLongImageUpper{
	width: 160px;
	background-color: transparent;
	text-align: center;
	vertical-align: top;
	padding: 5px;}

TD.homeblockLongTextUpper{
	width: 240px;
	background-color: transparent;
	font-size: 12px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	height: auto;}
	
TD.homeblockLongLink{
	width: 160px;
	font-size: 11px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	margin-top: 5px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;}

TD.homeblockLongTime{
	width: 240px;
	font-size: 12px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 5px;}
/* 
--- Table Definition:  Home Page Highlight Lower Block (long) ---
*/
TABLE.homeblockLongLower{
	width: auto;
	height: auto;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	border: 1px solid #000000;
	background-image: url(http://platform.publicbroadcasting.net/wsiu/media/cssimages/back_mbody_hr.jpg);}

TD.homeblockLongImageLower{
	width: 120px;
	height: auto;
	/* for a 55 x 55 image */
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	padding: 5px;}

TD.homeblockLongTextLower{	
	width: 80px;
	height: auto;
	background-color: transparent;
	font-size: 11px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 5px;}

TH.homeblockLong{
	background-color: transparent;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 5px;
	color: #000;
	border-color: black;
	border-width: 0 0 0 0;
	border-style: solid;}
/* 
--- Table Definition:  Home Page highlight Block (short) ---
*/
TABLE.homeblock{
	width: 400px;
	height: auto;
	border-width: 0px;
	border-style: none;}

TD.homeblockImage{
	width: 150px;
	height: 100px;
	background-color: transparent;
	text-align: center;
	vertical-align: top;
	padding: 3px;}

TD.homeblockText{
	width: 230px;
	height: 100px;
	background-color: transparent;
	font-size: 12px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 3px;}

TD.homeblockIcon{
	width: 150px;
	height: 20px;
	background-color: transparent;
	font-size: 11px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 1px;}

TD.homeblockTime{
	width: 230px;
	height: 20px;
	background-color: transparent;
	font-size: 11px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 1px;}

TH.homeblock{
	background-color: transparent;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 5px;
	color: #000;
	border-color: black;
	border-width: 0 0 0 0;
	border-style: solid;}
/* 
--- Table Definition:  TV Services Page highlight Block (short) ---
*/
TABLE.serviceblock{
	width: 500px;
	height: auto;
	border-width: 0px;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	/** table-layout: fixed; **/}

TD.serviceblockImage{
	width: 200px;
	height: auto;
	background-color: transparent;
	text-align: center;
	vertical-align: top;
	padding: 3px;}

TD.serviceblockText{
	width: 300px;
	height: auto;
	background-color: transparent;
	font-size: 12px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 3px;}

P.homeblockText{
	background-color: transparent;
	font-size: 11px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 0px;}
	
P.homeblockTime{
	background-color: transparent;
	font-size: 12px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 0px;}
/* 
--- Table Definition:  Support Page Underwriters Block ---
*/
TABLE.underwritersblock{
	height: auto;
	float: left;
	padding: 5px;
	border-width: 0px;
	border-style: none;}

TD.underwritersblockName{
	width: 300px;
	padding: 3px;
	background-color: transparent;
	font-size: 12px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align:middle;
	padding: 3px;}
	
TD.underwritersblockHQ{
	width: 100px;
	padding: inherit;
	background-color: transparent;
	font-size: 12px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align:middle;
	padding: 3px;}

TD.underwritersblockPhone{
	width: 100px;
	background-color: transparent;
	font-size: 12px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 3px;}

TD.underwritersblockPlan{
	width: 100px;
	background-color: transparent;
	font-size: 12px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 3px;}

TD.underwritersblockLocations{
	width: 400px;
	background-color: transparent;
	font-size: 12px;
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align:middle;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 10px;}

.nhstyle1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;}
	
.nhstyle2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;}
	
.nhstyle3 {font-size: 11px}

.radioProgramName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CAA682;}

p.radioProgramDesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;}
	
p.radioProgramEpisodeDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #CAA682;
	background-position: center center;
	text-align: right;
	vertical-align: middle;}
	
p.radioProgramEpisodeName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	color: #000000;}
	
p.radioProgramEpisodeDesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;}	
/*
======================================
--- END custom WSIU CSS elements ---
======================================
*/
/* 
=================================================================
--- BEGIN custom NPR Content Module CSS elements ---
=================================================================
*/

/* 
=====================================================
--- END custom NPR Content Module CSS elements ---
=====================================================
*/
/*
===================================================================================================
--- BEGIN custom PBS CSS elements ---
===================================================================================================
*/
/*
----------------------------------------------------
PBS Station Module: Reading Rainbow YWI Contest 2008
----------------------------------------------------
*/
.rr_heading_text{
	font-family: Verdana, Arial;
	font-size:small;
	line-height: normal;}
	
.rr_body_text{
	font-family: Verdana, Arial;
	font-size:x-small;
	line-height: normal;}	
/*
-------------------------------------------------------------
PBS Station Module: TV Schedules: PBS Kids What's On Now CSS
-------------------------------------------------------------
*/
.whatsonkidsnow{
	font: 11px/13px verdana, arial, sans-serif;
	width: inherit;
	margin: 0;}

.whatsonkidsnowdate{
	margin: 0 0 10px 0;
	font-size: 11px;
	font-weight: bold;
	color: #3a3a3a;
	border-bottom: 1px solid #3a3a3a;}

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

/*
.whatsonkidsnowprogram a:link,
.whatsonkidsnowprogram a:visited{
	color: #000;
	text-decoration: underline;}

.whatsonkidsnowprogram a:hover,
.whatsonkidsnowprogram a:active{
	text-decoration: none;}
*/

.whatsonkidsnowprogram .time{
	color: #000;
	font-weight : 900;
	width: 60px;
	padding: 5px 0 5px 0;
	vertical-align: top;}

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

.whatsonkidsnowprogram .programinfo .title{
	color: #000;}

.whatsonkidsnowprogram .programinfo .episode{
	color: #000;
	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: TV Schedules: What's On Now
-------------------------------------------------
*/
.whatsonnow{
	font: 11px/13px Verdana, arial, sans-serif;
	width: inherit;
	margin: 0;}

.whatsonnowdate{
	margin: 0 0 10px 0;
	font-size: 11px;
	font-weight: bold;
	color: #3a3a3a;
	border-bottom: 1px solid #3a3a3a;}

.whatsonnowprogram{
	text-align: left;
	width: auto;
	border: 0px solid black;}
	
.whatsonnowprogram a:link,
.whatsonnowprogram a:visited{
	color: #6b1a11;
	text-decoration: underline;}

.whatsonnowprogram a:hover,
.whatsonnowprogram a:active{
	text-decoration: none;
	color: #0012ff;}

.whatsonnowprogram .time{
	color: #000;
	width: 45px;
	padding: 2px 0 2px 0;
	vertical-align: top;
	font-size: 11px;
	border: 0px solid black;}


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

.whatsonnowprogram .programinfo .title{
	color: #000;
	font-size: 11px;}

.whatsonnowprogram .programinfo .episode{
	color: #000;
	font-style: italic;
	/* To turn off episode titles: Remove the comment tags (slashs and asterisks) from the "display: none;" attribute below. */
	padding: 10px 0 0 0;
	display: none;}
/*
----------------------------------------------------
PBS Station Module: TV Schedules: What's On Tonight
----------------------------------------------------
*/
.whatsontonight{
	font: 11px/13px Verdana, arial, sans-serif;
	width: inherit;
	margin: 0;}

.whatsontonightdate{
	margin: 0 0 10px 0;
	font-size: 11px;
	font-weight: bold;
	color: #3a3a3a;
	border-bottom: 1px solid #3a3a3a;}

.whatsontonightprogram{
	text-align: left;
	width: auto;
	border: 0px solid black;}

.whatsontonightprogram a:link,
.whatsontonightprogram a:visited{
	color: #6b1a11;
	text-decoration: underline;}

.whatsontonightprogram a:hover,
.whatsontonightprogram a:active{
	text-decoration: none;
	color: #0012ff;}

.whatsontonightprogram .time{
	color: #000;
	width: 45px;
	padding: 2px 0 2px 0;
	vertical-align: top;
	font-size: 11px;
	border: 0px solid black;}

.whatsontonightprogram .programinfo{
	padding: 2px 0 2px 0px;
	vertical-align: top;}
	
.whatsontonightprogram .programinfo .title{
	color: #000;
	font-size: 11px;}

.whatsontonightprogram .programinfo .episode{
	font-style: italic;
	display: inline;
	font-size: 11px;
	color: #3a3a3a;}
/*
------------------------------------
PBS Station Module: Programs A to Z
------------------------------------
*/
/* === Programs A-Z Global Styles ===
*/
#programaz{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	padding: 0;
	margin: 0;
	width: 100%;}

/*
#programaz a:link{
	color: #333;
	text-decoration: none;}

#programaz a:visited{
	color: #333;
	text-decoration: none;}
	
#programaz a:hover{
	color: #333;
	text-decoration: none;}
	
#programaz a:active { 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: 12px;
	font-weight: 900;
	color: #333;
	margin: 0 0 12px 0;}

#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: 400px;
	white-space: nowrap;}

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

#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: #666;
	text-decoration: none;
}

#programaz .programlist a:visited
{
	color: #999;
	text-decoration: none;}

#programaz .programlist a:hover{
	padding: 0 0 0 5px;
	border-left: 5px solid #333;
	font-weight: 900;
	color: #333;}
	
#programaz .programlist a:active { text-decoration: none; }
/*
--------------------------------------
PBS Station Module: PBS KIDS Go!
--------------------------------------
*/
/* 
PBS KIDS GO! MODULE HEADER
*/
#gomoduleheader {
background: #EA720F;
padding: 8px;}
/* 
PBS KIDS GO! MODULE GAME SECTION
*/
#gomodulegame {
background: #C4EA4E;
padding: 8px;}

#gomodulegametitle {
font-weight: bold;}

a#gomodulegametitle:link, a#gomodulegametitle:visited, a#gomodulegametitle:active {
text-decoration: none;}

a#gomodulegametitle:hover {
text-decoration: underline;}

#gomodulegametext {
font-family: verdana, arial, sans-serif;
color: #000;
font-size: 12px;
padding: 5px 0 0 0;}
/* 
PBS KIDS GO! MODULE SHARE SECTION 
*/
#gomoduleshare {
background: #429ECE;
padding: 8px;}

#gomodulesharequestion, a#gomodulesharequestion {
font-family: verdana, arial, sans-serif;
color: #000;
font-size: 12px;
margin: 0 0 5px 0;}

#gomoduleshareanswer, a#gomoduleshareanswer {
font-family: verdana, arial, sans-serif;
color: #CCFFFF;
font-size: 12px;
text-decoration: none;}
/* 
PBS KIDS GO! MODULE FOOTER 
*/
#gomodulefooter {
background: #EA720F;
padding: 8px;
font-family: verdana, arial, sans-serif;
color: #fff;
font-size: 12px;
font-weight: bold;}

#gomodulefooter a {
font-family: verdana, arial, sans-serif;
color: #fff;
font-size: 12px;
font-weight: bold;}
/*
-------------------------------------------------------
PBS Station Module: PBS KIDS Preschool Module
-------------------------------------------------------
*/
/*
------------------------------------------------------ 
PBS KIDS Preschool Block Module general styles
------------------------------------------------------
*/
.pbskidsprekblockmodule {

	font-size: 12px;
	font-family: verdana, sans-serif;
	color: #fff;
	margin: 0 auto;
	padding: 8px;
	text-align: center;}

.pbskidsprekblockmodule a:link,
.pbskidsprekblockmodule a:visited,
.pbskidsprekblockmodule a:hover,
.pbskidsprekblockmodule a:active{
	color: #fff;
	font-weight: bold;
	text-decoration: underline;}
/*
------------------------------------------------------ 
PBS KIDS Preschool Block Module Section styles
------------------------------------------------------
*/
/* Content from the Block */
.pbskidsprekblockmodule .prekblockcontent{
	background-color: #2f8d21;
	background-image: url("http://pbskids.org/modules/block/images/bground_green.gif");
	padding: 8px;
	margin: 0 auto;
	text-align: center;}

/* The Block's Theme area */
.pbskidsprekblockmodule .prekblocktitle{
	margin: 0 0 10px 0;}

.pbskidsprekblockmodule .prekblocktitle h1#prekblockteaser{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 8px 0;
	padding: 0;}

.pbskidsprekblockmodule .prekblocktitle h1#prekblockteaser .servicemark{
	font-size: 6pt;
	font-weight: normal;}

.pbskidsprekblockmodule .lorihooperimage{
	background: url("http://pbskids.org/modules/block/images/bground_lorihooper_green.gif") no-repeat;
	height: 105px;
	width: 125px;
	margin: 8px auto 0 auto;
	padding: 7px 0 4px 8px;
	text-align: left;}

/* The Game of the Day area */
.pbskidsprekblockmodule .prekblockgameoftheday{
	margin: 0 0 6px 0;
	color: white;
	font-size: 12px;}
	
.pbskidsprekblockmodule .prekblockgameoftheday .prekblockgameofthedayimage{
	background: url("http://pbskids.org/modules/block/images/bground_gameoftheday_green.gif") no-repeat;
	height: 56px;
	width: 103px;
	margin: 10px auto 0 auto;
	padding: 1px 0 1px 3px;
	text-align: left;}

/* The Tune In area */
.pbskidsprekblockmodule .prekblocktunein{
	margin: 0 0 10px 0;
	padding: 8px;
	background-color: #135900;
	color: white;
	font-size: 12px;}	
/*
------------------------------------------
PBS Station Module: TV Schedules Module
------------------------------------------
*/
/* === I. TV Schedules - Global ===
*/
#tvschedules{
	color: #333;
	font: 10px/12px verdana, arial, sans-serif;
	margin: 0;	}
	
#tvschedules a:link,
#tvschedules a:visited{
	color: #333;
	text-decoration: underline;}

#tvschedules a:hover,
#tvschedules a:active{
	color: #333;
	text-decoration: none;}
/*
=== II. TV Schedules - Header ===
*/
#tvschedules #tvschedulesheader{
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;}

#tvschedules #tvschedulesnavcontainer{
	padding: 0 20px 0 0;
	vertical-align: middle;}

#tvschedules #tvschedulesnavcontainer form{
	color: #333;
	white-space: nowrap;
	margin: 15px 0 0 0;}

#tvschedules .tvschedulesheaderdate{
	color: #333;
	font-size: 15px;
	line-height: 18px;
	margin: 0;}

#tvschedules input#submitbutton{
	color: #666;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	background: #fff;
	border: 1px solid #666;
	padding: 1px;
	margin: -3px 0 0 0;
	vertical-align: bottom;}

#tvschedules select{
	color: #333;
	font-size: 11px;
	margin: -3px 0 0 0;
	vertical-align: middle;}
/* 
=== III. TV Schedules - Calendar ===
*/
#tvschedules #tvschedulescalendarcontainer{
	vertical-align: top;}

#tvschedules #tvschedulescalendar{
	background-color: #ccc;
	border: 1px solid #999;
	padding: 0;}

#tvschedules #tvschedulescalendar a:link,
#tvschedules #tvschedulescalendar a:visited,
#tvschedules #tvschedulescalendar a:hover,
#tvschedules #tvschedulescalendar a:active{
	color: #333;
	font-weight: normal;
	text-decoration: none;}

#tvschedules #tvschedulescalendar td{
	text-align: center;
	vertical-align: middle;}

#tvschedules #tvschedulescalendar .calendarmonthheader{
	color: #333;
	font-weight: normal;
	padding: 2px 0 2px 0;}

#tvschedules #tvschedulescalendar .calendardayheader{
	color: #666;
	font-weight: 900;}

#tvschedules #tvschedulescalendar .calendarday,
#tvschedules #tvschedulescalendar .calendardayoff,
#tvschedules #tvschedulescalendar .calendardaytoday,
#tvschedules #tvschedulescalendar .calendardayselected,
#tvschedules #tvschedulescalendar .calendarweekon{
	padding: 2px;}

#tvschedules #tvschedulescalendar .calendarday{
	color: #333;
	background-color: #fff;}

#tvschedules #tvschedulescalendar .calendardayoff{
	color: #999;
	background-color: #ccc;}

#tvschedules #tvschedulescalendar .calendardaytoday{
	color: #fff;
	font-weight: 900;
	background-color: #999;}
	
#tvschedules #tvschedulescalendar .calendardaytoday a:link,
#tvschedules #tvschedulescalendar .calendardaytoday a:visited,
#tvschedules #tvschedulescalendar .calendardaytoday a:hover,
#tvschedules #tvschedulescalendar .calendardaytoday a:active{
	color: #fff;
	font-weight: 900;}

#tvschedules #tvschedulescalendar .calendardayselected{
	color: #fff;
	font-weight: 900;
	background-color: #333;}

#tvschedules #tvschedulescalendar .calendardayselected a:link,
#tvschedules #tvschedulescalendar .calendardayselected a:visited,
#tvschedules #tvschedulescalendar .calendardayselected a:hover,
#tvschedules #tvschedulescalendar .calendardayselected a:active{
	color: #fff;
	font-weight: 900;}

#tvschedules #tvschedulescalendar .calendarweekon{
	color: #fff;
	background-color: #333;}
/* 
=== IV. TV Schedules - Station & Feeds ===
*/
#tvschedules #stationchannelscontainer{
	border-top: 1px solid #ccc;
	border-left: 2px solid #ccc;
	padding: 0;
	width: 100%;
	vertical-align: top;}

#tvschedules .stationblock,
#tvschedules .stationblockon{
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding: 10px;}

#tvschedules .stationblock{
	background-color: #999;}

#tvschedules .stationblockon{
	background-color: #333;}

#tvschedules #grid .stationblockmain{
	background-color: #333;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 16%;
	padding: 8px;}

#tvschedules .stationcommonname{
	font-weight: 900;
	line-height: 14px;
	font-size: 12px;}

#tvschedules .stationchannel{
	font-size: 10px;
	font-style: italic;}

#tvschedules .stationblock .stationcommonname a:link,
#tvschedules .stationblock .stationcommonname a:visited{
	color: #333;
	text-decoration: underline;}

#tvschedules .stationblock .stationcommonname a:hover,
#tvschedules .stationblock .stationcommonname a:active{
	text-decoration: none;}

#tvschedules .stationblock .stationchannel{
	color: #333;}

#tvschedules .stationblockon .stationcommonname,
#tvschedules .stationblockon .stationchannel{
	color: #fff;}

#tvschedules #grid .stationblockmain .stationcommonname a:link,
#tvschedules #grid .stationblockmain .stationcommonname a:visited{
	color: #fff;
	text-decoration: underline;}

#tvschedules #grid .stationblockmain .stationcommonname a:hover,
#tvschedules #grid .stationblockmain .stationcommonname a:active{
	text-decoration: none;}

#tvschedules #grid .stationblockmain .stationchannel{
	color: #fff;}
/* 
=== V. TV Schedules - Grid ===
*/
#tvschedules #tvschedulesgridtable{
	width: 100%;}

#tvschedules #gridcontainer{
	vertical-align: top;}

#tvschedules .gridnavcontainer{
	background-color: #ccc;
	width: 100%;}

#tvschedules td.gridnav{
	font-weight: 900;
	white-space: nowrap;
	padding: 7px;}

#tvschedules td.gridnav a:link,
#tvschedules td.gridnav a:visited{
	font-weight: normal;
	color: #333;
	text-decoration: underline;}

#tvschedules td.gridnav a:hover,
#tvschedules td.gridnav a:active{
	text-decoration: none;}
	
#tvschedules #grid{
	width: 100%;
	padding: 0;}

#tvschedules #grid a:link,
#tvschedules #grid a:visited{
	color: #333;
	text-decoration: none;}

#tvschedules #grid a:hover,
#tvschedules #grid a:active{
	color: #333;
	text-decoration: underline;}

#tvschedules #grid td{
	font-size: 10px;
	padding: 5px;}

#tvschedules #grid td.griddate{
	color: #fff;
	font-weight: 900;
	background-color: #333;
	border-bottom: 1px solid #ccc;}

#tvschedules #grid td.griddatetoday{
	color: #333;
	font-weight: 900;
	background-color: #eee;
	border-bottom: 1px solid #ccc;}

#tvschedules #grid td.griddate,
#tvschedules #grid td.griddatetoday,
#tvschedules #grid td.gridtime,
#tvschedules #grid td.gridtimemorning,
#tvschedules #grid td.gridtimeafternoon,
#tvschedules #grid td.gridtimeprimetime,
#tvschedules #grid td.gridtimelatenight{
	text-align: center;
	white-space: nowrap;
	width: 12%;
	vertical-align: middle;}

#tvschedules #grid td.gridtimemain{
	text-align: left;
	white-space: nowrap;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 14%;
	vertical-align: middle;}

#tvschedules #grid td.gridtimemainblank{
	background: #666;
	border: 1px solid #ccc;
	width: 14%;}

#tvschedules #grid td.gridtimemorning,
#tvschedules #grid td.gridtimeafternoon,
#tvschedules #grid td.gridtimeprimetime,
#tvschedules #grid td.gridtimelatenight{
	color: #000;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;}

#tvschedules #grid td.gridtimemorning{
	background-color: #bbbaba;}

#tvschedules #grid td.gridtimeafternoon{
	background-color: #bbbaba;}

#tvschedules #grid td.gridtimeprimetime{
	background-color: #bbbaba;}

#tvschedules #grid td.gridtimelatenight{
	background-color: #bbbaba;}

#tvschedules #grid span.gridtimeheader{
	color: #000;
	font-weight: 900;
	text-transform: uppercase;
	white-space: nowrap;}

#tvschedules #grid div.hr {
	font-size: 2px;
	line-height: 2px;
	background-color: #000;
	width: 100%;
	height: 3px;
	padding: 0;
	margin: 5px 0 5px 0;}

#tvschedules #grid div.hr hr{
	display: none;} 

#tvschedules #grid td.gridprogram,
#tvschedules #grid td.gridprogramtoday,
#tvschedules #grid td.gridprogramkids,
#tvschedules #grid td.gridprogramkidstoday,
#tvschedules #grid td.gridprogramparents,
#tvschedules #grid td.gridprogramparentstoday,
#tvschedules #grid td.gridnodata{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	vertical-align: middle;}

#tvschedules #grid td.gridprogram{
	background-color: #e6e6e6;}

#tvschedules #grid td.gridprogramtoday{
	background-color: #fff;}

#tvschedules #grid td.gridprogramkids{
	background-color: #e6e6e6;}

#tvschedules #grid td.gridprogramkidstoday{
	background-color: #fff;}

#tvschedules #grid td.gridprogramparents{
	background-color: #e6e6e6;}

#tvschedules #grid td.gridprogramparentstoday{
	background-color: #fff;}

#tvschedules #grid td.gridnodata{
	background-color: #999;}

#tvschedules #grid td.gridprogramend{
	display: none;}

#tvschedules #grid .gridprogramepisode{
	font-style: italic;}
/*
======================================
--- END custom PBS CSS elements ---
======================================
*/


/*Fantasy Auction ITEMS CSS*/

.auctionitemphoto	{
height: 150px;
width: 150px;
float: left;
margin: 10px 0 0 10px;
}

.auctionitemtitle	{
width: 590px;
background-color: #663333;
text-align: left;
font-weight: bold;
color: #E8E6CF;
padding: 5px;
}

.auctionitemdesc	{
width: 425px;
margin-left: 175px;
margin-right: 10px;
text-align: left;
margin-top: 5px;
}

.auctionitemrow	{
width: 600px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*
	WHATS ON PBS -- STYLESHEET/CSS

	TABLE OF CONTENTS
	
	I. Global/Default Styles
	II. What's On Navigation Menu
	III. Feed Name and Associated Information
	IV. Program Schedule Information
		
*/



/*
======================================================
I. Global/Default Styles








======================================================
*/

/* Main DIV/Container for the What's on PBS Module */
#pbs-whatson
{
	margin: 0;
	padding: 0;
	color: black;
	font-family: verdana, arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
	width: 100%;
}
/* Default Link Attributes */
#pbs-whatson a:link,
#pbs-whatson a:visited,
#pbs-whatson a:hover,
#pbs-whatson a:active
{
	color: #6b1a11;
        text-decoration: underline;
}
/* Types of content blocks for schedule information */
#pbs-whatson #pbswhatson-tonight,
#pbs-whatson #pbswhatson-now,
#pbs-whatson #pbswhatson-kids
{
	margin: 0;
	padding: 0;
}
/* Container that defines the feed (name, schedule information, etc) */
#pbs-whatson .pbswhatson-feed
{
}


/*
======================================================
II. What's On Navigation Menu
======================================================
*/

/* Note: All of the following CSS controls the script-generated elements that compose the tab-based navigation menu */


/* container for the navigation menu list of different views */
#pbs-whatson ul.tab-menu
{
	margin: 0 0 4px 0;
	padding: 0;
}
/* an individual item (now, kids, tonight, etc) in the navigation menu */
#pbs-whatson ul.tab-menu li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
/* buttonized area that surrounds the data for each list item in the navigation menu */
#pbs-whatson ul.tab-menu li a
{
	margin: 0;
	padding: 2px 5px;
	background-color: #CAA682;
	color: black;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid black;
	display: block;
}
#pbs-whatson ul.tab-menu li a:hover
{
	background-color: white;
	color: black;
}
#pbs-whatson ul.tab-menu li.selected a
{
	background-color: #E8E6CF;
	color: black;
}



/*
======================================================
III. Feed Name and Associated Information
======================================================
*/

/* To allow for cursor/hand display when hovering over a clickable feed name */
#pbs-whatson .pbswhatson-feed .pbswhatson-toggler-link
{

	cursor:hand;  cursor:pointer;
	text-decoration: none;
}
/* Represents the clickable common-name of each feed for your station */
#pbs-whatson .pbswhatson-feed .pbswhatson-name
{
	margin: 0;
	padding: 0px 2px 0px 4px;
	font-weight: bold;
	border-bottom: 1px solid #f5f5f5;
}
/* Represents the displayed date separator */
#pbs-whatson .pbswhatson-feed .displaydate {
	padding: 2px 0 2px 4px;
	margin: 0;
	background-color: #CAA682;
	color: black;
}
/* Controls styles for selected and selectable feeds (aka. clickable feed names as defined above) */
#pbs-whatson .pbswhatson-feed .pbswhatson-selected-feed
{
	background-color: black;
	color: white;
        padding: 2px 2px 2px 2px;
}
#pbs-whatson .pbswhatson-feed .pbswhatson-selectable-feed
{
	background-color: #CAA682;
	color: black;
        padding: 2px 2px 2px 2px;	
}
#pbs-whatson .pbswhatson-feed .pbswhatson-selectable-feed:hover
{
	background-color: #CAA682;
	color: white;
	display: block;
}



/*
======================================================
IV. Program Schedule Information
======================================================
*/

/* Container that holds a list of programs and their information for a particular feed */
#pbs-whatson .pbswhatson-feed .pbswhatson-programs
{
	margin: 0;
	padding: 0;
}
#pbs-whatson .pbswhatson-feed .pbswhatson-programs dl
{

}
/* Single block item for an individual program */
#pbs-whatson .pbswhatson-feed .pbswhatson-programs dt,
#pbs-whatson .pbswhatson-feed .pbswhatson-programs dd
{
	margin: 0;
	padding: 0 2px 0 4px;
	text-align: left;
}
/* <dt> represents the time */
#pbs-whatson .pbswhatson-feed .pbswhatson-programs dt
{
	font-weight: bold;
}
/* <dd> represents the program data */
#pbs-whatson .pbswhatson-feed .pbswhatson-programs dd
{
	padding: 2px 2px 8px 4px;
}


/* (specialized styling for the subtitle/episode title text)  */
#pbs-whatson .pbswhatson-feed .pbswhatson-programs dd .pbswhatson-subtitle
{

}
/* Background color toggling per program block (odd/even rows)  */
#pbs-whatson .pbswhatson-feed .pbswhatson-programs .pbswhatson-odd
{
	
        margin-top: 2px;
}
#pbs-whatson .pbswhatson-feed .pbswhatson-programs .pbswhatson-even
{
	
        margin-top: 2px;
}


/*
======================================================
CSS Hacks
======================================================
*/

/* clearing floated block elements -
fixes problem in Firefox where floated element does not define height of the container box */
#pbs-whatson ul.tab-menu:after
{
	content: ".";
	display: block;
	clear: left;
	height: 0;
	visibility: hidden;
}


/* clearing floated block elements -
fixes problem in IE/Win 5.0, 5.5, and 6 */
* html #pbs-whatson ul.tab-menu
{
	height: 1%;
}

/*
======================================================
News Page Template Styles v 1.0
Posted May 13, 2005 by PBS Interactive Station Services
Modify following the comments included in this document.
======================================================
*/

	/*
	--------------------------------------------------
	Link Controls - remove if you already have CSS controls
	--------------------------------------------------
	*/

	#pbsnews a:link {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
	}
	#pbsnews a:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
	}
	#pbsnews a:hover {
		text-decoration: underline;
	}
	#pbsnews a:active {
		text-decoration: underline;
	}
	
	/*
	--------------------------------------------------
	Div Containers 
	These are the top-level labels for the newspage template and the table cells where content/modules reside.
	-------------------------------------------------
	*/
	#pbsnews
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 0;
		padding: 0;
	}	
	#pbsnews .pbsnewsmaincontent
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 10px 0 0 4px;
		padding: 0;
                width: 200px;
	}	
	#pbsnews .pbsnewscontent
	{
		vertical-align: top;
		padding: 0;
		margin: 0;
                width: 200px;
		
	}

	#pbsnews #pbsnewsrightbar
	{
		vertical-align: top;
		padding: 0;
		margin: 0;
		width: 200px;
		background-color: #CCCCCC;
	}	
	
	/* 
	--------------------------------------------------
	News Template Headers 
	--------------------------------------------------
	*/

	/* Controls the layout of headers in the news page template (Ex: "Top News Headlines," etc) */
	#pbsnews h3.pbsnewsheader
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #000;
		vertical-align: middle;
		text-align: left;
		padding: 4px 0 4px 4px;
		margin: 0;
		height: 20px;
		
		
	}

	
	/* link controls for headers (if you choose to link them) */
	#pbsnews h3.pbsnewsheader a:link, 
	#pbsnews h3.pbsnewsheader a:visited, 
	#pbsnews h3.pbsnewsheader a:hover,
	#pbsnews h3.pbsnewsheader a:active
	{
		color: #000;
		text-decoration: none;
	}
	
/* 
--------------------------------------------------
Right-hand Bar Content 
--------------------------------------------------
*/

	/* if you enter text inside p tags in the righ-hand column, this will align it left */
	#pbsnews #pbsnewsrightbar p
	{
		text-align: left;
		padding: 0;
		margin: 0;
	}
	
	/* Controls the alignment/padding/margin of the NewsHour Video Modules */
	#pbsnews #pbsnewsrightbar .newshourvideo
	{
		text-align: left;
		padding: 5px 0 5px 0;
		margin: 10px 0 10px 0;
	}
	
	/* this controls the alignment of objects in the column for the NewsHour video modules for IE */
	#pbsnews #pbsnewsrightbar .newshourvideo table td
	{
		text-align: left;
	}
	
	/* this controls the text color of the NewsHour video module */
	#pbsnews #pbsnewsrightbar .newshourvideo table td font
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #666;
		font-size: 11px;
	}
	
				
	/*
======================================================
Main Column Content Styles 
======================================================
	*/
	
	/* Controls the appearance of the body text */
	#pbsnews .pbsnewsmaincontent p
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 10px 0 10px 0;
		padding: 0;
		vertical-align: top;
	}
	
	
	/* Controls the appearance of the date */
	#pbsnews .pbsnewsdate
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
                margin: 0;
		padding: 15px 0px 15px 4px;
		vertical-align: top;
	}
	
	/* Controls the appearance of WXYZ News (local station name) header */
	#pbsnews #pbsnewscontent h2
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #000;
		padding: 0;
		margin: 0;
	}


	/* Controls the look of a horizontal rule, not used in main content area but provided in case you use it */
	#pbsnews .rule 
	{
		border-top-width: 1px;
    	border-top-style: dotted;
    	border-color: #000; 
    	margin: 0 0 10px 0;
		padding: 0;
	}


/*
--- Style For Caring For Your Parents ---
*/

.caringparentsfloater {
float: left;
width: 250px;
padding: 10px;
background-color: #DDDDDD;
margin-right: 10px;
margin-bottom: 10px;
}

.caringparentscontainer	{
width: 615px;
text-align: left;
}

.caringparentscontainer p	{
font: 12px Arial, Helvetica, sans-serif;
margin: 5px;
}

.caringparentssection	{
padding: 5px;
}

.caringparentssection p	{
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
font: 12px Arial, Helvetica, sans-serif;
}

.caringparentssection h1	{
font: bold 16px Arial, Helvetica, sans-serif;
margin: 0px;
background-color: #CAA682;
padding: 5px;
}

table.segments	{
border: 0px;
margin-left: 0px;
}

table.segmentpart	{
border: 0px;
padding: 0px;
width: 200px;
border-collapse: collapse;
}

td.segmentelement	{
width: 200px;
}

tr.segmentheadertitle td {
width: 190px;
background-color: #333333;
font-family: arial, helvetica;
font-size: 14px;
height: 25px;
padding: 5px;
color: #FFFFFF;
text-align: center;
border: 0px;
}

tr.picbox td {
width: 200px;
height: 150px;
padding: 0px;}

tr.watchme td {
width: 200px;
height: 40px;
text-align: center;
padding: 0px;
}


.tvhomeblockcaring 	{
width: 450px;
}

.tvhomeblockcaring p	{
margin-left: 260px;
text-align: left;
}

.tvhomeblockcaring img	{
width: 250px;
border-bottom: 4px #000088 solid;
float: left;
}

/*
--- Support/Pledge Styles ---
*/

.pledgecontainer	{
width: 615px;
text-align: left;
}

.pledgecontainer h1	{
color: #860037;
font: bold 16px Arial, Helvetica, sans-serif;
}

.pledgegiftfloat	{
float: left;
width: 45%;
margin-right: 10px;
margin-bottom: 10px;
padding: 10px;
}

.pledgeline h1	{
float: left;
width: 120px;
color: black;
font-size: 14px;
}

.pledgeline h2	{
float: left;
width: 250px;
color: black;
font-size: 14px;
}

.pledgegiftentry p	{
margin: 10px;
}

.pledgegiftheader	{
color: #000;
background-color: #CAA682;
font: bold 18px Arial, Helvetica, sans-serif;
padding: 5px;

}

.pledgegiftcards	img	{
float: right;
}

.pledgenotesfloat	{
float: left;
width: 250px;
margin: 10px;
}


.pledgenotesform	{
margin-left: 400px;
margin-bottom: 10px;
width: 180px;
background-color: #CAA682;
padding: 10px;
margin-right: 20px;
}

.pledgeformelements	{
width: 370px;
float: left;
}

.pledgeformcontainer	{
width: 600px;
}

.membercardquery	{
width: 280px;
padding: 10px;
float: left;
background-color: #CAA682;
}

.pledgecomments	{
margin-left: 320px;
}

#pledgegiftscontainer	{
width: 615px;
height: 650px;
margin-bottom: 10px;
}

.pledgegiftitem	{
float: left;
width: 150px;
margin: 0px;
padding: 0px;
}

.pledgegiftitem h1	{
background-color: #333;
color: white;
padding: 5px;
margin: 5px 0 0 5px;
height: 30px;
width: 130px;
font: 12px bold Arial, Helvetica, sans-serif;
}

.pledgegiftitem h2	{
background-color: #000;
color: white;
font: 20px bold Arial, Helvetica, sans-serif;
padding: 5px;
margin: 0px;
border-left: 2px solid #999;
}

.pledgegiftitem h3	{
	background-color: #000;
	color: white;
	font: 20px bold Arial, Helvetica, sans-serif;
	padding: 5px;
	margin: 0px;
	border-left: 2px solid #999;
}

.pledgegiftitem	p	{
padding: 5px;
margin: 0px;
height: 105px; 
font-size: 10px;
}

.pledgegiftitem img	{
width: 140px;
background-color: #CC3300;
margin: 0 0 5px 5px;
padding: 0px;
}

.pledgecallout {
float: right;
width: 275px;
margin: 5px 0 5px 5px;
border: 3px solid #680b23;
background-color: white;
}

.pledgecallout h1	{
font: bold 14px Arial, Helvetica, sans-serif;
color: white;
background-color: #680b23;
padding: 5px;
margin: 0;
}

.pledgecallout a:link,
.pledgecallout a:visited	{
display: block;
text-decoration: none;
color: white;
background-color: #680b23;
padding: 5px;
}

.pledgecallout a:hover	{
background-color: #dc6491;
color: #eab9d6;
}

/*
--- Radio Promo ---
*/

.radioprogramscontainer	{
width: 450px;
background-color: #333333;
padding: 5px;
text-align: left;
}

.radioprogramssegment	{
width: 209px;
background-color: #cccccc;
margin: 5px;
float: left;
padding: 3px;
}

.radioprogramssegment img	{
float: left;
margin-right: 3px;
border: 0px;
}

.radioprogramssegment h1	{
background-color: #CAA682;
color: black;
padding: 3px;
font: bold 14px Arial, Helvetica, sans-serif;
margin: 0px;
width: auto;
}

.clearfloat	{
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.learninghomespotlight	{
width: 450px;
text-align: center;
}

.learninghomespotlight img	{
float: left;
width: 200px;
margin: 0px;
padding: 0 5px 0 0px;
}

.learninghomespotlight p	{
margin: 5px;
text-align: left;
}

.learninghomespotlight h1	{
background-color: #CAA682;
margin: 0 0 5px 0;
padding: 5px;
font: bold 14px Arial, Helvetica, sans-serif;
text-align: left;
}

.learningspotlightfloat	{
float: left;
width: 210px;
text-align: left;
}

.learningteacherline	{
margin-left: 220px;
text-align: left;
width: 215px;
}

.learningteacherline img	{
margin: 0 0 5px 0;
}

.teacherlineimage	{
float: left;
width: 350px;
margin-right: 15px;
margin-bottom: 15px;
}


.teacherlinemove	{
margin-left: 365px;
width: auto;
text-align: left;
}

.teacherlinebottom	{
width: 620px;
text-align: left;
}

.teacherlinebody	{
width: 620px;
text-align: left;
}

.radionewscontainer	{
width: 450px;
}

.radionewscontainer	h1	{
font-size: 12px;
background-color: black;
padding: 10px;
color: white;
margin-bottom: 5px;
text-align: left;
}

.nprnewspromocontainer	{
	width: 285px;
	float: left;
	padding: 10px;
	border-right: 2px solid #999;
	text-align: left;
}

.nprnewspromocontainer h1	{
font-size: 12px;
background-color: #CCCCCC;
padding: 5px;
text-align: left;
margin-top: 0px;
color: black;
}

.radiootherside	{
width: 125px;
margin-left: 315px;
text-align: left;
}

.radiootherside img	{
border: 0px;
padding: 5px 0 5px 0 ;
}

.nprmobile	{
text-align: left;
}



.floatleft	{
float: left;
margin-right: 10px;
margin-bottom: 30px;
}

/*
--- SIRIS main (place all modifications above this marker) ---
*/
.siris3colcontainer	{
width: 450px;
}

.siris3colcontainer h1	{
padding: 5px;
margin-bottom: 10px;
font-size: 12px;
text-align: left;
background-color: black;
color: white;
font-weight: normal;
}

.siris3col	{
width: 450px;
text-align: left;
margin-bottom: 10px;
}

.siris3col	h2 {
font: 14px arial, Arial, Helvetica, sans-serif;
margin:0px;

}

.siris3col .flt	{
margin-left: 260px;
margin-top: 0px;
}


.siris3col img	{
float: left;
width: 250px;
margin: 0 10px 0 0;
}

.siris3col .img2	{
float:left;
margin: 0 10px 0 0;
width: 150px;
}

.siris3col .img3	{
float:left;
margin: 0 10px 0 0;
width: 200px;
}
/*
--- HOME CSS Stuff ---
*/

.tvcontainer3col	{
width: 450px;
text-align: left;
margin: 0 0 3px 0;
}

.tvcontainer3col p	{
margin: 2px 0 0 0;
}

.tvcontainer3col img	{
float: left;
margin: 0 5px 0 0;
}

.tvcontainer3col h2	{
margin: 0px;
font: bold 12px Arial, Helvetica, sans-serif;
background-color: #CAA682;
padding: 3px;
}

.name	{
padding: 3px;
margin: 3px;
}

.tvblock	{
text-align: left;
width: 450px;
position: relative; 
height: 220px;
}

.tvprogramcontainer img	{
float: left;
margin: 0;
}

.tvprogramcontainer p	{
margin: 5px 0 0 210px;
}

.tvprogramcontainer h1	{
margin: 0px;
font: bold 12px Arial, Helvetica, sans-serif;
background-color: #CAA682;
padding: 3px;
}

.tvprogramcontainer	{
position:absolute; 
width:450px;
border-bottom: 2px solid #999;
visibility: hidden;
}

.tvrightblock	{
width: 235px;
float: right;
}

/*
--- End HOME CSS Stuff ---
*/

.tvchannels {
margin: 0;
padding: 0;
float: left;
height: 40px;
}

.tvchannels p	{
float: left;
padding: 5px;
margin: 2px;
background-color:#CCCC99;
width: 97px;
height: auto;
}

.tvchannels2 p	{
float: left;
padding: 5px;
margin: 2px;
background-color:#669999;
width: 97px;
}

.tvchannelshead p	{
float: left;
padding: 5px;
margin: 2px;
background-color:#999999;
width: 97px;
}



/*History Connector*/
.historyconnectcontainer	{
width: 615px;
text-align: left;
}

.historyconnectcontainer h1{
background-color: #4e3f34;
color: white;
padding: 5px;
margin: 0 0 5px 0;
font: bold 16px Arial, Helvetica, sans-serif;
}

.historyconnectcontainer	p	{
margin: 15px;
font: 14px Arial, Helvetica, sans-serif;
}

.historyconnectrow	{
margin: 0 0 10px 0;
}

.historyconnectprogram	{
width: 300px;
float: left;
margin: 0 7px 0 0;
display: inline;
background-color: #988374;
}

.historyconnectprogram p	{
font: bold 14px Arial, Helvetica, sans-serif;
margin: 5px 0 5px 10px;
}

.historyconnectprogram h1	{
background-color: #4e3f34;
font: bold 14px Arial, Helvetica, sans-serif;
margin: 10px 10px 0 10px;
padding: 5px;
color: white;
}

.historyconnectprogram	img	{
margin: 0 10px 0 10px;
}

.historyconnectmenu	{
width: auto;
}

.historyconnectmenu p	{
margin: 3px;
}

.historyconnectmenuitem	{
float: left;
width: 200px;
margin: 0 7px 0 0;
}

.historyconnectmenuitemlast	{
float: left;
width: 200px;
margin: 0;
}

.historyconnectmenuitem h1 {
margin: 0;
background-color: #4e3f34;;
color: white;
padding: 3px;
font: 14px bold Arial, Helvetica, sans-serif;
}

.historyconnectmenuitemlast h1 {
margin: 0;
background-color: #4e3f34;;
color: white;
padding: 3px;
font: 14px bold Arial, Helvetica, sans-serif;
}

.robert	{
width: 615px;
background-color: #988374;
}

.robert 	img	{
float: left;
margin: 0 10px 0 0;
}

.robert p	{
margin: 5px;
font: 12px Arial, Helvetica, sans-serif;
}

.robert h2	{
background-color:#4e3f34;
color: white;
margin: 0;
padding: 5px;
font: bold 12px Arial, Helvetica, sans-serif;
}

.supportpledgesidebar	{
width: 155px;
text-align: left;
}

.supportpledgesidebartop p	{
padding: 3px;
color: white;
font: bold;
}

.supportpledgesidebartop	{
background-color: #663333;
}

.supportpledgesidebartop img,
.supportpledgesidebar img	{
border: 2px solid black;
}

.supportpledgesidebar p	{
margin: 5px 0 5px 0;
}

/*End History Connector*/

/*mbb*/

.bbcontainer	{
width: 615px;
background-color:#481b25;
}

.bbpic	{
float: left;
margin: 10px 0;
}

.bbtext	{
float: right;
width: 350px;
}

.bbtext h1	{
background-color: #CAA682;
font: bold 18px Arial, Helvetica, sans-serif;
color: black;
text-align: center;
padding: 5px 10px;
margin: 10px 10px;
width: auto;
}

.bbtext img	{
float: left;
margin: 0 5px 0 0;
}

.bbsmall	{
color: white;
font: bold 16px Arial, Helvetica, sans-serif;
margin: 0;
text-align: left;
}

.bbcenter	{
color: white;
font: bold 16px Arial, Helvetica, sans-serif;
margin: 0;
text-align: center;
}

.bblarge	{
color: white;
font: bold 26px Arial, Helvetica, sans-serif;
margin: 0;
text-align: left;
}

.bbreg,
.bbreg a	{
color: white;
font: 14px Arial, Helvetica, sans-serif;
margin: 0 5px 0 0;
text-align: left;
}

.bbsponsorrow	{
margin: 10px 0;
width: 630px;
}

.bbsponsorelement	{
float: left;
width: 290px;
margin: 0 5px 0 10px;
background-color: #E8E6CF;
display: inline;
height: auto;
}

.bbsponsorelementsm	{
float: left;
width: 190px;
margin: 0 7px 0 7px;
background-color: #E8E6CF;
display: inline;
height: auto;
}

.bbsponsorelementsm img	{
width: 170px;
}

.bbsponsorelement p{
margin: 5px;
font: bold 14px Arial, Helvetica, sans-serif;
}

.bbsponsorelementsm p	{
font: bold 12px Arial, Helvetica, sans-serif;
margin: 5px;
}
/*end mbb*/

/* programming highlight grid layout */
.programmain h2 	{
background-color: #4e3f34;
margin: 0;
padding: 5px;
font: bold 18px Arial, Helvetica, sans-serif;
color: white;
}

.programmain	{
text-align: left;
}

.programmain p	{
font: 14px Arial, Helvetica, sans-serif;
margin: 10px;
}

.programmain h3	{
margin: 0;
padding: 5px;
background-color: black;
color: white;
font: bold 16px Arial, Helvetica, sans-serif;
}

.programelement	{
width: 290px;
margin: 5px;
float: left;
background-color: #988374;
}

.programelement p	{
margin: 5px;
font: 12px Arial, Helvetica, sans-serif;
border: 1px solid black;
padding: 5px;
margin: 5px;
background-color: #eee;}


.programelement h3	{
background-color: #4e3f34;
margin: 5px 5px 0 5px;
padding: 3px;
font: bold 14px Arial, Helvetica, sans-serif;
}

.programelement img	{
margin 0 0 0 5px;
}

.programelement h2	{
margin: 5px;
padding: 3px;
font: bold 14px Arial, Helvetica, sans-serif;
background-color: transparent;
color: black;}

.programcontainer	{
width: 620px;
}

.programmain img	{
margin: 0 0 0 5px;
}

/* end programming feature */

/* begin mysource styles*/
.mysourcecontainer	{
text-align: left;
border: 3px solid #ff9933;
}

.mysourcecontainer p {
font: 12px Arial, Helvetica, sans-serif;
margin: 10px 5px;

}

.mysourcecontainer h1 {
background-color:  #ff9933;
color: white;
padding: 5px;
margin: 0;
font: bold 16px Arial, Helvetica, sans-serif;
}

.mysourcefloat	{
float: right;
width: 250px;
margin: 5px 5px 0 10px;
}

.mysourcefloat h1 {
background-color: #0099FF;
color: white;
padding: 5px;
margin: 0;
}

.mysourcefloat h2	{
padding: 3px;
margin: 0;
font: bold 14px Arial, Helvetica, sans-serif;
color: white;
background-color: black;
}

.mysourcefloat p	{
margin: 5px 0;
}


/* end mysource styles*/

/*
--- END WSIU custom CSS code (place all modifications above this marker) ---
*/