/*  WHEN INPUTTING MICROSITE INTO WEBSITE CHANGE -- #SITE_WRAPPER POSITION: ABSOLUTE TO FLOAT:LEFT POSITION:RELATIVE ********************/


/*  General Microsite rules **************************************************/

#site_wrapper {
	border:0px none;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	margin:0px;
	padding:0px;
	text-align:left;
	width:802px;
	height:auto;
	
  	}
	
#site_wrapper h1, h2, h3, h4, h5, h6, p{
 	margin: 0px;
 	padding: 0px;
	border: 0px;
	display: block;
	}
#site_wrapper p{
 	font-size: 11px;
	}

#site_wrapper img {
	display: block;
 	margin: 0px;
 	padding: 0px;
	}
/*  End General Microsite rules **************************************************/

/*  Start Microsite Layout Rules **************************************************/
/*  Don't change anything between the triple comment lines ***************************************/
/*  Don't change anything between the triple comment lines ***************************************/
/*  Don't change anything between the triple comment lines ***************************************/
#leftcolumn, #navigation_box, #ad_box1, #about_box, .content_box2, .content_box3, #more_content_header1, #content_column, #content_header, #content, #episode_video2_header, #episode_video2, #content_list1, #episode_header, #video_player_wrapper{
	float:left; 
	position:relative;
	}	/****************************************  Positioning Element -- DO NOT CHANGE **/
#header_ontv, #right_content_wrapper, .content_box1, #more_content_header2, #episode_video, #more_content_header3, #right_column, #right1{
	float: right;
	position:relative;		
	}	/****************************************  Positioning Element -- DO NOT CHANGE **/
#site_wrapper, #header_ontv, #leftcolumn, #navigation_box, #about_box, .content_box1,.content_box2, .content_box4, #content_column, #content, #right_column, #episode_video, #episode_video2, #content_list1, #about_teaser_copy, .teaser_copy_box, .teaser_copy_box2, .teaser_copy_box3{
	height:auto;
	}
#header_ontv, #content_wrapper_main, #leftcolumn, #navigation_box, #right_column, #right_column_top, #episode_header, #about_teaser_copy, .teaser_copy_box, .teaser_copy_box2, .teaser_copy_box3{
	background:transparent none repeat scroll 0% 50%;
	}
#site_wrapper{		/***************************************  MicroSite Main Container **/
	position:relative;
	float:left;
	}
#header_box_main, #header_box_inner {
	height:300px;
	position:relative;
	width:802px;
	}	
#header_box_inner {	
	height: 72px;
	}	
#header_ontv{		/*******  ONTV Show Text -- Specific, do not change -- other than colour. **/
	color:#b9976c;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:0.9em;
	letter-spacing:0px;
	line-height:1.6em;
	margin:0px 10px 0px 0px;
	text-align:right;
	width:300px;
	float:right !important;
	}
.ontv_bold{
	text-align:right;
	font-size:1.2em;
	font-weight:bold;
	}	
#content_wrapper_main{		/*  All Content Container **/
	min-height: 315px;
	height: auto !important;
	height: 315px;
	position:relative;
	width:802px;
	}		 	
#leftcolumn{		/*  Left Column Container **/
	width:170px;
	text-transform:uppercase;
	
	}
#navigation_box{	/*  Main Navigation Container **/
	text-transform:uppercase;
	margin:0px;
	
	width:170px;
	}
#ad_box1{		/*  Ad Container Under Main Navigation **/
	height:90px;
	margin-top:10px;
	padding:5px;
	width:160px;
	}	
#right_content_wrapper{
	min-height: 315px;
	height: auto !important;
	height: 315px;
	padding:0pt 4px;
	width:624px;
	}
#about_box{		/*  Landing page --About This Show-- Container **/
	margin-right:4px;
	width:397px;
	background:url(../images/segGrade.gif) repeat-x;
	}	
.content_box1,.content_box2,.content_box3, .content_box4{	/*  Characters, Episodes, More Content Containers **/
	position:relative;
	width:223px;
	}
.content_box1{		/*  Landing page Characters, Episodes, More Content Containers **/
	margin-bottom:1px;
	}
.content_box3{		/*  Landing page Characters, Episodes, More Content Containers **/
	height:74px;
	margin:0px 4px;
	width:170px;
	}
.content_box4{		/*  Inner pages Characters, Episodes, More Content, Newsletter Containers **/
	margin-bottom:1px;
	padding-bottom:10px;
	float:right;
	position:relative;
	width:170px;
	}
#more_content_header1{		/*  Landing page --More ShowTitle-- Container **/
	height:13px;
	margin:3px 0px 1px;
	width:100%;
	padding-bottom:2px;
	}
#content_column{		/*  Innner pages --Main Content-- Container **/
	margin:0pt 0px 0pt 0pt;
	width:450px;
	}	
#content_header{		/*  Innner pages --Main Content Header-- Container **/
	height:auto;
	width:426px;
	margin:0px 0px 1px 0px;
	padding:8px 12px;
	}	
