/* CSS Document */

BODY{ 
	padding: 0; /*get rid of default borders in Firefox*/
	margin: 0; /*get rid of default borders in IE*/
    font-size: 9pt; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:left; /*to uncenter the text*/
	background: #EFEFEF;
	color: #000;}

.navContainer {
	height: 27px;
	width: 100%;
	background: #ccc;
	z-index: 1000;
	font-family: verdana, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	position: relative;
	clear:  both}

.collapsed .menuItem {
	color: #000; /* main link color*/}
	

.menuItem { /* individual items in the navigation drop downs*/
    position: relative;
    display: inline; /*makes horizontal*/
    top: 5px; /*links from top - like padding should be?*/ 
    /* padding around text links*/
    background: #ccc;}

.menuDivider {
    position: relative;
    display: inline;
    top: 5px;} 

.menuItem a{ color: #000; text-decoration: none;}

.menuItem a:link, .menuItem a:visited{
color: #000; text-decoration: none;}

.menuItem a:hover{
color: #E10A00; text-decoration: none;}
	
p {margin: 0 0 1.1em 0; /* clockwise setting: top right bottom left */}	

form {margin: 0;} /*take away space at the bottom of the page in firefox*/

#container{ /* holds the whole thing in - before header - after footer*/	
	padding: 0;
	margin:0;
	width: 985px;
	position: relative;}

#content{ /* main area between header and footer*/
	padding: 5px;
	margin: 0;
	left: 1px;
	text-align:left; /*to uncenter the text*/
	float:left;
	width:975px;}

#left{ /* main text*/
	width: 70%;
	float: left;}

#right{ /* usually for pics*/
	width: 30%;
	float: right;
	text-align: right;}

#LeftCol-wss { /* can be deleted after 1024*/
    padding: 0;
	margin: 0;
	width: 660px;
	float: left;}
		
/*container for bricks on the left side - when you need "rows" which line up- ex. forum, matchup details - skyscrapper on right*/
.row-wss { 
padding:0;
margin: 0;
clear: both;
height:1%; /* took away extra spacing when a clear is present*/}

/* compartments inside of row above - player page - uneven columns*/	
.rowleft-wss2 { 
    padding: 0;
	width: 58%;
	float: left;}	
	
.rowright-wss2 { 
    padding: 0;
	margin: 0;
	width: 40%;
	float: right;}			

.clear {/* to even up rows*/
clear: both;}	

.spacerhalf { height: 7px; overflow: hidden; }	

h1{ /*the descriptive big titles on the page*/
	font-weight: bold; 
	font-size: 16pt; 
	font-family: Arial, Helvetica, sans-serif ;
	margin-top:0;
	margin-bottom:10px;} 
	
H3 { /*the grad header - specific colors are in specific style sheets - default is in here*/
	height: 18px;
	color: white; 
	font-size: 9pt; 
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold; 
	display: block;
	margin: 0px;
	background-color: #5a7285;
/*	background: url('/background-images/maingrad.gif') bottom left;*/
	border: 1px solid #5a7285; padding-left:3px; padding-right:0; padding-top:2px; padding-bottom:0} 
	
/* ----------------------------------------for all data (#) tables------------------------------------------*/
table.data
{
width: 100%;
background-color: #cccccc;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px ; 
color: #000000;
text-align: left;
font-weight: normal;
margin-bottom: 15px;
padding: 0px 3px 0px 3px;}
  
html>/**/body table.data { /* to work properly in firefox - without it makes double thick lines on the side*/
  padding: 0;}
  
td.datacell{ /* individual cells - default - white back - used by all tables */
background-color: #ffffff;
color:inherit;
border: 0px none;}

td.datahl2, tr.datahl2,  td.datahl2b, tr.datahl2b{  /* light beige shade*/
background-color: #DCDCDC;
color: #000;
font-weight: normal;
border: 0px none;}

td.datahl2b, tr.datahl2b { /* light beige shade bold*/
font-weight: bold;}