/* LAYOUT
------------------------------------*/

#container{
	padding: 0px;
	width: 1000px;
	margin: 0px auto;
}

/* HEADER
------------------------------------*/

#header{
	width:960px;
	margin:0 auto;
	height:170px;
	overflow:hidden;
	position:relative;
}
#header h1{
	margin:0;
	padding:0;
}
#header h1 a{
	display:block;
	width:190px;
	height:170px;
	background-image:url(../images/tvs-logo.jpg);
	text-indent:-10000px;
}
#header p{
	margin:0;
	padding:0;
	display:block;
	position:absolute;
	z-index:10;	
	right:0px;
	top:0px;	
}
#header p a{
	width:230px;
	height:80px;
	background-image:url(../images/watch-now.jpg);
	text-indent:-10000px;
}
#header p a:hover{
	background-image:url(../images/watch-now-hover.jpg);
}

#header ul{
	position:absolute;
	z-index:10;
	right:0px;
	top:80px;
	margin:0;
	padding:0;	
}
#header ul li{
	list-style:none;
	float:left;
}
#header ul li a{
	float:left;
	color:white;
	font-size:14px;
	display:block;
	height:41px;
	line-height:40px;
	background-image:url(../images/menu-divider.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding:0 15px 0 10px;
	position:relative;
	font-weight: bold;	
}
#header ul li a:hover{
	color:#006699;
}
#header ul li.before-selected a{
	background:none;
	padding:0 5px 0 10px;
}
#header ul li.after-selected a{
	padding:0 10px 0 5px;
}
#header ul li.selected a{
	background-image:url(../images/menu-bg.gif);
	color:#006699;
	line-height:43px;
	padding:0 20px;
}
#header ul li.selected a:hover{
	color:black;
}
#header ul li.selected a span{
	height:41px;
	font-size:1px;
	width:7px;
	background-image:url(../images/menu-cap.gif);
	background-repeat:no-repeat;
	background-position:top right;
	position:absolute;
	z-index:10;
	left:0px;
	top:0px;
}

/* BODY
------------------------------------*/

#body{
	margin:0 0 20px 0;
}
#body .content{
	float:left;
	width:620px;
	margin:0 20px 0 0;
	padding:0 0 0 20px;
}
#body .sidebar{
	float:left;
	width:300px;
	background-image:url(../images/sidebar-bg.gif);
	background-repeat:repeat-y;
	padding:20px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#body .black a{
	color:black;
}
#body .black a:hover{
	color:white;
}
.orange-bar{
	background-color:#FF8400;
	background-image:url(../images/orange-bar.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border-bottom:2px solid #AB4B17;
	min-height:38px;
	line-height:38px;
	padding:0 10px;
	margin:0;
	zoom:1;
	position:relative;
}
.orange-bar a,.orange-bar a:visited{
	color:white;
}
.orange-bar a:hover{
	color:black;
}
.blue-bar{
	background-color:#33C3EE;
	background-image:url(../images/blue-bar.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border-bottom:2px solid #005487;
	height:38px;
	line-height:38px;
	padding:0 10px;
	margin:0;
}
.blue-bar a{
	color:white;
}
.blue-bar a:hover{
	color:black;
}
#subpage{
	padding:20px;
}

/* CONTENT
------------------------------------*/

.content .text{
	padding:20px;
	background-color:#EFEFEF;
	border:1px solid #DDDDDD;
	border-top:none;
}

/* two col */

	.content .two-col{
		margin:0 0 20px 0;
	}
	.content .two-col .col{
		float:left;
		width:300px;
		margin:0 20px 0 0;
	}
	.content .two-col .last{
		margin:0;
	}

/* three col */

	.content .three-col{
		margin:0 0 20px 0;
	}
	.content .three-col .col{
		float:left;
		width:194px;
		margin:0 19px 0 0;
		overflow:hidden;
	}
	.content .three-col .last{
		margin:0;
	}
	.content .three-col .text{
		margin:0 0 20px 0;
		padding:10px;
	}
	.content .three-col .text h2{
		margin:0;
		padding:0;
	}
	
/* slideshow */	
	
	.content .slideshow{
		margin:0 0 20px 0;
		position:relative;
		height:460px;
		position:relative;
	}
	.content .slideshow .images-container{
		position:absolute;
		z-index:10;
		left:0px;
		top:0px;
		height:360px;
		width:620px;
		overflow:hidden;
	}
	.content .slideshow .images{
		position:absolute;
		z-index:10;
		left:0px;
		top:0px;
		height:360px;
		width:2480px;
	}
	.content .slideshow .image{
		height:360px;
		width:620px;
		overflow:hidden;
		float:left;
	}
	.content .slideshow ul{
		position:absolute;
		z-index:10;
		width:620px;
		height:200px;
		top:260px;
		left:0px;
		margin:0;
		padding:0;
	}
	.content .slideshow ul li{
		float:left;
		list-style:none;
	}
	.content .slideshow ul li.first a{
		background-image:url(../images/slideshow-bg-first.gif);	
	}
	.content .slideshow ul li a{
		float:left;
		width:155px;
		height:200px;
		overflow:hidden;
		background-image:url(../images/slideshow-bg.gif);
		background-position:bottom;
		background-repeat:no-repeat;
	}
	.content .slideshow ul li a:hover, .content .slideshow ul li.selected a{
		background-image:url(../images/slideshow-bg-hover.png);
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://testing.cdw/tvs/s/assets/template/images/slideshow-bg-hover.png', sizingMethod='crop');	
		cursor:pointer;
		/*margin-top:-100px;
		height:300px;*/
	}
	.content .slideshow ul li a h2{
		padding:110px 10px 5px 10px;
		margin:0;
		font-size:15px;
	}
	.content .slideshow ul li a:hover h2, .content .slideshow ul li.selected a h2{
		color:white;
	}
	.content .slideshow ul li a p{
		font-size:11px;
		padding:0 10px;
		color:#333;
	}
	#tv{
		position:absolute;
		height:460px;
		width:620px;
		z-index:1000;
		display:none;
		background-color:black;	
		top:0px;
		left:0px;	
	}
	#tv .close{
		background-image:url(../images/close-off.gif);
		display:block;
		position:absolute;
		z-index:2000;
		right:0px;
		top:-15px;
		height:13px;
		width:30px;
		text-indent:-10000px;
		font-size:1px;
		background-repeat:no-repeat;
	}
	#tv .close:hover{	
		background-image:url(../images/close-on.gif);
	}

