/*  position elements    */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin:0; padding:0;}
ul,li {list-style-type:none;}
img {border:0;}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	margin:0; padding:0;
	background: #666666;
	}
	
	#container
	{
	width: 865px;
	margin: 0 auto;
	background: #EC118F;
	border-right: 8px solid #FFFFFF;
	border-left: 8px solid #FFFFFF;
	border-bottom: 8px solid #FFFFFF;
	}
	
	
		
		
#rightbgwrapper
{
width:100%;
}


#maincontentwrapper
{
width: 100%;
background: url(../images/inner_bg.gif) top right no-repeat;

}


#rightcolumn
{
margin-left: 550px;

margin-top: 25px;
width: 275px;
border: 1px solid #FFFFFF;
}

#rightcolumncontact
{
margin-left: 550px;

margin-top: 10px;
width: 275px;
padding: 10px;
background: #C71774 url(../images/frontholder_bg.gif) top left repeat-x;
color: #FFFFFF;
font-size: 90%;
border: 1px solid #FFFFFF;
}

#rightcolumncontact a
{

color: #FFFFFF;

}


#rightcolumncontact .located
{

font-size: 85%;

}
#leftcolumn
{
float: left;
width: 520px;
text-align: left;
margin-left: 15px;

}

#fullcolumn
{

text-align: left;
padding-left: 10px;
background: #FFFFFF;
margin-left: 130px;
}

#fullcolumnright
{

text-align: left;
padding-left: 10px;
background: #FFFFFF;
}

#submenu
{
float:left;
width: 125px;
text-align: left;
font-size: 83%;
background: #FFFFFF;
border-top: 0px;
border-right: 0px;
}

#submenu  ul
{
list-style: none;
padding: 0px;
padding-left: 20px;
padding-top: 30px;
padding-bottom: 20px;
margin: 0px;
}

#submenu  li
{
margin: 0px;
margin-bottom: 8px;
color: #000000;
padding: 5px 5px 5px 20px;
background: #FFFFFF url(images/li_arrow.gif) 5px 7px no-repeat;


}

#submenu  li a
{
font-weight: bold;
color: #000000;
text-decoration: none;
}

#submenu  li a:hover
{
font-weight: bold;
color: #000000;
text-decoration: underline;
}

.clear
{
clear: both;
}


/*  style elements    */

#header
{

}

#header .logowhite
{
padding: 0px;
padding-left: 20px;
}



#header select
{
font-size: 80%;
margin: 5px;
background-color: #FFFFFF;
color: #330033;
}

.programmaintitle
{
z-index: 1!important;
padding-left: 0px;
padding-bottom: 0px;
background: #FFFFFF;
width: 840px;
margin-left: 15px;
background: #FFFFFF url(../images/bg_titbar.gif) top left repeat-x;
border-bottom: 1px solid #EC118F;
padding: 0px;
}



#menubar
{
height: 25px;
padding-bottom: 0px;
margin-top: -20px;
margin-left: 150px;
margin-bottom: 0px;	
z-index: 99 !important;
position: relative;
}

#menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 35 !important;
}

#menubar li { 
	float: left;
	position: relative;
	width: 94px;
	background: url(../images/menu_bg.gif) top left no-repeat;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-right: 1px;
height: 25px;
}

#menubar li.selected { 
	background: url(../images/menu_bg_selected.gif) top left no-repeat;
}

li ul { 
	position: absolute;
	left: -1000px;
	margin-left: 10px;
	margin-top: -15px;

}



#nav li:hover ul,  #nav li.iehover ul { 
	
	left: 0;
	}

* html #oldnav li li {
height:1%;
}


#menubar ul ul
{
background-color: none;
font-size: 90%;
padding-right: 0px;
z-index: 35 !important;
}

#menubar li li
{
float: none;
color: #FFFFFF!important;
background-image: none;
background-color: #532821;
border-bottom: 1px dotted #EC118F;
z-index: 35 !important;
}



 #menubar  a:link, #menubar  a:visited, #menubar a:hover, #menubar a:active 
{
	display: block;
	color: #FFFFFF!important;	
	text-decoration: none;
	height: 22px;
	margin-top: 4px;
}

 #menubar li.selected  a:link, #menubar li.selected  a:visited, #menubar li.selected a:hover, #menubar  li.selected a:active 
{
	color: #532821!important;	
}

