/* CSS Document */

html { overflow: -moz-scrollbars-vertical }

body { margin: 0; padding: 0; font-family: "Gill Sans MT", "Arial"; text-align: center; color: #333; background: #eee; behavior:url("csshover.htc");
}

a	{ color: #007CC3; text-decoration:none; }

a:hover	{ text-decoration:underline; }

strong a	{ color: #333; }


.header { float: left; width: 100%; background: #fff; color: #007CC3; padding-left:0;
 }
 
.header h1 {
	float: left;
	padding: 0;
	margin: 10px;
	font-size: 100%;
	font-weight: normal;
	
	}

.header h2 {
	float: right;
	margin: 0;
	padding: 10px; font-weight: normal;
	}
	
.mainbody {
	float: left;
	width: 100%; padding-bottom: 24px;
	
	}



/* Modules */
.module {
	float: left; margin: 10px; background: #fff; opacity: 0.8; filter:alpha(Opacity=80); width: 50%;
	text-align: left; border: 1px solid #399DCF
	}

.fluidmodule	{
	border: 1px solid #399DCF; background: #fff; float: left; margin: 10px; width: 40%; 
	}

h2.modtitle {
	margin: 0;
	font-size: 100%; text-align: left; 
	color: #fff; background: #399DCF url(../images/grad1.gif) top left; padding: 0 0 0 5px;
	}

.modluecontent	{
	padding: 5px; text-align: left;
	}


/* NavBar */

.topnav {
	float: left; font-family: Verdana;
	font-size: 10pt; width: 100%; background: #007CC3 url(../images/bluegreygrad.png) repeat-x bottom left;
	}
.topnav ul {
	float: left;
	margin: 0;
	padding: 0 0 12px 12px;
	list-style: none;
	}
.topnav ul li {
	float: left;
	margin: 0;
	padding: 0; padding-right: 5px;
	width: 100px;
	}
.topnav ul li a {
	display: block;
	float: left;
	padding: 6px 10px 9px 10px;
	font-weight: bold; 
	color: #FFF; text-align: center
	}

.topnav ul li a:hover {
	background: #FFF; color: #007CC3; text-decoration: none;
	filter:alpha( StartOpacity=100, FinishOpacity=40, Style=1, StartX=0,  FinishX=0, StartY=0, FinishY=100); 

	}
.topnav ul li.active a, .topnav ul li.active a:hover {
	margin-top: 0;
	padding-bottom: 10px;
	border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #bbb; background: #FFF; 
	filter:alpha( StartOpacity=100, FinishOpacity=40, Style=1, StartX=0,  FinishX=0, StartY=0, FinishY=100); 
	color: #007CC3;
	}

/* Footer */

.footer {
	clear: both;
	margin: 0;
	padding: 10px;
	background: #fff; opacity: 0.8; filter:alpha(Opacity=80);
	}

.footer a	{ color: #007CC3 }


/* Whats on Now */

.wonfocus	{
	height: 190px; width: 83%; float: right; position:relative; background: #CC0000; color: #fff; padding: 5px 5px 5px 13px; margin-bottom: 5px;
	}

.wonsel	{
	height: 50px;
	width: 14%;
	text-align: center;
	float: left;
	position: relative;
	clear: left;
	color: #fff;
	background-color: #EBE9ED;
	}

#bbc1	{
	background: #CC0000
	}

#bbc2	{
	background: #6E3E9E
	}

#bbc3	{
	background: #4C82B9
	}

#bbc4	{
	background: #000
	}

.wontable	{
	width: 100%; padding-left: 5px; border: none; border-collapse:collapse; color: #fff; 
	}

.wontable td#t	{
	text-align: center
	}

.wontable td a	{
	color: #fff; text-align: left;
	}

.wontable tr:hover, .wontable #on_now	{
	background: #d64343;
	}

	
.signintable	{
	border: 1px solid #399DCF; background: #eee; white-space:nowrap;
	}

.signinforgot	{
	font-size: smaller; text-align: right
	}

.signin	{
	text-align:right; 
	}

.contentblock	{
	background: #AEC0EC; padding: 0 0 0 5px
	}