body {
	font:1.0em Arial, Helvetica, sans-serif;
	background-color:#000;
	margin:0;
	padding:0;
}
h1 {
	font:1.7em Arial Narrow, Arial, sans-serif;
	font-weight:bold;
	color:#000;
	margin:0px 0px 15px 0px;
	text-decoration:underline;
}
h2 {
	font:1.4em Arial Narrow, Arial, sans-serif;
	font-weight:bold;
	color:#000;
	margin:0px 0px 6px 0px;
}
#wrap {
	width:948px;
	background-color:#888;
	margin:20px auto;
	padding:4px;
	border:1px solid #eee;
}
#canvas {
	width:948px;
}
#banner {
	background:url(images/bg-banner.jpg);	
	width:948px;
	height:90px;
	margin-bottom:5px;
	overflow:hidden;
	position:relative;
}
#banner_left {
	float:left;
}
#banner_right {
	margin:3px 10px 0px 0px;
	float:right;
}
#player_name {
	position:absolute;
	top:15px;
	left:10px;
	font:3.2em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	z-index:2;
}
#player_name_shadow {
	position:absolute;
	top:18px;
	left:13px;
	font:3.2em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	z-index:1;
}
#player_position {
	font:1.8em Arial Narrow, Arial, sans-serif;
	font-weight:bold;
	color:#fff;
	text-align:right;
}
#player_class {
	font:1.1em Arial Narrow, Arial, sans-serif;
	font-weight:bold;
	color:#eee;
	text-align:right;
}
#player_location {
	font:1.5em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#eee;
	text-align:right;
}
#column_left {
	width:148px;
	float:left;
	background-color:#888;
}
#column_center {
	width:590px;
	background-color:#888;
	float:left;
}
#content_interior {
	width:800px;
	background-color:#888;
	float:left;
}
#content {
	border:2px solid #000;
	background-color:#eee;
	font:0.8em Arial, Helvetica, sans-serif;
	color:#000;
	padding:7px;
	min-height:430px;
}
#column_right {
	width:210px;
	float:left;
	text-align:right;
	background-color:#888;
}
#main_photo {
	width:200px;
	margin-left:10px;
	text-align:center;
}
#ranking {
	width:200px;
	margin-left:10px;
	margin-top:30px;
	text-align:left;
	font:0.8em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#eee;
}
#slideshow {
	z-index:100;	
}
.clearing:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.nav_button {
	width:138px;
	padding:20px 0px;
	text-align:center;
	font:1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	background-color:#000;
	margin-bottom:5px;
}
.nav_button_over, .nav_button_selected {
	width:136px;
	padding:18px 0px;
	text-align:center;
	font:1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	background-color:#eee;
	margin-bottom:5px;
	cursor:pointer;
	border:2px solid #000;
}
.content_block {
	margin-bottom:20px;	
}
.slideshow_block {
	display:none;
}
.clear {
	clear:both;	
}
.clearing {
	display: inline-block;
}
/* hides from IE/Mac \*/
* html .clearing {
	height: 1%;
}
.clearing {
	display: block;
}
/* end hide from IE-Mac */
a:link, a:visited, a:active {
	font:1.0em Arial, Helvetica, sans-serif;
	color:#741010;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	font:1.0em Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
a.links:link, a.links:visited, a.links:active {
	font:1.0em Arial, Helvetica, sans-serif;
	color:#741010;
	font-weight:bold;
	text-decoration:none;
}
a.links:hover {
	font:1.0em Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#column_left a:link, a:visited, a:active {
	font:1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#column_left a:hover {
	font:1.2em Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}