/*
-----------------------------------------------------
Templated Companion Site Demo
-----------------------------------------------------
Template 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-family: Tahoma, Arial, sans-serif;
	font-size:11px;
	color: #000;
	margin: 0;
	background-color:#86CC8B;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

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


#globalnav
{
	height:30px;
}

img {
	vertical-align:bottom;
	}

a:link
{
	color:#0012C2;
}
a:visited
{
	color:#292F6B;
}
a:hover
{
	color:#384CFF;
	text-decoration:none;
}
a:visited:hover
{
	color:#384CFF;
	text-decoration:none;
}

.photo
{
	border:1px solid #666;
}

.photoleft
{
	border:1px solid #666;
	float:left;
	margin:0 20px 10px 0;
}

.photoright
{
	border:1px solid #666;
	float:right;
	margin:0 0 10px 20px;
}

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

#header
{

}

#headerprint
{
	display:none;
}


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

#main
{
	background-image:url(../images/background_bodyRepeat.gif);
}

.contentcontainerhome {
	margin:0 20px 10px 0;
}

.contentcontainer
{
	/*float:left;*/
	width:530px;
	margin:0 0 10px 0;
}

div.contentcontainer
{
	font-size:11px;
}

#clipcontainer
{
	border:1px solid #609264;
	padding:10px;
}

#quotecontainer {
	border:1px solid #609264;
	padding:10px;
	background-color:#BBE2BD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:1.3em;
}

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

#primarycolumn
{
	width:563px;
	background-image:url(../images/background_body.jpg);
	background-repeat:no-repeat;
}


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

#primarycolumn h1
{
	color:#5d0101;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	margin:1.5em 0 .25em 0;
}

#primarycolumn h2
{
	color:#5d0101;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
}

#primarycolumn h3
{
	color:#5d0101;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:1.5em 0 .25em 0;
}

#primarycolumn h4
{
	color:yellow;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
}

#primarycolumn p
{
	line-height: 15px;
	margin:0 0 .75em 0;
	font-size:11px;
}

.alignright {
	float:right;
	}

.alignleft {
	float:left;
	}
	
/*
-----------------------------------------------------------------------------------------------------------
A2. Primary Column: Form Styles
-----------------------------------------------------------------------------------------------------------
*/
	
#feedback form
{
	margin: 20px 0 0 0;
}

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

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

#feedback form input,
#feedback form textarea
{
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	margin: 3px 0 6px 0;
	background-color:#b8e1bb;
}

#feedback form select
{
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 3px 0 12px 0;
	background-color:#b8e1bb;
}

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

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

.formbox
{
	background-color:#b8e1bb;
}


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



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

#primarycolumn #videopreview {
	width: 180px;
	text-align:center;
	border: 1px solid #609264;
	background-color:#F9F4BE;
	float: left;
	margin: 10px 20px 10px 0;
	padding:10px 0 0 0;
}

#primarycolumn #videopreview p {
	margin:10px;
}

div.pbsmediaplayercontent table {
	width:95%;
	}
	
div.pbsmediaplayercontent table td {
	width:80%;
	font-size:11px;
	}
	
div.pbsmediaplayercontent table td table {
	width:10%;
	float:right;

	}
	
td.type, td.size {
	font-size:11px;
	}



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

#secondarycolumn
{

}

#secondarycolumn p
{	
	margin:0 0 7px 0;
	font-size:11px;
}

#secondarycolumn h3
{	
	color:#5d0101;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
}

.sidebaritem
{
	margin:0 5px 8px 8px;
	border-bottom:1px dashed #666;
	padding:5px 0 15px 0;
}

.sidebarphoto {
	float:left;
	border:1px solid #666;
	margin:0 5px 10px 0;
	}
	
.sidebarphotowide {
	border:1px solid #666;
	margin:0 0 5px 0;
	}
	




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



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





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



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



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



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


#printhide 
{
	/*display:none;*/
}

TD.bluebar
{
	color:white;
	font-weight:bold;
	background-color:#2760E0;
	font-size:11px;
}

TD.bluebar a:link, TD.bluebar a:visited 
	{
	color:white;
	font-weight:bold;
	}
	
TD.bluebar a:hover, TD.bluebar a:visited:hover 
	{
	color:yellow;
	font-weight:bold;
	text-decoration:none;
	}
	
TD.bluebar IMG {
	vertical-align:baseline;
	}
	
#footerprint
{
	display:none;
}

#footer td {
	font-size:11px;
}