/*
-----------------------------------------------------
Black Grace: From Cannon's Creek to Jacob's Pillow Print Styles
-----------------------------------------------------
PBS CSS
-----------------------------------------------------
*/

/*
STYLES INDEX

I. Global

II. Header

III. Body Content

	A. Primary Column
		1. Header and Text Styles
		2. Form Styles
		3. Broadcast Info
		4. Video Preview
		5. Timeline

	B. Secondary Column
		1. Header and Text Styles
		2. E-commerce
		3. Features Promo
		4. Broadcast Info
		5. Secondary Navigation

IV. Footer

*/

/*
======================================================
I. Global
======================================================
*/

body
{
	font: 12pt/16pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	margin: 0;
}

#sitewrapper
{
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

#sitewrapper-videopreview
{
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
}

#sitewrapper a:link,
#sitewrapper a:visited,
#sitewrapper a:active,
#sitewrapper-videopreview a:link,
#sitewrapper-videopreview a:visited,
#sitewrapper-videopreview a:hover,
#sitewrapper-videopreview a:active
{
	color: #0d9330;
	text-decoration: none;
	font-weight: bold;
}
#sitewrapper a:hover
{
	text-decoration:underline;
}

/*
======================================================
II. Header
======================================================
*/

#header
{
	width: 100%;
}

#header #banner
{
	background-color: #FFF;
}


/*
======================================================
III. Body Content
======================================================
*/

#bodycontent
{
	width: 100%;
}

/*
-----------------------------------------------------------------------------------------------------------
A. Primary Column
-----------------------------------------------------------------------------------------------------------
*/

#primarycolumn .homepage
{
	vertical-align: top;
	background-color: #FFFFFF;
	padding: 12px 18px 20px 18px;
}

#primarycolumn .quote {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align:right;
	color: #0d9330;
	padding-right: 18px;
	padding-left: 18px;
	padding-bottom: 18px;
	line-height: 16px;
	font-weight: bold;
}


#primarycolumn
{
	vertical-align: top;
	background-color: #FFFFFF;
	padding: 12px 18px 20px 18px;
}

/*
-----------------------------------------------------------------------------------------------------------
A1. Primary Column: Header and Text Styles
-----------------------------------------------------------------------------------------------------------
*/

#primarycolumn h1
{
	font-size: 18pt;
	line-height: 20pt;
	color: #FFF;
	margin: 5px 0 20px 0;
}

#primarycolumn h3
{
	font-size: 14pt;
	line-height: 14pt;
	color: #0d9330;
	margin: 20px 0 13px 0;
}

#primarycolumn h4
{
	font-size: 12pt;
	font-size: 13pt;
	color: #000;
	margin: 25px 0 0 0;
}

#primarycolumn h5
{
	font-size: 10pt;
	line-height: 12px;
	color: #000;
	margin: 15px 0 0 0;
}

#primarycolumn p
{
	line-height: 15pt;
	margin: 10px 0 0 0;
}

/*
-----------------------------------------------------------------------------------------------------------
A2. Primary Column: Form Styles
-----------------------------------------------------------------------------------------------------------
*/

#primarycolumn form
{
	margin: 20px 0 0 0;
}

#primarycolumn form p
{
	margin: 0 0 3px 0;
}

#primarycolumn form label
{
	font-weight: 900;
}

#primarycolumn form input,
#primarycolumn form textarea
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	vertical-align: middle;
	margin: 3px 0 6px 0;
}

#primarycolumn form select
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000;
	margin: 3px 0 12px 0;
}

#primarycolumn form input.radiobutton
{
	margin: 0 3px 0 0;
}

#primarycolumn .formrow
{
	margin: 3px 0 3px 0;
}

/*
-----------------------------------------------------------------------------------------------------------
A3. Primary Column: Broadcast Info
-----------------------------------------------------------------------------------------------------------
*/

#primarycolumn #broadcastinfo
{
	border: 2px solid #626262;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 18px;
}

#primarycolumn #broadcastinfo p
{
	font-size: 11pt;
	font-size: 13pt;
	margin: 0;
}

/*
-----------------------------------------------------------------------------------------------------------
A4. Primary Column: Video Preview
-----------------------------------------------------------------------------------------------------------
*/

#primarycolumn #videopreview
{
	width: 160px;
	border: 2px solid #626262;
	float: left;
	background-color: #626262;
	margin: 10px 10px 10px 0;
}

#primarycolumn #videopreview p
{
	font-weight: 900;
	line-height: 11pt;
	color: #34029a;
	text-transform: uppercase;
	text-align: center;
	margin: 10px 0 10px 0;
}

#primarycolumn #videopreview a:link,
#primarycolumn #videopreview a:visited,
#primarycolumn #videopreview a:active
{
	color: #fff;
}
#primarycolumn #videopreview a:hover
{
	text-decoration:underline;
}
/*
-----------------------------------------------------------------------------------------------------------
A5. Primary Column: Timeline
-----------------------------------------------------------------------------------------------------------
*/

#primarycolumn #timeline td
{
	border-top: 1px solid #9cf;
	vertical-align: top;
	padding: 5px 0 0 0;
}

#primarycolumn #timeline p
{
	line-height: 12px;
	margin: 0 0 15px 10px;
}

