/* 	CODED BY OPSERTY.COM 
	ALL RIGHTS RESERVED
	COPYRIGHT CLANTEMPLATES.COM 2006 
*/
html, body {
	background-color:#e1f1ff;
	margin:0;
	padding:0;
	font-family:  Tahoma, Verdana, "Trebuchet MS", Arial, Helvetica , sans-serif;
	font-size:11px;
	
	color:#000;
}
#wrap {
	margin:0 auto;
	background:#e1f1ff url('images/bg_repeat.jpg') repeat-y top center;
	width:998px;
	padding:0;

}
a img { border:none;}
a, a:link, a:visited, a:active {
	color:#000000;
}
a:hover {
	text-decoration:none;
}
	#header {
		margin:0 auto;
		height:208px;
		background:#000000 url('images/header_repeat.gif') repeat-x top center;
	}
		
		#innerheader {
			height:150px;
			background:#FFFFFF url('images/header_image.gif') no-repeat top left;
			width:998px;
			padding-top:57px;
		}
			#innerheader h1 {
				text-indent:-9999em;
				height:1px;
				overflow:hidden;
				font-size:1px;
				margin:0;
				padding:0;
			}
				
			#innerheader ul {
				list-style:none;
				margin:0;
				padding:0;
			}
			#innerheader li {
				background:#000000 url('images/nav_bg.gif') repeat-x top center;
				border:1px solid #495e6e;
				border-top:none;
				border-bottom:none;
				display:block;
				float:left;
				height:25px;
				margin:0 2px;
				padding:15px 10px 0 10px;
				color:#FFFFFF;
				font-weight:bold;
				font-size:10px;
				text-transform:uppercase;
			}
			
			#innerheader li a, 
			#innerheader li a:link, 
			#innerheader li a:visited, 
			#innerheader li a:active {
				color:#FFFFFF;
				text-decoration:none;
			}
			#innerheader li a:hover {
				text-decoration:underline;
			}
			
	#content {
		width:1000px;
		margin:0 auto;
		
	}
		.side_column, #middle {
			width:229px;
			float:left;
			padding:0;
			margin:0;
			
		}
			.side_column h1 {
				width:166px;
				height:32px;
				background:#d0dfec url('images/side_h1.gif') no-repeat top center;
				margin:0;
				padding:13px 0 0 64px;
				font-size:10px;
				text-transform:uppercase;
				color:#FFFFFF;
				clear:both;
			}
			.side_column h1 small {
				color:#fc7b0e;
				
			}
			.side_column ul {
				list-style:none;
				margin:0;
				padding:0;
				
			}
			.side_column li {
				margin:0;
				padding:3px 9px 3px 20px;
				width:200px;
				border-bottom:1px solid #cedce9;
				border-top: 1px solid #FFFFFF;
				
				background-image: url('images/list_bg.gif');
				background-position:center left;
				background-repeat: no-repeat;
			}
			.side_column form {
				margin:7px;
				color:#8ea8c2;
				font-size:11px;
				font-weight:bold;
				clear:left;
			}
				.side_column input.text {
					background-color:#FFFFFF;
					font-family: Tahoma, Verdana, "Trebuchet MS", Arial,  Helvetica, sans-serif;
					font-size:11px;
					color:#8ea8c2;
					font-weight:bold;
					padding:4px;
					width:206px;
					margin:5px 0;
					border:1px solid #c0c4c7;
					
				}
				form input.check {
					vertical-align:middle;
				}
				form label {float:left;}
				form input.button {
					float:right;
					margin-bottom:5px;
				}
			.side_column #roster {text-align:center; margin-bottom:5px;}
				#roster a img {border: 2px solid #a5cada; margin:3px;}
				#roster #roster_data { 
					width:110px;
					padding:3px;
					height:14px;
					margin:0px 0 0 8px;
					background-color:#a5cada;
					color:#3e3e3e;
					font-weight:bold;
					float:left;
				}
			 #right h1 {
				background-position:top left;
			}
				
		#middle {
			width:534px;
			margin:0 3px;
		
			
		}
		