#content{		/*  Innner pages --Main Content Copy-- Container **/
	font-size:1.2em;
	padding:5px 10px 1px 10px;
	width:430px;
	}
#right_column{		/*  Innner pages --Main Content Copy-- Container **/
	color: #fff;
	width:170px;
	}
#right_column_top{ 	/*  Right Column Top Images **/
	width:170px;
	}
#more_content_header2{		/* Inner Pages Right Column --More ShowTitle Header-- Container **/
	height:13px;
	margin:0px 0px 1px;
	width:170px;
	}
#more_content_header3{		/* Inner Pages Right Column Cast/Episodes Header Container **/
	height:13px;
	width:170px;
	}
#episode_video{		/* Episode page Right Column Video Container **/
	margin-bottom:4px;
	width:170px;
	}
#episode_video2_header{
	height:30px;
	width:397px;
	margin:0px 0px 1px 0px;
	padding:0;
	}
#episode_video2{
	width:397px;
	}
#content_list1{		/* Cast/Episode pages Navigation Container **/
	
	
	/*border-bottom:4px #186e89 solid;*/
	background-color:#200c00;
	color:#186e89;

	}
	
#content_list1 a{
color:#b9976c;
display:block;
background-color:#45280c;
width:145px;
padding:1px 0px 1px 25px;
border-bottom:1px solid #200c00;

}
#content_list1 a:link{background-color:#45280c; text-decoration:none;}
#content_list1 a:active{background-color:#45280c; text-decoration:none;}
#content_list1 a:visited{background-color:#45280c; text-decoration:none;}
#content_list1 a:hover{background-color:#533112; text-decoration:none;}
	
	
#episode_header{		/* Episode page Header Image Container **/
	height:200px;
	width:450px;
	margin:0px 0px 1px 0px;
	padding:0;
	}
#video_player_wrapper{		/* Video Page VideoPlayer Container **/
	height:393px;
	width:624px;
	}
#about_teaser_copy, .teaser_copy_box, .teaser_copy_box2, .teaser_copy_box3{
	float:left;
	position: relative;
	line-height:1.15em;
	}
#about_teaser_copy{
	float:right;
	width:156px;
	padding: 4px 8px;
	}
.teaser_copy_box{
	width:128px;
	padding: 5px 7px;
	}
.teaser_copy_box2{
	width:156px;
	padding: 5px 7px;
	}
.teaser_copy_box3{
	width:151px;
	padding: 5px 7px;
	}
hr.styled{
	color:#186e89;
	width:100%;
	margin:2px;
	}
#site_wrapper p{line-height:1.3em;}
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/**************** END LAYOUT RULES **************************/

/************** Content to change to update site ************/
a:link.copy, a:visited.copy, a:hover.copy, a:active.copy {color: #b9976c;}
a:link.copy {text-decoration:underline;}     
a:hover.copy {text-decoration:none;} 
 
a:link.headers, a:visited.headers, a:hover.headers, a:active.headers{
	
	font-size: 11px;
	font-weight: bold;
	color: #b9976c;
	margin-bottom:1px;

  	}
a:link.headers{text-decoration:underline;}
a:hover.headers {text-decoration:none;}
a:link.h5, a:visited.h5, a:hover.h5, a:active.h5{
	display:inline;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color:#186e89;
	padding:2px;
  	}
a:link.h5{text-decoration:none;}
a:hover.h5 {text-decoration:underline;}

#site_wrapper h1, h2, h3, h4{
	text-align: left;
	color:#b9976c;
	}
#site_wrapper h1{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	word-spacing:.4em;
	margin:0px 0px 4px 0px;
	padding:0px 0px 4px 0px;
	/*border-bottom: 1px solid #fff;*/
  	}
#site_wrapper h2{
	font-size: 10px;
	font-weight: normal;
	padding:1px 0px 0px 9px;
  	}
#site_wrapper h3{
	font-size: 11px;
	font-weight: bold;
	color: #b9976c;
	margin-bottom:1px;
	
  	}
#site_wrapper h4{
	font-size: 1.1em;
	font-weight: bold;
	}
#site_wrapper h5{
	display:inline;
	font-size: 11px;
	font-weight: bold;
	color: #b9976c;
	background-color:#186e89;
	padding:2px;
  	}
/*********************** Start Menu styles *****************************/	
#site_wrapper ul{
	margin:0px;
	padding:0px;
	width:170px;
	}
	
#navbar{
float:left;

	}
	
#navbar li {

	list-style-type: none;
	border-bottom:1px solid #2f1701;
	border-top:1px solid #422103;
	}
#navbar a, li.live { 		/* general characteristics of navbar buttons */
	display: block;
	padding: 5px 15px;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	}
#navbar a { 		/* borders and colors for non-hover state */
	background-color: #351a02;
	color: #b9976c;
	
	}
#navbar a:hover, li.live{
	background-color:#462203; /* background */
	color: #ba7538; 		/* rollover text color*/
	text-decoration:none;
	
	
	}
#navbar a:hover { 		/* borders and colors for a:hover state */
	width:140px;
	background-color:#462203;
	}
