/* WTHB - CSS Document - July 2008 by Illumedia Design Studios, LLC, Teri Simonton */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 1em;
}

body {
margin: 0;
padding: 0;
font: .9em Arial, Helvetica, sans-serif;
background-color: #000000;
}

#Parent_Box {
margin: auto;
padding: 0;
height: auto;
width: 950px;
clear: both;
background-color:#012456;
}

#Masthead_topID {
float: left;
width: 950px;
height: 32px;
margin: 0;
padding: 0;
clear: both;
background-image: url(../Images/masthead_topstrip.jpg);
background-repeat: no-repeat;
}

/* MASTHEAD NOTE: Masthead artwork placed at background - main artwork strip requires Flash plugin */

#Masthead_Flashstrip {
float: left;
width: 950px;
height: 155px;
margin: 0;
padding:0;
clear: both;
background-image: url(../Images/masthead.jpg);
background-repeat: no-repeat;
}

#Menubar {
float: left;
width: 950px;
height: 63px;
background-color: #000000;
background-repeat: no-repeat;
background-position: left;
margin: 0;
padding: 0;
clear: both;
}

/* Main box for holding 3-column format and repeating background */

#Main_box {
float: left;
width: 950px;
height: auto;
background-color: #000000;
margin: 0;
padding: 0;
clear: both;
background-image: url(../Images/full_bkgd.jpg);
background-repeat: no-repeat;
background-color:#012456;
}

/* Front page left column */

#Left_Column {
float: left;
width: 235px;
height: auto;
padding: 0;
margin: 0;
clear: left;
}

#Left_Column_Promo {
float: left;
width: 221px;
height: auto;
padding: 0;
margin: 10px 0 0 0;
clear: both;
}

#Left_Column_Top {
float: left;
width: 221px;
height: 38px;
padding: 0;
margin: 10px 0 0 14px;
clear: both;
}

#Left_Column_Center {
float: left;
width: 221px;
height: auto;
padding: 0;
margin: 0 0 0 14px;
background-image: url(../Images/left_column_content.jpg);
background-repeat: repeat-y;
clear: both;
}

#Left_Column_Center p {
padding: 0 10px 10px 10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: .8em; 
line-height: 110%;}

#Left_Column_bottom {
float: left;
width: 221px;
height: 10px;
padding: 0;
margin: 0 0 0 14px;
background-image: url(../Images/left_column_bottom.jpg);
background-repeat: no-repeat;
clear: both;
}

/* Front Page Center Column */

#Center_Column {
float: left;
width: 467px;
height: auto;
padding: 0;
margin: 0;
}

#Center_Column_Promo {
float: left;
width: 460px;
height: 97px;
padding: 0 0 0 5px;
margin: 0;
clear: both;
}


#Center_Column_Top{
float: left;
width: 457px;
height: 47px;
padding: 0;
margin: 10px 0 0 7px;
clear: both;
}

#Center_Column_Content{
float: left;
width: 457px;
height: auto;
padding: 0;
margin: 0 0 0 7px;
clear: both;
background-image: url(../Images/center_column_content.jpg);
background-repeat: repeat-y;
}

#Center_Column_Content p{
padding: 0 15px 0 10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: .9em; }

#Center_Column_Bottom{
float: left;
width: 457px;
height: 17px;
padding: 0;
margin: 0 0 0 7px;
clear: both;
background-image: url(../Images/center_column_bottom.jpg);
background-repeat: no-repeat;
}

/* Front Page Right Column */

#Right_Column {
float: right;
width: 246px;
height: auto;
padding: 0;
margin: 0;
padding: 0;
clear: right;
}

#Right_Column_Video_Promo {
float: left;
width: 246px;
height: auto;
margin: 0;
padding: 0;
}


#Right_Column_Top {
float: left;
width: 210px;
height: 40px;
background-repeat: no-repeat;
margin: 10px 0 0 20px;
padding: 0;
}

#Right_Column_Content {
float: left;
width: 210px;
height: auto;
padding: 0;
margin: 0 0 0 20px;
clear: both;
background-image: url(../Images/right_column_center.jpg);
background-repeat: repeat-y;
}

#Right_Column_Content p {
padding: 10px 0 0 10px;
font-size: .9em;
}

#Right_Column_Bottom {
	float: left;
	width: 210px;
	height: 12px;
	margin: 0 0 0 20px;
	padding: 0;
	clear: both;
	background-image: url(../Images/right_column_bottom.jpg);
	background-repeat: no-repeat;
}
/* Secondary Template Full Column */

#Center_Column_Full {
float: left;
width: 854px;
height: auto;
padding: 0;
margin: 0 0 0 48px;
}

#Center_Column_Promo {
float: left;
width: 460px;
height: 97px;
padding: 0 0 0 5px;
margin: 0;
clear: both;
}


#Center_Column_Top_Full{
float: left;
width: 854px;
height: 52px;
padding: 0;
margin: 0;
clear: both;
}

#Center_Column_Content_Full{
float: left;
width: 854px;
height: auto;
padding: 0;
margin: 0;
clear: both;
background-image: url(../Images/center_column_content_full.jpg);
background-repeat: repeat-y;
}

#Center_Column_Content_Full p{
padding: 0 10px 0 20px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: .9em;
line-height: 125%; }

#Center_Column_Bottom_Full{
float: left;
width: 854px;
height: 17px;
padding: 0;
margin: 0;
clear: both;
background-image: url(../Images/center_column_bottom_full.jpg);
background-repeat: no-repeat;
}

/* hack so that the main content background extends with content and bumps down footer */

#column_expand_hack {
clear: both;
padding: 0;
margin: 0;
display: block;
}

/* FOOTERS */

#Footer_full {
float: left;
width: 950px;
height: 42px;
padding: 0;
margin: 25px 0 0 0;
clear: both;
background-image: url(../Images/Footer.jpg);
background-repeat: no-repeat;
background-color:#012456;
}

#Footer_full p {
padding: 5px;
color: #FFFFFF;
font-size:.9em;
text-align: center;
margin: 0;
 }
 
#Footer_full a, a:link, a:visited, a:hover, a:active {
color: #FFFFFF;
}
 
#sponsor_footer {
float: left;
width: 950px;
height: 60px;
margin: 0;
padding: 0;
clear: both;
text-align: center;
}

/* Commonly used to style page titles. */
h1 {
  color: #0066FF;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  margin: 0 0 0 10px;
}
/* Commonly used to style section titles. */
h2 {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
/* Sets the style for unvisited links. */
a,  a:link {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #FF0000;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #000;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #000;
}

.playlist_doublespace {
line-height: 200%;
}

.captions {
color: #000;
font-style: italic;
font-size: .8em;
}