#menubar li a
{
color: #FFFFFF!important;
}

#menubar li li a
{
color: #FFFFFF!important;
margin-top: 0px!important;
padding-top: 3px;
}

#menubar li li a:hover
{
background: #FFFFFF;
color: #532821!important;
}

#menubar li.selected li.sub a:link, #menubar li.selected li.sub a:visited
{
color: #FFFFFF!important;
}

#menubar li.selected li.sub a:hover
{
color: #532821!important;
}

.whitelines
{
clear: both;
border-top: 0px solid #FFFFFF;
margin-left: 25px;

}

#selectprogram
{
width: 500px;
padding-left: 0px;
color: #FFFFFF;
font-size: 85%;
}

#selectprogram SELECT
{
background-color: #EC118F;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size:90%;
margin-left: 10px;
margin-bottom: 8px;
margin-top: 4px;
}




/**
 #iframe {
        position: absolute;
        top: 130px;
        left: 473px;
        width: 120px;
        height: 75px;
		border: 0px;
		display: none;
    }
**/


#searchpanel select
{
font-size: 75%;
width: 200px;

}

#showreelpanel
{
float: right;
margin-top: 10px;
margin-right: 30px;

padding-left: 10px;
}

#fullwidthpanel
{
clear: both;


}


#fullwidthpanel .flashpanel
{
border: 1px solid #FFFFFF;
width: 827px;
margin-left: 20px;
z-index: 3 !important;
}

#fullwidthpanel .frontholder
{

background: #C71774 url(../images/frontholder_bg.gif) top left repeat-x;
margin: 20px;
margin-top: 0;
position: relative;
width: 827px;
padding-bottom: 20px;
}

#fullwidthpanel .detailholder
{
margin: 20px;
position: relative;
}


#fullwidthpanel .latestprogs
{
position: relative;
float: left;
width: 530px;
margin-left: 30px;
margin-top: 0px;
border-right: 1px dotted #EEBAD5;
padding-right: 10px;
}

#fullwidthpanel .latestprogs .progunit
{
float: left;
width: 155px;
font-size: 75%;
color: #EEBAD5;
position:relative;
margin-right: 10px;
background: #C71774 url(../images/frontholder_bg.gif) top left repeat-x;
}

.latestprogs .progimage
{
padding: 10px;
padding-bottom: 0px;
border: 0px dashed #FFFFFF;
}

#fullwidthpanel .progunit .summary
{
padding-left: 10px;
}

#fullwidthpanel .progunit h3
{
color: #FFFFFF;
padding: 5px;
padding-left: 10px;
font-size: 105%;
}

#fullwidthpanel .progunit a
{
text-decoration: none!important;
}

#fullwidthpanel .progunit a:hover
{
text-decoration: underline!important;
}

#fullwidthpanel .progunit
{
color: #FFFFFF;
padding: 5px;
font-size: 90%;
}

#fullwidthpanel .newspanel

{
margin-left: 595px;
padding-top: 10px;
font-size: 75%;
color: #EEBAD5;
position:relative;
}



#fullwidthpanel .newspanel ul
{
list-style: none;
padding: 0px;
margin: 0px;
}



#fullwidthpanel .newspanel li

{
list-style: none;
padding: 5px 5px 5px 0px;
margin: 0px;
margin-right: 10px;
color: #EEBAD5;
border-bottom: 1px dotted #EEBAD5;
}

#fullwidthpanel .newspanel a

{
color: #FFFFFF;
text-decoration: none;
display: block;
}



#fullwidthpanel .newspanel a:hover

{
text-decoration: underline;
}

#fullwidthpanel .newsinpanel
{
width: 869px;
font-size: 75%;
color: #EEBAD5;
clear: both;
margin-left: 15px;
z-index: 2 !important;
}