li.live{		/* borders and colors for the active page state */
	padding: 5px 0px 5px 15px;
	}
/*************************** End Menu styles **********************/

#site_wrapper{		/*  MicroSite Main Container */
	background-color:#200c00;
	/*border-bottom:4px solid #186E89;*/
	border-top:4px solid #190400;
	color:#000;
	}
#header_box_main {		/*  Main Header Container -- Keep Image in BG for SEO Optimization */
	background:#186E89 url(../images/main_header.jpg) no-repeat scroll left center;
	border-bottom:4px solid #190400;
	color:#fff;
	}
#header_box_inner {	
	background: #186E89 url(../images/inside_header.jpg) no-repeat scroll left center;
	color: #fff;
	border-bottom:4px solid #190400;
	}
#right_content_wrapper{
	background-color:#190400;	/*  Changes Content Border Colours and BG **/
	}
#content, .content_box1, .content_box2, .content_box3, .content_box4, #episode_video2{	/*  Characters, Episodes, More Content Containers **/
	background-color:#5d2c00;
	color: #b9976c !important;
	}
#content p, .content_box1 p, .content_box2 p, .content_box3 p, .content_box4 p, #episode_video2 p{	/*  Characters, Episodes, More Content Containers **/
	color: #b9976c !important;
	}
#content{
min-height:300px;
height:auto !important;
height:300px;
background-image:url(../images/segGradeAbout.gif);
background-repeat:repeat-x;
background-color:#271401 !important;

}	
#contentRecent{
color:#B9976C;
min-height:300px;
height:auto !important;
height:300px;
clear:both;
font-size:1.2em;
padding:5px 10px 1px 10px;
width:430px;
background-color:#271401 !important;
}
#contentRecent a:link{ color:#B9976C; text-decoration:underline;}
#contentRecent a:active{ color:#B9976C; text-decoration:underline;}	
#contentRecent a:visited{ color:#B9976C; text-decoration:underline;}
#contentRecent a:hover{ color:#B9976C; text-decoration:none;}
.bottGrade{

background:url(../images/segGrade2.gif) repeat-x;
}
	
	
	
#content_header, #more_content_header1, #more_content_header2, #more_content_header3, #episode_video2_header, #about_box{
	background-color:#783c07;
	color:#b9976c;
	}

#content_header p, #more_content_header1 p, #more_content_header2 p, #more_content_header3 p, #episode_video2_header p, #about_box p {
	color:#b9976c !important;
	}
#episode_video{		/* Episode page Right Column Video Container **/
	background-color:#fff;
	color: #b9976c;
	}

#more_content_header3{		/* Inner Pages Right Column Cast/Episodes Header Container **/
	border-bottom:1px #186e89 solid;
	}
/*  Instead of Padding or margins around images, this gives images borders corresponding to their respective box BG colours. **/
img.content1{border:1px solid #5d2c00;}
img.content2{border:1px solid #5d2c00;}
img.content3{border-bottom:1px solid #186e89;}
img.content4{border:1px solid #fff;}
/** --------------------- End Image Border Explanation ------------------- **/	













.liveSub { 		/* general characteristics of navbar buttons */
	
	display: block;
	width: 170px;
	min-height:16px;
   height:auto !important;
	height:16px;


	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	clear:both;
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #200c00;
	}
.liveSub span{
	
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 25px;
	color:#ba7538;
	background-color:#533112;
	display:block;
	
	}
.moreShow{
float:left;
background-color:#271401;
min-height:200px;
height:auto !important;
height:200px;
width:100%;
}
.ad_box1{		/*  Ad Container Under Main Navigation **/
	height:90px;
	margin-top:10px;
	padding:5px;
	width:160px;
	float:left;
	}


<!--------------------    SCHEDULE   PAGE   --------------------->



.SchedContent{
color:#b9976c;
background-color:#CCCCCC;
float:left;
}

#flashcontent p{
color:#b9976c;
font-size:14px;
}
#flashcontent div{
padding-left:120px;
}
#flashcontent p a:link{color:#b9976c; text-decoration:underline;}
#flashcontent p a:active{color:#b9976c;  text-decoration:underline;}
#flashcontent p a:visited{color:#b9976c;  text-decoration:underline;}
#flashcontent p a:hover{color:#b9976c;  text-decoration:none;}


.epTitle{
float:left;
}
.prevNext{
font-weight:bold;
float:right;
}

a.plainLink:link{color:#B9976C; text-decoration:underline;}
a.plainLink:active{color:#B9976C; text-decoration:underline;}
a.plainLink:visited{color:#B9976C; text-decoration:underline;}
a.plainLink:hover{color:#B9976C; text-decoration:none;}

.schedulecontent .ContentMainHeading h2{
color: #BA7538 !important;
clear:both;
font-size: 1.2em !important;
font-weight: bold !important;
width:300px;
}

.schedulecontent ul, .DefaultContentWrapper{background-color: transparent;}
.schedulecontent li a{color:#B9976C !important;}