@charset "UTF-8";
/* CSS Document */

html
{
	height: 100%;
}

body
{
	font-family: "Arial",Lucida Grande, Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	height: 100%;
	line-height: 150%;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color:#91A6B8
}

#container
{
	position: relative;
	min-height: 165%;
	height: auto !important;
	height: 300%;
	width: 985px;
	margin: 0 auto -70px; /* negative height of the footer */
	
}

#header
{
	background-image: url(../images/header.jpg);
	margin: 15px;
	padding: 0px;
	height: 194px;
	width: 950px;
}

#logo
{
	position: absolute;
	left: 704px;
	margin: 0px;
	padding: 48px 16px 0 16px;
	width: 256px;
	text-align: center;
}

#intro
{
	margin: 0px;
	padding: 24px 16px 0 16px;
	width: 672px;
}

#intro a
{
	color: #00c;
	text-decoration: none;
}

#intro a:hover
{
	text-decoration: underline;
}

#intro h1
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #004;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 16px;
	margin: 0px;
}

#intro p
{
	padding: 0;
	margin: 0 0 8px 0;
}

#schedule
{
	position: absolute;
	left: 708px;
	margin: 0px;
	padding: 16px;
	width: 252px;
}

#schedule h1
{
	font-size: 14px;
	/* color: #0c2e88; */
	color:#5D7B9A;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 8px;
	margin: 0px;
}

#schedule a
{
	color: #080;
	text-decoration: none;
}

#schedule a:hover
{
	text-decoration: underline;
}

#schedule ul
{
	position: relative;
	font-size: 12px;
	padding: 0 0 0 60px;
	margin: 0;
	list-style-type: none;
}

#schedule li #time
{
	position: absolute;
	left: 0;
	color: #888;
}

#videos
{
	margin: 0px;
	padding: 0 16px 24px 16px;
	width: 672px;
}

#videos h1
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #800;
	font-weight: bold;
	padding-top: 32px;
	padding-bottom: 16px;
	margin: 0px;
}

#thumbnail
{
	position: relative;
	border: 6px solid #e0e0e0;
	background-color: #aeaeae;
	padding: 1px;
	margin: 0 10px 10px 0;
	width: 200px;
	height: 150px;
	display: inline-block;
}

#thumbnail a
{
	text-decoration: none;
}

#thumbnail img
{
	width: 200px;
	height: 150px;
}

#thumbnail #title
{
	position: absolute;
	left: 0px;
	width: 200px;
	height: 32px;
	line-height: 32px;
	background-color: #000;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin: 118px 1px 1px 1px;
}

.live
{
	position: absolute;
	left: 0px;
	width: 56px;
	height: 22px;
	background-image: url(../images/live.png);
	margin: 0px 1px 1px 145px;
}

.replay
{
	position: absolute;
	left: 0px;
	width: 56px;
	height: 22px;
	background-image: url(../images/replay.png);
	margin: 0px 1px 1px 145px;
}

.transparent
{
	filter: alpha(opacity=66);
	opacity: 0.66;
		
}

#pushfooter
{
	height: 70px; /* height of the footer */
}

#footercontainer
{
	position: fixed;
	bottom: 0px;
	width: 100%;
	
}

#footer
{
	background-image: url(../images/footer1.jpg);
	width: 985px;
	height: 70px; /* height of the footer */
	margin: 0 auto;
	font-size: 0;
	
}

#footer img
{
	margin: 0;
	padding: 0;
	border: 0;
}