body {	
	background-image: url('bg.gif');
	font-family: arial, sans-serif, verdana;
	width: 99%;
}

a { 	
	display: block; 
	text-decoration: none;
}

a:link{ color: #000000; }
a:visited{ color: #000000; }
a:hover{ 
	background-color: inherit;
	color: #ffffff; 
}

.videoLink{ display: inline; }
.videoLink:hover {
	color:inherit;
	text-decoration: underline;
}

table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

.playerStats {
	background-color: #ffffff;
	overflow: hidden;	
}

.homePlayerStats table { width: 100%; }
.awayPlayerStats table { width: 100%; }

.teamStats td {
	font-family: arial, sans-serif, verdana;
	text-align: center;
	width: 380px;
}

.oddRow{
	background-color: #e4e9ee;
}

/*
.content {
	background-color: #cccccc;
	margin: auto;
	width: 900px;
}
*/

.winnerBanner{	
	/*height: 125px;*/
	text-align: center;
}


.home {
	background-color: #ffffff;
	float: left;
}

.home a img { border: none; }

.homeTeam {
}

.homeTeam a:hover img { 
	/*filter:alpha(opacity=50);*/
	opacity: 0.5; 
}

.homeOwner{
	height: 50px;
	font-family: arial, sans-serif, verdana;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	width: 180px;
}

.homeOwner a { 
	display: block; 
	text-decoration: none;
}

.homeOwner a:hover { 
	color: #000000;
	opacity: 0.5;
}

.away{
	background-color: #ffffff;
	float: right;
}

.away a img { border: none; }

.awayTeam {
}

.awayTeam a:hover img { opacity: 0.5; }

.awayOwner{
	height: 50px;	
	font-family: arial, sans-serif, verdana;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	width: 180px;
}

.awayOwner a { 
	display: block; 
	text-decoration: none;
}

.awayOwner a:hover { 
	color: #000000;
	opacity: 0.5; 
}

.teamStats{
	background-color: #ffffff;
	float: left;
	height: 230px;
	width: 590px;
}

.homeScore {		
	color: #000000;
	float: left;
	font-family: arial, sans-serif, verdana;
	font-size: 3em;
	height: 80px;
	line-height: 80px;
	width: 80px;
	text-align: center;
}

.awayScore {
	color: #000000;
	float: right;
	font-family: arial, sans-serif, verdana;
	font-size: 3em;
	height: 80px;
	line-height: 80px;
	width: 80px;
	text-align: center;
}

.homePlayerStats{	
	clear: both;	
	float: left;	
	width: 49%;
}

.homePlayerStats table {
	font-size: 0.9em;
	margin-bottom: 2em;
}

.homePlayerStats table th {
	background-color: #ffffff;
	color: #000000;
	text-align: right;
}

.homePlayerStats td {
	text-align: right;
	width: 3.5em;
}

.homePlayerStats tr:hover {
	color: #ffffff;
	background-color: #39608a;
}

.awayPlayerStats{	
	/*To put it nicely...This 'clear: right;' is only here because IE is unable to handle (properly) containers that 
	have both a 'float' and 'clear' property. See http://www.brunildo.org/test/IEWfc3.html 
	Basically, the page should be able to render properly without this 'clear: right;' The .homePlayerStats definition
	should handle pushing the .awayPlayerStats down below the previous .awayPlayerStats div*/
	clear: right; 
	float: right;
	width: 49%;
}

.awayPlayerStats table {
	font-size: 0.9em;
	margin-bottom: 2em;
}

.awayPlayerStats table th {
	background-color: #ffffff;
	color: #000000;
	text-align: right;
}

.awayPlayerStats td {
	text-align: right;
	width: 3.5em;
}

.awayPlayerStats tr:hover {
	color: #ffffff;
	background-color: #39608a;
}

.homePlayerStats .nameCell, .awayPlayerStats  .nameCell{
	text-align: left;
	width: auto;
}

.HighlightVideo {
	background-color: black;
	clear: both;
	text-align: center;		
}