#fullwidthpanel .newsinpanel ul
{
list-style: none;
padding: 0px;
margin: 0px;
position: relative;
}

#fullwidthpanel .newsinpanel li
{
background: #C71774 url(../images/newsholder_bg_3.gif) top left repeat-x;
float: left;
list-style: none;
padding: 5px 9px 10px 10px;
margin: 0px;
margin-right: 5px;
margin-left: 0px;
color: #EEBAD5;
border-bottom: 1px dotted #EEBAD5;
width: 46%;
min-height: 115px;
height: 115px;
}

#fullwidthpanel .staffinpanel li
{
background: #C71774 url(../images/newsholder_bg.gif) top left repeat-x;
list-style: none;
padding: 5px 5px 10px 5px;
margin: 0px;
margin-right: 10px;
margin-left: 10px;
color: #EEBAD5;
border-bottom: 1px dotted #EEBAD5;
min-height: 100px;
}

#fullwidthpanel .newsinpanel .available
{
font-weight: bold;
text-transform:uppercase;
padding: 5px;
padding-left: 0px;
color: #FFFFFF!important;
font-size: 105%;
}


#fullwidthpanel .newsinpanel li h2
{

font-size: 110%;
}


#fullwidthpanel .newsinpanel a
{

color: #FFFFFF;
text-decoration: none;
display: block;
}

#fullwidthpanel .newsinpanel a.onscreen
{


display: inline!important;
}

#fullwidthpanel .newsinpanel a:hover
{
text-decoration: underline;
}

#fullwidthpanel .theteam
{
background: #C61773 url(../images/frontholder_bg.gif) top left repeat-x;
position: relative;
padding-left: 0px;
width: 840px;
padding-top: 5px;
z-index: 2 !important;
}

#fullwidthpanel .theteam ul
{
list-style: none;
padding: 0px;
margin: 0px;
position: relative;
width: 810px;
padding-left: 15px;
}

#fullwidthpanel .theteam li
{
background: none;
float: left;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px;
margin-right: 1px;
margin-left: 0px;
color: #EEBAD5;
border: 0;
width: 80px;
height: 90px!important;
min-height:90px;!important;
position: relative;
}

#fullwidthpanel .theteam li img
{

position: relative;
}



#detailblock
{
border: 1px solid #FFFFFF;
margin: 0px 10px 0 30px;
position:relative;
background: #C71774;
}

#detailblock .programlargepicture
{
position: relative;
float: left;
width: 507px;
border-right: 1px solid #FBD2E9;
}

#detailblock .details
{
margin-left: 510px;


}

#detailblock .details h3
{
color: #FFFFFF;
font-size: 100%;
}

#detailblock .details h5
{
color: #FBD2E9;
font-size: 100%;
}

#detailblock .details 
{
margin-left: 510px;

}

#detailblock .summary
{
margin-left: 20px;
font-size: 90%;
color: #FBD2E9;
margin-top: 10px;
margin-right: 10px;


}

#detailblock .summary img
{
position: relative;
margin-top: 50px;
}

#detailblock .details .header
{
background-color: #66252F;
padding: 10px 20px 10px 20px;
border-bottom: 1px solid #FBD2E9;
}

 .extracontent
{
position: relative;
margin: 0 10px 0 30px;
clear: both;
background: #C71774 url(../images/frontholder_bg.gif) top left repeat-x;
padding-bottom: 20px;
}

 .extracontent .description
{
float: left;
width: 495px;
font-size: 80%;
padding: 20px;
padding-right: 0px;
color: #FBD2E9;
position: relative;
}

 .extracontent .largethumb
{
margin-left: 510px;
padding: 15px;
position: relative;
}

.extracontent .largethumb img
{
border: 1px solid #FFFFFF;
position: relative;
}



#leftcolumn h3
{
padding-left: 10px;
margin: 0px;
font-size: 110%;
margin-top: 10px;
}


#leftcolumn .generaltext
{
text-align: left;
font-family: Arial, Verdana;
font-size: 90%;
font-weight: normal;
letter-spacing: 1px;
color: #000000;
padding: 10px;
padding-top: 1px;
padding-right: 2px;
line-height: 2;
}

