/*
-----------------------------------------------------
Templated Companion Site Demo
-----------------------------------------------------
Welcome to the Club 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: 11px/15px  verdana, arial,sans-serif;
	background-color: #142001;
	margin: 0;
	color:#FFFFFF;
}

#sitewrapper
{
	width: 695px;
	margin: 0 auto;
	/*text-align: left;Z*/
}

#sitewrapper-videopreview
{
	width: 100%;
	margin: 0 auto;
}

#sitewrapper a:link,
#sitewrapper a:visited,
#sitewrapper a:hover,
#sitewrapper a:active,
#sitewrapper-videopreview a:link,
#sitewrapper-videopreview a:visited,
#sitewrapper-videopreview a:hover,
#sitewrapper-videopreview a:active
{
	color: #ffd98b;
	text-decoration: underline;
}


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

#header
{
	width: 100%;
}

#header #banner
{
	border-bottom: 1px solid #9c6903;
	background: #000;
	height:139px;
	width:695px;
}


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

#bodycontent
{
	width: 100%;
	
}


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

#primarycolumn .homepage
{
	vertical-align: top;
	padding: 12px 10px 0 15px;
}

#primarycolumn
{
	vertical-align: top;
	padding: 0 10px 20px 15px;
}
.boomerContent {
	background-image: url(images/home/background.jpg);
	background-repeat: no-repeat;
}

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

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

#primarycolumn h3
{
	font-size: 14px;
	line-height: 14px;
	color: #FFF;
	margin: 20px 0 2px 19px;
}

#primarycolumn h4
{
	font-size: 12px;
	line-height: 14px;
	color: #FFF;
	margin: 25px 0 0 0;
}

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

#primarycolumn p
{
	line-height: 16px;
	margin: 10px 0 0 0;
	text-align:justify;
}

/*
-----------------------------------------------------------------------------------------------------------
A2. Primary Column: Form Styles
-----------------------------------------------------------------------------------------------------------
*/
#primarycolumn #feedback p
{
text-align:left
}
#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: arial, verdana, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	margin: 3px 0 6px 0;
}

#primarycolumn form select
{
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	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
{
	padding: 5px 7px 5px 7px;
}

#primarycolumn #broadcastinfo p
{
	font-size: 12px;
	line-height: 14px;
	margin: 0;
}

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

#primarycolumn #videopreview
{
	width: 230px;
	float: left;
	margin: 10px 25px 10px 0px;
	text-align: center;
}


#primarycolumn #videopreview p
{
	font-weight: 900;
	line-height: 11px;
	color: #fff;
	margin: 10px 0 10px 0;
}

#primarycolumn #videopreview a:link,
#primarycolumn #videopreview a:visited,
#primarycolumn #videopreview a:hover,
#primarycolumn #videopreview a:active
{
	color: #ffd98b;
	text-decoration: underline;
}

/*
-----------------------------------------------------------------------------------------------------------
A5. Primary Column: Timeline
-----------------------------------------------------------------------------------------------------------
*/

#primarycolumn #timelineContent td
{
	vertical-align: top;
}
#primarycoumn #timelineContent .descripCell
{
padding-top: 30px;
}

#primarycolumn #timelineContent p
{
	line-height: 12px;
	margin: 15px 0 15px 10px;
	text-align:left;
}

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

#primarycolumn #timelineContent .imgRow
{
	margin: 0 0 10px 20px;
}


/*
-----------------------------------------------------------------------------------------------------------
A6. Primary Column: Credits
-----------------------------------------------------------------------------------------------------------
*/
#primarycolumn #credits td
{
vertical-align: top;
}
#primarycolumn .subHeadCredit
{
	margin: 20px 0 0 0;
}
#primarycolumn .creditList
{
color:#bd8a24; font-weight:bold;
}

/*
-----------------------------------------------------------------------------------------------------------
A7. Primary Column: Who's Who
-----------------------------------------------------------------------------------------------------------
*/


#primarycoumn #whoswho .descripCell
{

}

#primarycolumn #whoswho p
{
	line-height: 12px;
	margin: 0 0 10px 0px;
	text-align:left;
}


#primarycolumn #whoswho .imgRow
{
	margin: 0 0 10px 20px;
}
/*
-----------------------------------------------------------------------------------------------------------
A8. Primary Column: 10 Things
-----------------------------------------------------------------------------------------------------------
*/


#primarycoumn #tenthings .descripCell
{

}

#primarycolumn #tenthings p
{
	line-height: 12px;
	margin: 0 0 10px 20px;
	text-align:left;
}


#primarycolumn #tenthings .imgRow
{
	margin: 0 0 10px 0;
}

/*
-----------------------------------------------------------------------------------------------------------
A9. Primary Column: Related LInks
-----------------------------------------------------------------------------------------------------------
*/


#primarycolumn #relatedlinks p
{
	line-height: 12px;
	margin: 0 0 10px 20px;
	text-align:left;
}
#primarycolumn #relatedlinks .contentCell
{
padding: 15px 50px 15px 15px;
}
#primarycolumn #relatedlinks .weblink
{
font-size:14px;
font-weight:bold;
margin:0 0 5px 20px;
line-height:17px;
}

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

#secondarycolumn
{
	background-image: url(images/nav/bgTile.gif);
	vertical-align: top;
}

#secondarycolumn p
{
margin-left:20px; 
margin-top:3px;
font-size:10px;

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

#secondarycolumn h3
{
	font-size: 14px;
	font-weight: 900;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

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

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

#secondarycolumn #ecommerce img
{
	float: left;
	border: 1px solid #34029a;
	margin: 0 9px 0 0;
}

#secondarycolumn #ecommercedescription p
{
	line-height: 12px;
	margin: 0 0 3px 0;
	
}

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

#secondarycolumn #featurespromo
{
	clear: both;
}

#secondarycolumn #featurespromo #programfeaturepromo img,
#secondarycolumn #featurespromo #topicfeaturepromo img
{
	border: 1px solid #34029a;
}

#secondarycolumn #featurespromo #programfeaturepromo p,
#secondarycolumn #featurespromo #topicfeaturepromo p
{
	font-size: 13px;
	line-height: 14px;
	font-weight: 900;
	margin: 4px 0 20px 0;
}

/*
-----------------------------------------------------------------------------------------------------------
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: 12px;
	line-height: 19px;
}


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


#footer
{
	width: 100%;
	
}

#footer .funders,
#footer .producers
{
	padding: 5px 10px 5px 10px;
	vertical-align:top;
}

#footer .funders img,
#footer .producers img
{
	margin: 0 0 0 0;
}

#footer .funders p,
#footer .producers p,
{
	margin: 0;

}

#footer #copyright
{
	line-height: 15px;
	padding: 55px 0 5px 10px;
}