@charset "utf-8";
/*
 * Coded by nathan knox. NTK MEDIA
 */
body {
	color:#FFFFFF;
	margin:0;
	padding:0;
	background:#141414 url('images/body_bg.gif') top left repeat;
	font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}
a:link {
	color: #096692;
}
a:visited {
	color: #006633;
}
}
a, a:visited, img
{
	border: 0px;
}
.nofloat { float: none; }
.inner img {float:left;} 

#outer {background: transparent url('images/wrapper_bg.gif') top center repeat-x;}
	#wrapper 
	{
	width:900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #0F0F0F;
	background-position: center;
	}
		/*===================================*\
		 * Header Area
		\*===================================*/
		#wrapper #header 
		{
	height:80px;
	width:900px;
	background-color: #202020;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	background-position: center center;
		}
			#wrapper #logo 
			{
	float:left;
	height:80px;
	width:515px;
	background-color: #202020;
	background-repeat: no-repeat;
	background-position: left top;
				
			}
				#logo h1 
				{
					text-indent:-1000em;
					
				}
			#wrapper #login 
			{
				background:#202020 url('images/login_bg.gif') center center no-repeat;
				height:55px;
				width:230px;
				float:right;
				margin:6px 3px 0 0;
				padding:5px 7px;
			}
				#login .text-inp 
				{
					background:#FFFFFF url('images/text_input_bg.gif') center center no-repeat;
					height:17px;
					border:none;
					font-size:10px;
					font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
					margin-top:2px;
					padding:4px 0 0 8px;
					float:left;
					width:140px;		
				}
				#login .button 
				{
					margin: 0px 15px 0px 0px;
					float:right;
					padding:0;
					border:none;
				}
				#login form
				{
					margin: 0px;
					padding: 0px;
				}
		/*===================================*\
		 * Navigation Bar
		\*===================================*/
		#wrapper #nav 
		{
	background:url('images/nav_bg.png') center center no-repeat;
	height:54px;
	width:900px;
		}
			#wrapper #nav ul 
			{
				width:909px;
				list-style:none;
				margin:0 auto;
				padding:0;
			}
				#wrapper #nav li 
				{
					text-align:center;
					float:left;
					
				}
					#wrapper #nav li a 
					{
						color:#FFFFFF;
						text-decoration:none;
						display:block;
						height:34px;
						width:101px;
						padding-top:20px;
					}
						#wrapper #nav li a:hover 
						{
							background:#1B2C35 url('images/nav_over.jpg') top center no-repeat;
							text-decoration:underline;
						}
		#wrapper #banner {
	width: 900px;
	height: 200px;
	clear: both;
	overflow: hidden;
	background-image: url(images/img01.jpg);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: no-repeat;
		}
		/*===================================*\
		* Main Content Area
		\*===================================*/
		#wrapper #content 
		{
	margin-top: 0;
	background-repeat:repeat;
	background-position:top;
	background-image:url(images/bg-content.png);
	margin-bottom: 0;
		}
			#wrapper #content #left, 
			#wrapper #content #right, 
			#wrapper #content #middle  
			{
	float:left;
	width:200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
			}
				#content #left h2, #content #right h2 
				{
	width:200px;
	height:22px;
	color:#BDD2F1;
	font-size:12px;
	text-indent:15px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(images/sidebar-img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
				}
					/*===================================*\
					 * Side content boxes 
					\*===================================*/
					.cont 
					{
	width:200px;
	background-color:#000000;
	color:#CCCCCC;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0px;
						
					}
					* html .inner {
						clear:both;
						margin: 0px;
						padding: 0px;
					}
						.inner 
						{
							width:220px;
							margin: 0px auto;
							background:#FFFFFF url('images/side_cont_bg.gif') repeat-y left center;
							padding: 0px;
							overflow: hidden;
							clear: both;
						}
					.inner p {
						margin: 4px;
						padding: 0px 5px;
					}
					.inner img
					{
						clear:	both;
					}
					* html #left .inner p, * html #right .inner p {width:200px;}
					.cont a 
					{
		/*===================================*\
		 * added color:#18326D; inside coloumn to change link color. Uses style.css.
		\*===================================*/
					}
					.cont a:hover 
					{
						text-decoration:none;
					}
					.cont ul 
					{
						clear: left;
						margin-top:0; 
						margin-bottom:0;
					}
					.cont .match 
					{
						margin: 0 0 0 2px;
						list-style:none;
						padding:0;
					}
						.match li 
						{
							background-color:#e6ebf7;
							margin:4px auto 0 auto;
							padding:2px 0;
							width:218px;
							display: block;
							font-size:11px;
							text-indent:10px;
							overflow: hidden;
						}
						/******************
						 * CUSTOM MATCH LIST STYLES 
						 ******************/
						.match *
						{
							display:block;
							clear: none;
							float: left;
						}
						.match * a, .match * a:visited
						{
							border: 0px;
							width: 100%;
							text-align: center;
						}
						.match .team 
						{
							width:75px;
							overflow:hidden;
							display:table-cell;
						}
						.match .score 
						{
							width:50px;
							text-align:center;
						}
						.match .won, .match .lost, .match .result
						{
							width:70px;
							text-align:right;
							display:table-cell;
							font-weight:bold;
						}
						.match .won 
						{
							color:#326d18;
						}
						.match .lost 
						{
							color:#850009;
						}
						.match .result 
						{
							font-weight:normal
						}
			/*===================================*\
			* Middle Content Column
			\*===================================*/
			#wrapper #content #middle 
			{
	width:683px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 1px;
	padding-left: 5px;
			}
				#content #middle h2 
				{
	width:680px;
	height:28px;
	color:#FFFFFF;
	font-size:12px;
	text-indent:10px;
	background-color: #404040;
	background-image: url(images/middle_h2_bg.png);
	background-repeat: repeat;
	margin-top: 5px;
	margin-right: 3;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-position: center bottom;
				}
					#middle .main 
					{
	width:680px;
	padding-left: 3px;
					}
						#middle .inner 
						{
	width:745px;
	background:#FFFFFD url('images/main_cont_bg.gif') repeat-y center center;
	margin-right: 3px;
						}
						.main h3 {
							width:511px;
							background-color:#e6ebf7;
							margin:3px auto;
							color:#414141;
							font-size:12px;
							padding:3px 0;
							text-indent:10px;
						}
						.main p 
						{
							margin-left:10px;
							margin-right:10px;
							line-height:125%;
						}
		#wrapper #footer
		{
	clear:left;
	width:900px;
	height:57px;
	background-color: #006699;
	background-image: url(images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}
		#footer a, #footer a:link,  #footer a:visited {color:#FFFFFF;}
		#footer a:hover { text-decoration:none;}
		
			#wrapper #footer #credits 
			{
				float:left;
				margin:20px 0 0 20px;
			}
			#wrapper #footer #copyright 
			{
				float:right;
				margin:20px 20px 0 0;
			}
#footertop {
	background-image: url(images/footer-top.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
#outer #wrapper #content #middle2 {
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 1px;
	padding-left: 5px;
}
#Opacity {
width: 940px;
margin: 10px auto 50px auto;
padding: 30px;
border: 1px solid black;
color: black;
background-color:white;
/* for IE */
filter:alpha(opacity=45);
-moz-opacity:0.45;
/* CSS3 standard */
opacity: 0.45
}