#leftcolumn .description
{
margin-left: 12px;
font-size: 80%;
}

#leftcolumn a
{

color: #000000;

}




#leftcolumn .flashpanel
{
padding-top: 10px;
}

#leftcolumn #clips
{
margin-left: 15px;
}

#leftcolumn .clipgenre
{
width: 180px;
float: left;
display: inline;
}

#leftcolumn .clipgenre img
{
border: 1px solid #330033;
}

#leftcolumn .clipgenre h4
{
padding: 0px;
margin: 0px;
margin-top: 15px;
font-size: 90%;
}

#leftcolumn .boilerplater
{
border-top: 1px solid #330033;
margin-top: 10px;
font-size: 75%;
line-height: 2;
padding: 4px;
margin-left: 5px;
}

#leftcolumn .boilerplater a
{
color: #330033;
}

#leftcolumn .boilerplater .panel
{
margin: 5px 0px 5px 0px;
}



#rightcolumn .newsbox
{
width: 200px;
clear:left;
margin-top: 20px;
margin-bottom: 10px;
text-align: left;
font-family: Arial, Verdana;
font-size: 75%;
padding: 5px;
line-height: 1.5;
letter-spacing: 1px;
}

#rightcolumn .boilerplater
{
background: #FFFFFF;
border: 1px solid #330033;
margin-top: 10px;
font-size: 85%;
line-height: 2;
padding: 4px;
}

#rightcolumn .boilerplater a
{
color: #330033;
}

#rightcolumn .boilerplater .panel
{
border-bottom: 1px dotted #000000;
margin: 5px 0px 5px 0px;
}

#leftcontent
{
float: left;
width: 500px;
}



#rightcolumn .showreel
{
width: 200px;
clear:left;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
font-family: Arial, Verdana;
font-size: 75%;
padding: 5px;
border-left: 3px solid #89E2EF;
border-top: 3px solid #89E2EF;
border-bottom: 3px solid #89E2EF;
line-height: 1.5;
letter-spacing: 1px;
}

#rightcolumn .details 
{
background: #C71774 url(../images/frontholder_bg.gif) top left repeat-x;

}

#rightcolumn .summary
{
margin-left: 20px;
font-size: 80%;
color: #FBD2E9;
margin-right: 10px;
padding: 10px;
padding-left: 0px;
}

#rightcolumn .summary img
{
position: relative;
margin-top: 50px;
}

#rightcolumn .details .header
{
background-color: #66252F;
padding: 10px 20px 10px 20px;
border-bottom: 1px solid #FBD2E9;
color: #FFFFFF;
font-size: 85%;
}


#rightcolumn .genrebox
{
width: 200px;
margin-top: 5px;
text-align: left;
font-family: Arial, Verdana;
font-size: 75%;
padding: 5px;
padding-left: 5px;
border-left: 2px solid #00B0C9;
border-top: 2px solid #00B0C9;
border-bottom: 2px solid #00B0C9;
line-height: 2;
}


.description a:link,  .description a:visited,  .description a:active
{
font-family: Arial, Helvetica, sans-serif;
color: #330033;
font-weight:bold;
text-decoration: none;
}

.description a:hover
{
color:#000000;
text-decoration: underline;
}


#latestpanel
{
margin-left: 400px;
text-align: center;
background: #FFFFFF;
border: 0px solid #330033;

}

#latestpanel h3
{
padding-left: 0px;
font-size: 85%;
margin: 0;
padding: 3px;
text-align: left;
margin-left: 30px;
}

#latestpanel a:link,  #latestpanel a:visited,  #latestpanel a:active
{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight:bold;
text-decoration:none;
}

#latestpanel a:hover
{
color:#000000;
text-decoration: underline;
}


#latestpanel img
{
border: 1px solid #330033;
}

#programblock a:link,  #programblock a:visited,  #programblock a:active
{
font-family: Arial, Helvetica, sans-serif;
color: #330033;
font-weight:bold;
text-decoration: none;
}

