body {
	margin-top: 0;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background: #000000 url(/images/body-bgb.jpg) top left;
}

#wrapper { width: 900px; margin: 0 auto; }

#header {
	height: 100px;
	width: 900px;
	border-bottom: 2px solid #000000;
	background-color: #161613;
}

#header a {
	display: block;
	outline: none;
	width: 900px;
	height: 100px;
	background: #161613 url(/images/headers/header1.jpg) top left no-repeat;
}

/* Content */

#content { background-color: #161613; margin: 0px 0px 10px 0px; padding-bottom: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: #161613 solid 1px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;  }

#contentblock { float: left; width: 865px; margin-top: 15px; margin-left: 15px; background: #363633 url(/images/contentbg.png) bottom right no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: #161613 solid 1px; }

.content { padding: 10px; }

.boxl {width: 49%; float: left;}
.boxl h3, .boxl p { margin-right: 5px;}
.boxl img { margin-right:5px; }
.boxr {width: 49%; float: right;}
.boxr h3, .boxr p { margin-left: 5px;}
.boxr img { margin-right:5px; }


#footer {
	background-color: #161613;
	line-height: 30px;
	margin: 0 auto;
	width: 30%;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: #161613 solid 1px;
}

h2 { background-color: #161613; display: block; color: #5490a1; font-size: 16px; padding: 5px; padding-left: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: #161613 solid 1px; }
h3 { background-color: #161613; display: inline-block; width: 33%; color: #5490a1; font-size: 12px; padding: 5px 10px 5px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: #161613 solid 1px; }

hr { width:75%; border: 1px solid #161613; }



img, div { behavior: url(/images/iepngfix.htc); }
img { margin: 0px; border: 0px; }
strong { color: #89adc3; }
form { width: 100%; }
fieldset { margin: 0px; padding: 0px; border: 0px; }
legend { background-color: #161613; display: inline-block; width: 50%; display: block; color: #ffffff; font-size: 12px; font-weight: bold; padding: 5px 10px 5px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: #161613 solid 1px; }
label { float: left; clear: both; line-height: 22px; margin: 5px; }
.battlereg label { float: left; clear: both; width: 110px; line-height: 22px; margin-left: 10px; }
input {margin: 5px; }
.error { float: left; clear: right; color: #ff0000; }
.button { clear: both; margin-top: 30px; }
.required { color: #ff0000; }
.warning { color: #0C0; font-size: 14px; }
.special { display: none; }
form br { clear: left; }
.red { color: #ff0612; }
.white { color: #ffffff; }
.clear { clear: both; }
.center { text-align: center; display: block; margin: 0 auto; }
.newshead { font-weight: bold; }


.darkgreybox { float: right; clear: right; background-color: #161613; width: 300px; margin: 0px 0px 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: #161613 solid 0px; }
.darkgreybox div.content { padding: 5px 10px 5px 10px; }
.darkgreybox h2 { color: #161613; background-color: #5490a1; font-size: 16px; display: block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: #363633 solid 0px; }
.darkgreybox strong { color: #89adc3; font-size: 14px; }
.darkgreybox hr { width:75%; border: 1px solid #ffffff; }

.announce {
	display: block;
	width: 800px;
	text-align: center;
	margin: 0 auto;
}

.vs { text-align: center; }

.left {
	text-align: left;	
}

/* Floats */

.clear { clear: both; }
.clr { clear: right; }
.cll { clear: left; }
.fll {float: left; }
.flr {float:right;}

/* Links */

a { text-decoration: none; color: #5490a1; }
a:hover { text-decoration: none; color: #89adc3; } 

/* Botlinks */

#botlinks { clear: both; margin: 0 auto; width: 100%; }
#botlinks ul{ margin: 0; padding: 0; list-style-type: none; text-align: center; }
#botlinks li {  display: inline; }
#botlinks a { padding:0px 10px 0px 10px; text-align: center; }

/* Sidebar */

#sidebar { display: none; float: right; width: 250px; margin-top: 15px; margin-right: 15px; background: #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: #ffffff solid 1px; }
#sidebar h3 { background-color: #161613; display: block; color: #ffffff; font-size: 12px; margin: 10px; padding: 5px 10px 5px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: #161613 solid 1px; }
#sidebar a { text-decoration: none; color: #b9110c; font-size: 12px; }
#sidebar a:hover { text-decoration: none; color: #999999; }
#sidebar img { position: relative; right: 20px; }
#sidebar p { margin: 0px 5px; padding: 5px; }

.nav { padding: 10px; }

.navhr { margin: 0; float: right; width: 95px; position: relative; top: -25px; left: 1px; border: 1px solid #161613; }

/* images */

.imgl { float: left; border: 0px; margin: 0px 5px 10px 5px; }
.imgr { float: right; border: 0px; margin: 0px 0px 10px 5px; }
.imgc { text-align: center; margin: 0 auto; display: block; border: 0px; }
.imgbor { border: 2px solid #000000; }

/* Tables */

table {  border: 0px solid #999999; margin: 0 auto;  }
th {
	font-size: 18px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border: 1px solid #999999;
	background-color: #ffffff;
	color: #000000;
}

td {
	border: 1px solid #999999;
	width: 25%;
	padding-left: 10px;
	font-size: 11px;
	background-color: #161613;
}

.onlinescores th {
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border: 1px solid #999999;
	background-color: #ffffff;
	color: #000000;
}

td.score {
	border: 1px solid #999999;
	width: 75px;
	font-size: 12px;
	background-color: #161613;
	font-weight: bold;
	text-align: center;
}

.total { 
	color: #b9110c;
}

td.last {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border: 1px solid #999999;
}

.newsletter table, .newsletter td { border: 0px solid black; }
.newsletter table { width: 100%; }
.newsletter td { background-color: #ffffff; }
 
 /* Lists */
 
ol h3 { display: inline-block; position: relative; right: 40px; }
li {  }

/* Contact form */

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #000; 
  background-color : #eecc11; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font : 1em; 
  color : #161613; 
  padding : 2px; 
  border : 2px solid #161613;
  background-color : #fffffa;
}

/* to make focus stable in IE 6 */
* html input.button { 
  color : #000;  
  border : 2px solid #5490a1;
  background-color : #cc9900;
}
* html input.button.hover { 
  color : #000;  
  border : 2px solid #5490a1;
  background-color : #cc9900;
}
* html input.button.focus { 
  color : #000;  
  border : 2px solid #5490a1;
  background-color : #cc9900;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 2px solid #5490a1;
  background-color : #fff;
}