#primarycolumn #timeline .caption
{
	font-size: 10px;
	color: #666;
	margin: 0 0 20px 20px;
}

#primarycolumn #timeline img
{
	margin: 0 0 0 20px;
}

#primarycolumn #timeline .time
{
	width: 40px;
	font-size: 16px;
	line-height: 17px;
	font-weight: 900;
	color: #000;
	text-align: center;
	vertical-align: top;
	padding: 6px 0 4px 0;
}

#sneak {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}

/*
-----------------------------------------------------------------------------------------------------------
B. Secondary Column
-----------------------------------------------------------------------------------------------------------
*/

#secondarycolumn
{
	width: 225px;
	border-left: 1px solid #626262;
	background-color: #FFF;
	vertical-align: top;
	padding: 18px;
}

/*
-----------------------------------------------------------------------------------------------------------
B1. Secondary Column: Header and Text Styles
-----------------------------------------------------------------------------------------------------------
*/

#secondarycolumn h3
{
	font-size: 14pt;
	font-weight: 900;
	color: #0d9330;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #626262;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-bottom: 5px;
}

/*
-----------------------------------------------------------------------------------------------------------
B2. Secondary Column: E-commerce
-----------------------------------------------------------------------------------------------------------
*/

#secondarycolumn #ecommerce
{
	margin: 0 0 40px 0;
}

#secondarycolumn #ecommerce img
{
	float: left;
	margin: 0 9px 0 0;
}

#secondarycolumn #ecommercedescription p
{
	font-size: 13pt;
	margin: 0 0 3px 0;
	font-size: 12pt;
}

/*
-----------------------------------------------------------------------------------------------------------
B3. Secondary Column: Features Promo
-----------------------------------------------------------------------------------------------------------
*/

#secondarycolumn #featurespromo
{
	clear: both;
}

#secondarycolumn #featurespromo #programfeaturepromo img,
#secondarycolumn #featurespromo #topicfeaturepromo img
{
	
}

#secondarycolumn #featurespromo #programfeaturepromo p,
#secondarycolumn #featurespromo #topicfeaturepromo p
{
	font-size: 13pt;
	line-height: 14pt;
	font-weight: 900;
	margin: 4px 0 8px 0;
	padding: 4px 0 0 0;
}
#secondarycolumn #featurespromo #programfeaturepromo p
{
	font-size: 13pt;
	line-height: 14pt;
	font-weight: 900;
	margin: 4px 0 8px 0;
	padding: 4px 0 10px 0;
}
#sitewrapper #bodycontent #secondarycolumn #featurespromo #topicfeaturepromo a,
#sitewrapper #featurespromo #programfeaturepromo p a:visited,
#sitewrapper #featurespromo #programfeaturepromo a:active,
#sitewrapper #bodycontent #secondarycolumn #featurespromo #programfeaturepromo a {
	color: #000000;
	text-decoration:none;
}
#sitewrapper #bodycontent #secondarycolumn #featurespromo #topicfeaturepromo a:hover,
#sitewrapper #bodycontent #secondarycolumn #featurespromo #programfeaturepromo a:hover {
	text-decoration:underline;
}


/*
-----------------------------------------------------------------------------------------------------------
B4. Secondary Column: Broadcast Info
-----------------------------------------------------------------------------------------------------------
*/

#secondarycolumn #broadcastinfo
{
	margin: 0 0 20px 0;
}

#secondarycolumn #broadcastinfo p
{
	line-height: 13px;
	border: 1px solid #ccb664;
	padding: 5px 5px 6px 5px;
	margin: 0;
}

/*
-----------------------------------------------------------------------------------------------------------
B5. Secondary Column: Secondary Navigation
-----------------------------------------------------------------------------------------------------------
*/

#secondarycolumn #secondarynav ul
{
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0 0 10px 0;
}

#secondarycolumn #secondarynav ul li
{
	font-size: 12pt;
	line-height: 19px;
}
/*
-----------------------------------------------------------------------------------------------------------
B6. Secondary Column: Secondary Navigation
-----------------------------------------------------------------------------------------------------------
*/

#secondarycolumn #links ul
{
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0;
}

#secondarycolumn #links ul li
{
	font-size: 12pt;
	line-height: 19px;
}

/*
======================================================
IV. Footer
======================================================
*/

#footer
{
	width: 100%;
	color:#FFFFFF;
	margin: 15px 0 0 0;
}
#footer a:link,
#footer a:visited,
#footer a:active,
{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#footer a:hover{
	text-decoration:underline;
}

#footer .funders,
#footer .producers
{
	vertical-align: top;
	padding: 5px 10px 5px 10px;
}
#footer #producers a:link,
#footer #producers a:visited,
#footer #producers a:hover,
#footer #producers a:active,
{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#footer .funders img,
#footer .producers img
{
	border: 1px solid #34029a;
	margin: 5px 0 0 0;
}

#footer .funders p,
#footer .producers p,
#footer #copyright p
{
	margin: 0;
	text-align:center;
}

#footer #copyright
{
	line-height: 15px;
	vertical-align: top;
	padding: 7px 0 5px 10px;
}
#sitewrapper #footer #copyright a {
	color: #FFFFFF;
}

hr {
	color: #626262;
	padding: 0px;
	margin: 12px 0 12px 0;
}