body {
	background: #19171c url(images/background.jpg) top center no-repeat;
	font: 12px Arial, Helvetica, sans-serif;
	color: #444;
	margin: 0;
	padding: 0;
}
	
	/***************************************
	* =Various
	****************************************/
	.left { float: left; }
	.right { float: right; }	

	a img { border: 0; }
	div.box  strong { color: #000; }
	
	/* For modern browsers */
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear:both; }
	/* For IE 6/7 (trigger hasLayout) */
	.clearfix { zoom:1; }
	
	/***************************************
	* =Building
	****************************************/
	
	#wrapper {
		width: 960px;
		margin: 20px auto;
	}
	#social_media { float: right; text-align: right; }
	#social_media a { margin-right: 10px; }
	#partners { float: left; }
	#partners ul { list-style: none; padding: 0; margin: 0; }
	#partners ul li {
		display: inline; margin-left: 20px;
	}
	
	#top { margin-top: 60px; }
	#top div.quote{
		text-transform: uppercase;
		color: #777;
		text-shadow: 1px 1px 0 #000;
		font-size: 10px;
		margin-bottom: 10px;
		margin-left: 20px;
	}
	#top #menu { background: url(images/top_bar.png) no-repeat; }
	#top #menu ul { list-style: none; padding: 0; margin: 0; }
	#top #menu > ul > li {
		position: relative;
		float: left;
		background: url(images/separator.png) left center no-repeat; 
	}
	#top #menu ul li a { display: block; }
	#top #menu > ul > li:first-child { background: 0; }
	#top #menu > ul > li:first-child.current a {
		background: url(images/red_gradient_curve.png) repeat-x;
	}
	#top #menu ul li a:hover { color: #fff; }
	#top #menu ul li.current > a,  #top #menu ul li.parenttocurrent > a {
		background: url(images/red_gradient.png) repeat-x ;
		color: #fff;
		text-shadow: 1px 1px 0 #7d000f;
		font-weight: bold;
	}
	#top #menu ul li ul {
		position: absolute;
		left: 0;
		top: 38px;
		padding: 0;
		margin: 0;
		z-index: 1000;	
		font-size: 11px;
		width: 200px;
		display: none;
	}
	#top #menu ul li ul li {
		background: url(images/dark_gradient.png) repeat-x;	
		border-bottom: 1px solid #555;
		position: relative; 
	}
	#top #menu ul li ul li.parenttocurrent, #top #menu ul li ul li.current { background: url(images/red_gradient.png) repeat-x ; }
	#top #menu ul li ul li.parent > a { background: url(images/icons/arrow_right.png) 97% 50% no-repeat; }
	#top #menu ul li ul li a { padding: 8px 20px; }
	#top #menu ul li ul li ul { border-left: 1px solid #555; left: 200px; top: 0; }
	#top #menu ul li a {
		display: block;
		padding: 12px 20px;
		color: #ccc;
		text-decoration: none;
		text-shadow: 1px 1px 0 #000;
	}
	
	#page {
		background: #302c36;
		border-top: 1px solid #47444c;
		line-height: 18px;
	}
	#page #right_page {
		background: url(images/logo_45_semi.png) bottom right no-repeat;
		float: right;
		width: 258px;
		min-height: 220px;
		border-left: 1px solid #1c1a1f;
		position: relative;
		color: #ccc;
	}
	
	#page #right_page .indent {
		padding: 65px 20px 20px 20px;
	}
	
	#left_page {
		background: #fff;
		border-right: 1px solid #47444c;
		width: 700px;
		min-height: 220px;
		float: left;
	}
	
	a#logo {
		position: absolute;
		left: 37px;
		top: -105px;
	}

	#container {
		background: #fff;
	}
	
	div.inner { padding: 20px; }
	
	div.full_width { padding: 20px; background: #fff; }
	
	div.box {
		background: #f5f5f5;
		width: 279px;
		float: left;
		padding: 20px;
		border-left: 1px solid #aaa;
		height: 150px;
		position: relative;
	}
	div.box .box_header {
		background: url(images/box_header.png) repeat-x;
		color: #fff;
		font-size: 11px;
		font-weight: bold;
		text-shadow: 1px 1px 0 #000;
		margin: -20px -21px 0 -21px;
		padding: 9px 20px;
		border-left: 1px solid #1c1a1f;
	}
	div.box .box_header a { color: #fff; }
	div.box:first-child .box_header { border: 0; }
	div.box img.box_image {
		position: absolute;
		bottom: 0;
		right: -20px;
		z-index: 1000;
	}
	div.box div.box_background_image {
		background: url(images/17.png) no-repeat;
		position: absolute;
		bottom: 0;
		right: -20px;
		z-index: 1000;
		width: 143px;
		height: 250px;
	}
	div.box div.box_background_image:hover { background: url(images/17_hover.png) no-repeat; }
	
	div.row_separator {
		background: url(images/row_separator.png) repeat-x;
		height: 9px;
		width: 100%;
	}
	
	#footer {
		background: url(images/bottom_bar.png) no-repeat; 
		height: 13px;
		color: #ccc;
		padding: 13px 20px;
		font-size: 11px;
		border-top: 1px solid #000;
	}
	
	#footer ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#footer ul li {
		display: inline;
		margin-right: 15px;
	}
	
	/***************************************
	* =Lists
	****************************************/
	
	ul.newslist { list-style: none; padding: 0; margin: 0; font-size: 11px; }
	ul.newslist li {
		background: url(images/icons/bullet_red.png) left 3px no-repeat;
		padding: 3px 0 3px 20px;
		border-bottom: 1px dotted #555; 
	}
	ul.newslist li span.date {
		font-weight: bold;
		font-size: 10px;
		color: #ccc;
		margin-right: 5px;
		border-right: 1px dotted #555;
		padding-right: 5px;
	}
	ul.newslist li a:hover { color: #fff; }
	
	ul.list { list-style: none; padding: 0; margin: 15px 0 0 0; font-size: 11px;}
	ul.list li { border-bottom: 1px solid #ccc; padding: 5px; }
	ul.list li span.date { font-weight: bold; }
	ul.list li span.title { display: block; }
	
	ul.submenu { list-style: none; padding: 0; margin: 0;  font-size: 13px;  }
	ul.submenu > li { padding: 8px;  border-bottom: 1px dotted #555; }
	ul.submenu li.current > a { font-weight: bold;  color: #e3001b; text-shadow: 1px 1px #222; }
	ul.submenu li.parenttocurrent > a { color: #fff; font-weight: bold; }
	ul.submenu li a { color: #ccc; text-shadow: 1px 1px #000; }
	ul.submenu li a:hover { color: #fff; }
	ul.submenu li ul { list-style: none; padding: 0; margin: 0 0 0 15px; font-size: 11px;  }
	ul.submenu li ul li { padding: 3px; }
	
	#sponsor_slide ul { list-style: none; padding: 0; margin: 0; }
	#sponsor_slide ul li { display: inline; margin: 0 20px; }
	#sponsor_slide ul li img { vertical-align: middle; }
	
	/***************************************
	* =Game
	****************************************/
	
	table.game_widget { width: 100%; margin-top: 20px; font-size: 11px; }
	table.game_widget tr td { text-align: center; }
	table.game_widget tr td.vs { font: italic 27px "Georgia", "Times New Roman", Times, sans; color: #e3001b; }
	table.game_widget tr td.date {
		font-weight: bold;
		padding-top: 10px;	
		color: #e3001b;
	}
	table.game_widget tr td.location { text-transform: uppercase; font-weight: bold; color: #000; }
	
	table.games_overview {
		width: 100%;
		margin-top: 10px;
		font-size: 11px;
	}
	table.games_overview tr th {
		background: url(images/dark_gradient.png) repeat-x;	
		text-shadow: 1px 1px #000;
		padding: 5px;
		color: #fff;
		text-align: left;	
	}
	table.games_overview tr td {
		padding: 5px;
		border-bottom: 1px solid #ccc;
	}
	table.games_overview tr td strong { color: #e3001b; }
	table.games_overview tr td img.icon { vertical-align: middle; margin-right: 5px; }
	table.games_overview tr.alt td { background: #eee; }
	
	/***************************************
	* =Headlines
	****************************************/
	
	h1, h2, h3 {
		color: #e3001b;
		font-size: 17px;
		font-weight: normal;
		padding: 0;
		margin: 5px 0;
	}
	h2 { font-size: 15px; }
	h3 { font-size: 14px; }
	
	/***************************************
	* =Links
	****************************************/
	
	a { color: #e3001b; text-decoration: none; outline: 0; }
	a:hover { color: #000; }