#middle #ESportStream
{
	padding-left:13%;
	background:#e1f1ff;
	z-index:-1;
	
}
#ESportBanner
{
	width:998px;
	background:#e1f1ff;
	z-index:-1;
	text-align:center;
}
		
			#middle #division_select {
				width:534px;
				height:114px;
				background:#FFFFFF url('images/division_select_bg.gif') no-repeat top center;
				margin:0 auto;
				font-size:1em;
				text-align:center;
				padding:47px 0 0 0;
			}
				#division_select h1 {
					display:none;
				}
			#middle #slider_select {
				width:534px;
				height:450px;
				background:#FFFFFF url('images/slider1.gif') no-repeat top center;
				margin:0 auto;
				font-size:1em;
				text-align:center;
				padding:19px 0 0 0;
			}
					
			#middle #breadcrum {
				background-color:#c2d3e3;
				width:auto;
				margin:1px 0;
				padding:5px 10px;
				font-weight:bold;
				color:#85a7c7;
			}
			#middle h1 {
				color:#aecbe6;
				font-size:18px;
				font-weight:normal;
				margin:10px 0 0 20px;
				
				text-transform:uppercase;
				font-family: Helvetica , Tahoma, Verdana, "Trebuchet MS", Arial,  sans-serif;
			}
			#middle .content {
				width:493px;
				margin:10px auto;
				padding:5px;
				border-bottom:5px solid #02264a;
				background-color:#FFFFFF;
				text-align:justify;
				max-height: 600px;
				max-width: 490;
				overflow: auto;
			}
				#middle .content h2 {
					margin:0;
					background-color:#c0c9d2;
					color:#02264a;
					height:20px;
					padding:5px 0 0 10px;
					width:auto;
					font-size:11px;
				}
				#middle .content h3 {
					margin:0;
					color:#02264a;
					height:20px;
					padding:5px 0 0 10px;
					width:auto;
					font-size:13px;
					text-decoration:underline;
				}
					#middle .content img {
						float:right;
						margin: 0 0 10px 10px;
						border: 1px solid #666;
						padding: 2px;
				
					}
					
					#middle .newsletter {
				width:493px;
				margin:10px auto;
				padding:5px;
				border-bottom:5px solid #02264a;
				background-color:#FFFFFF;
				text-align:justify;
				max-height: 600px;
				max-width: 490;
				}
					
					#middle .newsletter h2 {
					margin:0;
					background-color:#c0c9d2;
					color:#02264a;
					height:20px;
					padding:5px 0 0 10px;
					width:auto;
					font-size:11px;
				}
				#middle .newsletter h3 {
					margin:0;
					color:#02264a;
					height:20px;
					padding:5px 0 0 10px;
					width:auto;
					font-size:13px;
					text-decoration:underline;
				}
					#middle .newsletter img {
						margin: 0 0 10px 10px;
						border: 1px solid #666;
						padding: 2px;
				
					}

					
					#middle .tableformat {
						text-align: center;
						font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
						font-weight: normal;
						font-size: 11px;
						color: #fff;
						width: 280px;
						background-color: #666;
						border: 0px;
						border-collapse: collapse;
						border-spacing: 0px;
					}
					#middle .tableformat td {
						background-color: #CCC;
						color: #000;
						padding: 4px;
						text-align: left;
						border: 1px #fff solid;
						-moz-border-radius: 0px 0px 0px 0px;
					}
					#middle .tableformat td.hed {
						background-color: #666;
						color: #fff;
						padding: 4px;
						text-align: left;
						border-bottom: 2px #fff solid;
						font-size: 12px;
						font-weight: bold;
						-moz-border-radius: 0px 0px 0px 0px;
					}
					
					div#itsthetable {
}

					div#itsthetable {
						font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
						height: 277px;
						}

					div#itsthetable table {
						border-collapse: collapse;
						width: 490px
					}

					div#itsthetable caption {
						background: #FFF url('http://www.imaputz.com/cssStuff/dtable.gif') repeat-x center left;
						border-bottom: 1px solid #CCC;
						border-top: 1px solid #CCC;
						display: none;
						padding: 5px; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif
					}

					div#itsthetable caption {
						display: block
					}

					div#itsthetable thead tr th, tr thead td {
						background: #FFF url('http://www.imaputz.com/cssStuff/dtable.gif') repeat-x center left;
						border-bottom: 1px solid #CCC;
						padding: 5px;
						position: relative;
						text-align: left; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif
					}