#programblock a:hover
{
color:#000000;
text-decoration: underline;
}

#programblock
{
clear: left;
margin: 10px;
margin-left: 0px;
border: 1px solid #330033;
border-left: 0px;
border-right: 0px;
width: 490px;
float:left;
font-size: 108%;

}

#programblock .thumbnails
{
text-align: center;
vertical-align: bottom;
margin-left: -10px;
margin-right: -7px;
margin-top: 10px;
}


#programblock .thumbnails img
{
vertical-align: bottom;
margin-right: 1px;
}

#programblock .programflash
{
text-align: center;
}



#resultsblock a:link,  #resultsblock a:visited,  #resultsblock a:active
{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight:bold;
text-decoration: none;
}

#resultsblock a:hover
{
color:#FFFFFF;
text-decoration: none;
}

#resultsblock
{
margin: 10px;
border-bottom: 1px dotted #330033;
background: #C71774 url(../images/resultholder_bg.gif) top left repeat-x;
min-height: 120px;
color: #EEBAD5;
font-size: 80%;
position: relative;
margin-top: 17px;
}

#newsresultsblock
{
margin: 10px;
border-bottom: 1px dotted #330033;
background: #C71774 url(../images/resultholder_bg.gif) top left repeat-x;
min-height: 100px;
color: #EEBAD5;
font-size: 75%;
}

#newsresultsblock a:link,  #newsresultsblock a:visited,  #newsresultsblock a:active
{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight:bold;
text-decoration: none;
}

.programpicture
{
float: left;
width: 160px;
margin-left: 10px;
margin-top: 10px;
position: relative;
}

.programpicture img
{
border: 1px solid #FFFFFF;
}



#newsblock
{
padding: 10px;
font-size: 108%;

}


#newsblock .staffpicture
{
float: left;
width: 150px;
}

#newspicture
{
float: left;
width: 240px;
}




.programmaintitle .title
{
float: left;
width: 150px;
}


.programmaintitle h3
{

margin: 0px;
margin-left: 12px;
font-size: 100%;
display: block;
padding-bottom: 0px;
color: #532821;
padding-top: 2px!important;
}


.programmaintitle h4
{
padding-left: 15px;
margin: 0px;
font-size: 105%;
color: #330033;
}

.programmaintitle h5
{
padding-left: 15px;
margin: 0px;
font-size: 105%;
color: #CC0000;
}



#programboilerplate
{
text-align: left;
font-size: 95%;
margin-left: 175px;
margin-right: 10px;
}

#programboilerplate .available
{
color:#CC0000;
font-weight: bold;
}

#programboilerplate h2
{
padding: 1px;
padding-bottom: 4px;
padding-top: 5px;
margin: 0;
font-size: 115%;
border-bottom: 1px dotted #EEBAD5;
margin-right: 5px;
margin-bottom: 5px;
}

#programboilerplate h3
{
padding: 1px;
padding-bottom: 4px;
margin: 0;
font-size: 110%;
color:#CC0000;
}

#programblock .promobar
{
border-top: 0px solid #330033;
border-left: 0px solid #330033;
border-right: 0px solid #330033;
text-align: right;
}

#programboilerplate .duration, #programboilerplate .broadcast
{
display: inline;
font-size: 110%;
font-weight: bold;
}

#newsboilerplate
{
text-align: left;
margin-right: 30px;
padding-bottom: 15px;
background: #C71774 url(../images/frontholder_bg.gif) top left repeat-x;
padding-top: 15px;
padding-left: 20px;
}

#newsboilerplate p
{
color: #FFFFFF;
margin-right: 10px;
}

#newsboilerplate .aboutimage
{
border: 3px solid #FFFFFF;
}
#newsboilerplate .available
{
font-weight: bold;
text-transform:uppercase;
padding: 5px;
padding-left: 0px;
}

#newsboilerplate h2
{
padding-bottom: 4px;
padding-top: 4px;
margin: 0;
font-size: 120%;
color: #FFFFFF;
text-decoration: none;
}

#newsboilerplate h2 a:hover
{

text-decoration: underline;
}

