﻿
/*
	Template Styles
*/
html {
	min-height: 100%;
	height: auto;
}
body 
{
	padding:0px;
	margin:0px;
	background-image:url(/images/body_bottom_bg.jpg);
	background-position:left bottom;
	
	vertical-align:bottom;
	background-repeat:repeat-x;
	background-color:#020307;
	color:#ffffff;

}

a 
{
	outline:0;
	position:relative; 
	z-index:1000;
}


input,textarea
{
	font-size:12px;
	font-family:Arial;
}



p
{
    padding:0px;
    margin:0px;
    margin-bottom:10px;
    vertical-align: top;
    text-align:left;
}

#general_interior_content .schedule p
{
	margin-bottom:2px;
}

p.seperator
{
	height:10px;
}

#wrapper
{
	position:relative;
	float:left;
	padding:0px;
	margin:0px;
	width:100%;
	min-height:100%;
	background-image:url(/images/body_top_bg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:transparent;	
}

#center_wrapper
{
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	
}

#header
{
	height:112px;
	width:900px;
}

#logo
{
	position:relative;
	float:left;
	height:112px;
	width:280px;
	padding:0px 0px 0px 20px;
	/* background-color:#eeeeee; */
}

#logo a,
#header_ad a
{
	outline:none;
}

#header_ad
{
	position:relative;
	float:left;
	height:82px;
	width:580px;
	padding:30px 20px 0px 0px;
	/* background-color:#ddd; */
	text-align:right;
}

#global_nav_bar
{
	position:relative;
	height:20px;
	width:870px;
	background-image:url(/images/global_nav_bar_bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	font-family:"Arial";
	font-size:8px;
	font-weight:bold;
	color:#ffffff;
	text-align:right;
	padding:5px 30px 0px 0px;
}

#global_nav_bar a 
{
	padding:0px 3px 0px 3px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}

#global_nav_bar a:hover
{
	text-decoration:underline;	
}

#content
{
	padding:17px 0px 17px 0px;
	width:900px;
	min-height:630px;
	/*background-color:#040404;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;*/
	background-image:url(/images/translucent_bg.png);
	background-position:top left;
	font-family:"Arial";
	font-size:12px;
	display: table-cell; 
	height: 100%;

}

#content a
{
	font-family:"Arial";
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#ccff66;
}




#content a:hover
{
	text-decoration:underline;	
}

h1 
{
	font-family:"Arial";
	font-size:18px;
	font-weight:bold;
	color:#999;
}

h2 
{
	font-family:"Arial";
	font-size:14px;
	font-weight:bold;
	color:#fff;

}

#footer
{
	/* 2 */
	position:relative;
	float:left;
	height:35px;
	width:900px;
	background-image:url(/images/footer_bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	font-family:"Arial";
	font-size:8px;
	font-weight:normal;
	color:#ffffff;
	text-align:center;
	padding:13px 0px 0px 0px;
}

#footer a 
{
	padding:0px 3px 0px 3px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}

#footer_bottom_row
{
	font-size:12px;
	color:#777;
	
	padding:5px 0px 0px 0px;
}

#footer_bottom_row a 
{
	color:#777;
	text-decoration:underline;
}

#footer a:hover,
#footer_bottom_row a:hover
{
	text-decoration:none;	
}

#footer_buffer
{
	/* 3 */
	position:relative;
	float:left;
	width:900px;
	height:20px;
	background-color:#020407;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;

}

/*
	Index Page Styles
*/

#flash_holder
{
	position:relative;
	float:left;
	width:560px;
	height:360px;
	padding:0px 0px 0px 17px;	
}

#flash_callout
{
	width:566px;
	padding:0px 0px 0px 12px;	
}

#content_left
{
	position:relative;
	float:left;
	width:576px;
	padding:0px 0px 0px 0px;
	margin:0px 8px 0px 0px;
}

#content_right
{
	position:relative;
	float:left;
	width:298px;
	padding:0px 0px 0px 0px;
}

#content_left_vod
{
	position:relative;
	float:left;
	width:556px;
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 0px;
}
#content_left_vod #index_copy
{
	padding-top:0px;
}

#index_copy
{
	padding:13px 0px 0px 28px;
}

.callout
{

	width:299px;
	height:105px;
	background-image:url(/images/callout_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px 0px 8px 0px;
}

.callout_icon
{
	position:relative;
	float:left;
	width:98px;
	height:73px;
	padding:14px 0px 0px 12px;
}

.callout_desc
{
	position:relative;
	float:left;
	width:173px;
	height:73px;
	padding:8px 0px 0px 0px;
	font-size:10px;
}

.callout_link
{
	position:relative;
	float:left;
	width:300px;
	height:20px;
	text-align:right;

}

.callout_link a 
{
	font-weight:bold;
	text-decoration:none;
	color:#ccff66;
	padding:0px 20px 0px 0px;}

.callout_header
{
	font-family:"Arial";
	font-size:14px;
	font-weight:bold;
	color:#fff;	
}


.block_ad
{
	width:299px;
	position: relative;
}

/*
	Landing page styles
*/

#content_left_landing
{
	position:relative;
	float:left;
	width:480px;
	padding:0px 0px 0px 0px;
	margin:0px 23px 0px 26px;
}

#content_left_landing div.copy
{
	position:relative;
	float:left;
	width:100%;
	padding:20px 0px 0px 0px;
}

p.one,
p.two,
p.three
{
	padding:5px 0px 5px 36px;
	background-position:top left;
	background-repeat:no-repeat;
}

p.one
{
	background-image:url(/images/one.png);	
}

p.two
{
	background-image:url(/images/two.png);	
}

p.three
{
	background-image:url(/images/three.png);	
}


#landing_flash
{
	position:relative;
	float:left;
	width:480px;
	height:361px;
}



#landing_assoc_content_top 
{
	position:relative;
	float:left;
	width:323px;
	height:229px;
	padding:10px 10px 10px 10px;
	background-image:url(/images/landing_assoc_content_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.landing_callout_header
{
	font-family:"Arial";
	font-size:18px;
	font-weight:bold;
	color:#fff;	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.tips
{
	position:relative;
	float:left;
	width:273px;
	height:89px;
	padding:10px 10px 10px 60px;
	margin:10px 0px 5px 0px;
	background-image:url(/images/tips_bg.png);
	background-position:top left;
	background-repeat:no-repeat;	
}

/*

	Interior Page Content

*/

#general_interior_content
{
	float:left;
	width:498px;
	padding:0px 0px 0px 18px;
	margin:0px 23px 0px 0px;
}

#content_right_landing
{
	width:312px;
	padding:0px;
	margin:0px;
	float:left;
	
}

#content_right_landing .block_ad
{
	padding-left:46px;
}


#general_assoc_content
{
	position:relative;
	float:left;
}

.schedule_column
{
	position:relative;
	float:left;
	width:50%;	
}



.schedule_column .month
{
	font-family:"Arial";
	font-size:14px;
	font-weight:bold;
	color:#fff;	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.schedule_column .episode
{
	font-family:"Arial";
	font-size:12px;
	font-weight:bold;
	color:#fff;	
	padding:0px 0px 0px 36px;
	margin:2px 0px 0px 0px;
}

.schedule_column .topic
{
	font-family:"Arial";
	font-size:12px;
	font-weight:normal;
	color:#e5ff4d;	
	padding:0px 0px 0px 36px;
	margin:0px 0px 0px 0px;
}

/*
	Video Submission Styles
*/

#content_wide
{
	position:relative;
	float:left;
	padding-left:18px;
	margin-bottom:18px;
}

.form_column
{
	position:relative;
	float:left;
	width:378px;
	padding:0px 36px 0px 0px;
}

.form_column table
{
	width:378px;	
}

.form_column table th
{
	text-align:left;	
}

.form_column table th,
.form_column table td
{
	padding:4px;
}

.form_column input,
.form_column textarea
{
	border:solid 0px white;
	background-color:White;
	
}

.form_column table td.directions
{
	color:#999;
	font-weight:bold;
}

.agreement_copy
{
	text-transform:uppercase;
	font-weight:bold;
}


#content_left_landing .numlist
{
	height:40px;
}

#content_left_landing .numlist p
{
	padding-top:5px;
}

#content_left_landing .numimg
{
float:left;height:30px; vertical-align:top;  margin-right:8px;
}

.homebox
{
	margin:20px 10px 0px 20px; 
	width:260px; 
	font-family:Arial; 
	font-size:14px; 
	line-height:18px;
	float:left;
	height:150px;
}
.homeboxright
{
	margin:20px 5px 0px 5px; 
	width:255px; 
	font-family:Arial; 
	font-size:14px; 
	line-height:18px;
	float:right;
	height:150px;
}
.homebox a, .homeboxright a
{
	font-size:14px !important; 
	text-decoration:underline !important;
}
.homebox a:hover, .homeboxright a:hover
{
	text-decoration:none !important;
}
.homebox .icon, .homeboxright .icon
{
	float:left; margin-right:5px; margin-bottom:25px
}
.homebox p.space, .homeboxright p.space
{
	padding:0px;
	margin:5px 0px;
}
.unexplained
{
	font-size:14px;
	padding-left:10px;
	line-height:18px;
}