div#itsthetable thead tr th, div#itsthetable tr thead td {
	position: inherit;
}

div#itsthetable tbody tr th, div#itsthetable tbody tr td {
	background: #FFF url('http://www.imaputz.com/cssStuff/dtablerow.gif') repeat-x center left;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: top; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif
}

div#itsthetable tbody tr.odd th, div#itsthetable tbody tr.odd td {
	background: #EEE url('http://www.imaputz.com/cssStuff/dtablerow.gif') repeat-x center left;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: top
}

div#itsthetable tbody tr:hover th, div#itsthetable tbody tr:hover td, div#itsthetable tbody tr.odd:hover th, div#itsthetable tbody tr.odd:hover td {
	background: #999 url('dtablerow.gif') repeat-x center left;
	color: #FFF;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: top
}

div#itsthetablet body tr a, div#itsthetable tbody tr a:link, div#itsthetable tbody tr a:visited {
	color: #009;
	text-decoration: none;
}

div#itsthetable tbody a:hover {
	color: #009;
	text-decoration: underline
}

div#itsthetable tbody tr:hover th a, div#itsthetable tbody tr:hover td a, div#itsthetable tbody tr.odd:hover th a, div#itsthetable tbody tr.odd:hover td a {
	color: #FFF;
	text-decoration: none
}

div#itsthetable tbody tr:hover th a:hover, div#itsthetable tbody tr:hover td a:hover, div#itsthetable tbody tr.odd:hover th a:hover, div#itsthetable tbody tr.odd:hover td a:hover {
	color: #FFF;
	text-decoration: underline
}

div#itsthetable tfoot tr th {
	background: #FFF url('http://www.imaputz.com/cssStuff/dtable.gif') center left;
	border-top: 1px solid #CCC;
	padding: 5px;
	text-align: right;
	z-index: 1000000; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif
}

div#itsthetable tfoot tr td {
	background: #FFF url('http://www.imaputz.com/cssStuff/dtable.gif') center left;
	border-top: 1px solid #CCC;
	padding: 5px;
	z-index: 1000000; font-style:italic; font-variant:normal; font-weight:normal; font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif
}

div#itsthetable tfoot tr th, div#itsthetable tfoot tr td {
	border-bottom: 1px solid #CCC
}

 
div#itsthetable thead {
	display: block
}

div#itsthetable tfoot {
	display: block;
	position: absolute;
	top: 620px
}
	html>body tbody{
		overflow: auto
	}
	
div#itsthetable tbody {
	display: block;
	height: 300px;
	overflow: auto
}

div#itsthetable thead tr th, div#itsthetable tbody tr th {
	width: 80px
}

div#itsthetable thead tr th + th, div#itsthetable tbody tr th + td {
	width: 80px
}

div#itsthetable thead tr th + th + th, div#itsthetable tbody tr th + td + td {
	width: 80px
}

div#itsthetable thead tr th + th + th + th, div#itsthetable tbody tr th + td + td + td {
	width: 95px
}

div#itsthetable thead tr th + th + th + th + th {
	width: 95px
}
div#itsthetable thead tr th + th + th + th + th + th {
	width: 50px
}

div#itsthetable tbody tr th + td + td + td + td {
	width: 95px
}
div#itsthetable tbody tr th + td + td + td + td + td {
	width: 50px
}

div#itsthetable tfoot tr th {
	width: 98px
}

div#itsthetable tfoot tr th + td {
	width: 490px
}


	#footer {
		clear:both;
		height:38px;
		padding-top:20px;
		background:#000000 url('images/footer_repeat.gif') repeat-x top center;
		text-align:center;
		color:#FFFFFF;
		font-weight:bold;
	}