.comment-bubble{
	background-color:white;
	padding:10px;
	background-color:#F5F5F5;
}
.comment-bubble .name{
	font-weight:bold;
	margin:0;
	padding:0;
}
.comment-bubble .date{
	font-size:11px;
}

/* subpage */

	.content .subpage-submenu{
		float:left;
		width:160px;
		margin:0 20px 0 0;
	}
	.content .subpage-submenu ul{
		list-style:none;
		margin:0;
		padding:20px 0 0 22px;
		float:left;
	}
	.content .subpage-submenu ul li{
		margin:0;
		padding:0;
	}
	.content .subpage-submenu ul li a{
		display:block;
		width:138px;
		float:left;
		padding:0 0 5px 0;
		border-bottom:1px solid #ccc;
		margin:0 0 5px 0;		
	}
	.content .subpage-submenu .level2_selected a{
		font-weight:bold;
	}
	.content .subpage-submenu ul ul{
		margin:0;
		padding:0 0 0 10px;
	}
	.content .subpage-submenu ul ul a{
		width:128px;
	}
	.content .subpage-submenu .leveln a{
		font-weight:normal;
	}
	.content .subpage-content{
		float:left;
		width:440px;
	}
	
/* table */

	.table {
		border-top:1px solid #ccc;		
		border-left:1px solid #ccc;		
	}
	.table td{
		padding:5px;
		background-image:url(../images/whats-on-program-bg.jpg);
		background-repeat:repeat-x;
		border-bottom:1px solid #ccc;		
		border-right:1px solid #ccc;		
	}
	.table .label{
		font-weight:bold;
	}
	.table .w100{
		width:90%;
	}


/* SIDEBAR
------------------------------------*/

.sidebar .text{
	padding:20px;
	background-color:#EFEFEF;
	border:1px solid #DDDDDD;
	border-top:none;
}