#newsboilerplate h3
{
padding: 1px;
padding-bottom: 4px;
margin: 0;
font-size: 110%;
color:#CC0000;
}

#newsboilerplate .duration, #newsboilerplate .broadcast
{
display: inline;
font-size: 110%;
font-weight: bold;
}


#newsboilerplate .staff_flash
{
float: left;
width: 500px;
text-align: right;
}

#newsboilerplate p
{
position: relative;
z-index: 2!important;
}

#newsboilerplate .staff_flash p
{
padding-top: 10px;
}

#newsboilerplate .staff_text
{
padding: 20px;
padding-top: 0;
padding-right: 5px;
overflow:auto;
border: 0px solid #FFFFFF;
height: 350px;
scrollbar-face-color:#FFFFFF;
    scrollbar-shadow-color:#632984;
      scrollbar-highlight-color:#632984;
      scrollbar-3dlight-color:#532821;
      scrollbar-darkshadow-color:#532821;
      scrollbar-track-color:#532821;
      scrollbar-arrow-color:#C2A2DA
}

#newsboilerplate .staff_text p
{
margin-bottom: 10px;
}



#newsboilerplate .staff_text h1
{
font-size: 120%;
color: #FFFFFF;
padding-bottom: 5px;
}


.staffholder

{
float: left;
width: 46%;
margin-left: 15px;
margin-right: 3px;
padding-bottom: 4px;
background: url(../images/frontholder_bg.gif) top left repeat-x;
padding-left: 13px;
padding-top: 15px;
color: #EEBAD5;
border-bottom: 1px dotted #EEBAD5;
min-height: 120px;
}


.staffholder .staffpicture
{
float: left;
width: 150px;
}

.staffboilerplate
{
text-align: left;
font-size: 75%;
margin-left: 170px;
padding-bottom: 5px;
margin-right: 6px;
}

.staffboilerplate a
{
color: #FFFFFF;
}

.staffboilerplate a.moreinfo
{
padding-left: 10px;
background: url(../images/bullet_staff.gif) center left no-repeat;
text-decoration: none;
}

.staff_flash a.moreinfo
{
padding-left: 10px;
background: url(../images/bullet_staff.gif) center left no-repeat;
text-decoration: none;
width: 100px;
}

.staffboilerplate h2
{
padding: 1px;
padding-bottom: 4px;
margin: 0;
font-size: 120%;
color: #FFFFFF!important;
}

.pagerholder
{
background: #000000;
width: 834px;
margin-left: 15px;
clear: both;
padding: 4px;
}

.pager
{
color: #FFFFFF;
font-size: 70%;
letter-spacing: 1.5px;
font-weight: bold;
padding: 1px;
text-align: center;
}


.pager a:link, .pager a:visited,  .pager a:active
{
color: #EEBAD5!important;
text-decoration: none;
} 

.pager a:hover
{
text-decoration: underline;
}


#footer 
{
clear: both;
padding: 5px;
font-size: 70%;
color: #FFFFFF;
border-top: 1px solid #FFFFFF;
margin-bottom: 15px;
margin-left: 15px;
margin-top: 10px;

}

#footer .copyright
{
float: left;
padding-top: -10px;
margin-left: 20px;
}

#footer .menuf
{
padding: 10px;
padding-top: 0px;
padding-right: 0px;
color: #FFFFFF;
text-align: right;
margin-left: 360px;
}

#footer .menuf li
{
float: left;
padding-right: 2px;
}

#footer .logoswrapper
{
margin: 10px;
}

#footer .diversity
{
float: left;
width: 200px;
padding: 10px;
}

#footer .bionic
{
margin-left: 300px;
text-align: right;
padding: 10px;
}

#footer a:link, #footer a:visited,  #footer a:active
{
color: #FFFFFF;
text-decoration: none;
font-size: 100%;
font-weight: bold;
} 

#footer a:hover
{
text-decoration: underline;
font-size: 100%;
} 


/** Support for the "iehover-fix.js" **/
#nav iframe {
position: absolute;
left: 0;
top: 0;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
/** end **/