.whats-on{
	/*display:none;*/
	margin:0 0 10px 0;
}
.whats-on h1, .whats-on h2{
	margin:0;
	padding:0;
}
.whats-on .tmw a,.whats-on .tmw a:visited{
	/*background-image:url(../images/rss.png);*/
	background-repeat:no-repeat;
	background-position:center right;
	/*padding:0 20px 0 0;*/
	color:black;
}
.whats-on .rss{
	background-image:url(../images/rss.png);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-10000px;
	display:block;
	width:16px;
	height:16px;
	/*float:right;*/
}
.whats-on .tmw a:hover{
	color:white;
}
.whats-on ul{
	list-style:none;
	margin:0;
	padding:0;	
}
.whats-on ul li{
	float:left;
	margin:0;
	padding:0;
}
.whats-on ul.wide li a{
	width:602px;
	background-color:#EFEFEF;
}
.whats-on ul li a{
	float:left;
	width:282px;
	/*padding:8px;*/
	padding:0 8px;
	background-image:url(../images/whats-on-program-bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #ccc;
	border-top:none;
	background-color:#EFEFEF;
	height:32px;
	line-height:32px;
	overflow:hidden;
}

.whats-on ul li a.on,.whats-on ul li a:hover{
	background-color:white;
	background-image:url(../images/whats-on-program-bg-hover.jpg);
	background-position:bottom;
	color:#0099CC;
}
.whats-on ul li a span.info,.whats-on ul li a span.vid-info{
	float:right;
	width:31px;
	height:31px;
	background-image:url(../images/info-off.png);
	background-position:right;
	background-repeat:no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://testing.cdw/tvs/s/assets/template/images/info-off.png', sizingMethod='crop');	
	
}
.whats-on ul li a span.vid-info{
	background-image:url(../images/vid-info-off.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://testing.cdw/tvs/s/assets/template/images/vid-info-off.png', sizingMethod='crop');		
}
.whats-on ul li a:hover span.info{
	background-image:url(../images/info-on.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://testing.cdw/tvs/s/assets/template/images/info-off.png', sizingMethod='crop');		
	
}
.whats-on ul li a:hover span.vid-info{
	background-image:url(../images/vid-info-on.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://testing.cdw/tvs/s/assets/template/images/vid-info-on.png', sizingMethod='crop');		
	
}
.whats-on ul li a span.time{
	color:black;
	float:left;
	width:60px;
}
.ampm{
	/*font-size:9px;
	color:#666666;*/
}
.whats-on ul.wide li a span.program{
	width:510px;
}
.whats-on ul li a span.program{
	float:left;
	width:185px;
	/*overflow:hidden;
	height:14px;*/
}
.whats-on ul li a:hover span.program{
	text-decoration:underline;
}
.whats-on .weekly-schedule{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.whats-on .weekly-schedule thead td{
	font-weight:bold;
}
.whats-on .weekly-schedule td{
	font-size:11px;
	padding:4px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}
.whats-on .weekly-schedule a{
	color:#006699;
}
.whats-on .weekly-schedule a:hover{
	color:black;
}
#sidebar-schedule .list-container{
	height:264px;
	overflow:hidden;
	background-color:#EBEBEB;
}
#sidebar-schedule .list-overflow{
	position:absolute;
	width:300px;
	height:264px;
	overflow:hidden;
	z-index:10;
}
#sidebar-schedule .list-offset{
	position:absolute;
	z-index:10;
}
#sidebar-schedule .nav{
	display:block;
	width:150px;
	float:left;
	text-indent:-10000px;
	height:15px;
	background-color:#ccc;
	background-position:center;
}
#sidebar-schedule .nav:hover{
	background-color:#999;
}
#sidebar-schedule .down{
	background-image:url(../images/down.gif);
}
#sidebar-schedule .up{
	background-image:url(../images/up.gif);
}

/* subscribe */

	.subscribe{
		margin:0;
		padding:0;
	}
	.subscribe dt{
		margin:0;
		padding:4px 0;
	}
	.subscribe dd{
		margin:0;
		padding:0;
	}	
	.subscribe .field{
		padding:3px;
		border:1px solid #DDD;
		width:250px;
	}
	.subscribe .field:focus{
		border:1px solid black;
	}
	.subscribe .dd-submit{
		text-align:right;
		padding:5px;
	}
	.submit{
		background-color:black;
		padding:5px;
		color:white;
		border:1px solid gray;
		cursor:pointer;
		font-size:15px;
		font-weight:bold;
	}
	
/* advert */

	.sidebar .island-advert{
		padding:0 0 10px 0;
	}	
	.sidebar .island-advert p{
		margin:0;
		padding:0;
	}
	.sidebar .island-advert .advertisement{
		color:#999999;
		font-size:9px;
	}

/* PROGRAMS
------------------------------------*/

.season_select a{
	padding:0 5px;
	border:1px solid black;
	background-color:#0099CC;
	color:white;
}
.program-details dt{
	padding:0 0 10px 0;
	font-weight:bold;
	float:left;
	width:120px;
	margin:0 20px 0 0;
	clear:both;
}
.program-details dd{
	margin:0;
	padding:0 0 10px 0;
	float:left;
	width:440px;
}

/* FOOTER
------------------------------------*/

#footer{
	background-image:url(../images/footer-bg.jpg);
	background-repeat:repeat-x;
}
#footer .links{
	margin:0 auto;
	width:960px;
	padding:30px 0 20px 0;
	font-size:11px;
	height:190px;
	overflow:hidden;
}
#footer .links h1,#footer .links h2,#footer .links h3{
	margin:0;
	padding:0 0 5px 0;
	font-size:15px;
}
#footer .links ul li h2 a{
	color:black;
	font-weight:bold;
}
#footer .links ul{
	float:left;
	list-style:none;
	width:120px;
	background-image:url(../images/footer-ul-bg.gif);
	background-repeat:repeat-y;
	background-position:left top;
}
#footer .links ul.sponsors{
	width:370px;
	overflow:hidden;
}
#footer .links ul li{
	padding:0 0 7px 0;
}
#footer .links ul li a{
	font-weight:normal;
}

#footer .orange-bar{
	height:38px;
	line-height:38px;
	padding:0;
}
#footer .orange-bar .margin{
	margin:0 auto;
	width:960px;	
}
#footer .orange-bar p{
	margin:0;
	padding:0;
	font-size:11px;
	float:left;
}
#footer .orange-bar .f-right,
#footer .orange-bar .f-right a{
	font-size:16px;
}
#footer .orange-bar p.f-right{
	float:right;
}
#footer .orange-bar a{
	font-weight: bold;
}	
#cyberdesign{

}