body{
	background-color: #aaa;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	border: 0px solid #000000;
	color: #000000;
	font: normal 11px/12px Verdana,Arial,sans-serif;

}

#wrapper{
margin-top: 10pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
padding: 0px;
text-align: left;
background-color: #eee;
max-width: 984px;
min-width: 759px;
border: 1px solid #000;

}
#header{
  	height: 120px;
  	background-color: #000;
  	background-image : url(/images/bg.jpg);
	padding: 1px;
	margin:0px;
	width: auto;
	
  }
#head_text{
  text-align: center;
  padding-top: 45px;
}
.mattblacktabs{
width: 100%;
overflow: hidden;
border-top: 1px solid #999; 
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
background-color:#000;
float:left;
padding: 0px;
margin: 0px; 
}

.mattblacktabs ul{
margin: 0;
padding: 0;
font: bold 11px "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: silver;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}



	#left {
		float:left;
		width:89px;
		margin:0; padding:0;
		font-size:80%;
		}
	#right {
		float:right;
		width:98px;
		margin:0; padding:0;
		font-size:80%;
		}
	#middle {
		margin:0 89px;
	    text-align: center;
		font-size:80%;
		padding-top: 45px;
		}
	.column-in {
		margin:0; padding:0.5em 1em;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}



#sj_logo{
  background-color: #fff;
  margin: 1px;
  padding: 1px;
   width:89px;
   height:118px;
   background-image : url(/images/sj_logo.gif);
   background-repeat: no-repeat;
}
#salts_logo{
    width:98px;
    height:118px;
    float:right;
	margin: 0px;
  	background-image : url(/images/salts_logo.gif);
}
#left_nav{
 background-color: #999;
 padding: 5px;
}

.evenrow {
	BACKGROUND-COLOR: #DDDDDD;
}
.oddrow {
	BACKGROUND-COLOR: #FFFFFF;
}
.highlight {
	BACKGROUND-COLOR: #FFFACD;
	font-weight : bold;
}
.teamhead{
	background-color : #FFFFCC;
}
.ourteam{
	font-size : 12px;
	font-weight : bold;
}
.otherteam{
	font-size : 12px;
}
.listvalue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}
.forumtable{
	background-color : #F5F5F5;
	padding : 4px;
	border : 1px;
	border-color : #000000;
	border-left-width : 1;
	border-right-width : 1;
	border-style : 1;
	border-top-width : 1;
}
.boxtext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	}
.forumlist {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	}
.maintext{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}
.menuon	{
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: Gray;
	font-weight : bolder;
}
.menuoff	{
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: #D3D3D3;
	color : Black;
}

.menuoff a{
float: left;
text-decoration: none;
margin: 0;
border-right: 1px solid white; /*right divider between tabs*/
color: silver;
background: #414141; /*background of tabs (default state)*/
}

.results{
 border: 1px solid #000;
 background-color: #fff;
 height:115px;
 margin:0px;
 padding:0px;
 
}

.bodyTableHeadColors	{
	FONT-SIZE: 18px;
	BACKGROUND-COLOR: #999999;
}
.leftMenuTableHeadColors	{
	FONT-SIZE: 18px;
	BACKGROUND-COLOR: #999999;
}
.leftMenuTableRowColors {
	FONT-SIZE: 14px;
}
.newstitle{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
}
.newstext{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	
}
TH	{
	FONT-SIZE: 16px;
	BACKGROUND-COLOR: #999999;
	text-align : left;
}
TD {
	FONT-FAMILY: Verdana,Arial,Sans-Serif;
	font-size : small;
	border:0px;
}

.headerColors {
	BACKGROUND-COLOR: #444455;
	COLOR: #FFFFFF
}

.footer {
	BACKGROUND-COLOR: #444455;
	COLOR: #FFFFFF
}
.leftBarColors	{
	BACKGROUND-COLOR: #f0f0f0;
	COLOR: #000000;
}


A {
	COLOR: #660033;
	TEXT-DECORATION: none;
	FONT-FAMILY: Vedrana,Arial,sans-serif;
}

A:hover.grey{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : Yellow;
	text-decoration : none;
}
A:visited {
	COLOR: Black;
	text-decoration : none;
}

A:hover {
	COLOR: Black;
	text-decoration : none;
}
A:visited.menu {
	color : Black;
	text-decoration : none;
}





TABLE.box {
	BACKGROUND-COLOR:#FFFFFF;
}

TABLE.boxbg {
	BACKGROUND-COLOR: transparent;
}

TABLE.listlabels {
	BACKGROUND-COLOR: #888888;
}

TD.formlabel {
	BACKGROUND-COLOR: Gray;
	FONT-SIZE: 12px;
	color : White;
}
TD.formvalue{
	BACKGROUND-COLOR:#FFFFFF;
	FONT-SIZE:12px;
	color :black;
}
.texvalue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}

P,H1,H2,H3,H4 {
	FONT-FAMILY: Verdana,Arial,Sans-Serif;
	FONT-SIZE: 14px
}

H1 {
	FONT-SIZE: 22px
}

H2 {
	FONT-SIZE: 20px
}

H3 {
	FONT-SIZE: 18px
}

H4 {
	FONT-SIZE: 16px
}


SELECT {
	BACKGROUND-COLOR: #ffffff;
	BORDER-COLOR: black;
	COLOR: black;
	FONT-FAMILY: Verdana,Arial,sans-serif;
	FONT-SIZE: 12px;
	LIST-STYLE: circle;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none
}

RADIO {
	BACKGROUND-COLOR: transparent;
	BORDER: 0px;
}



#sponsors{
border-top: solid 1px black;
width: 100%;
overflow: hidden;
background-color: #fff;
text-align: center;

}

.sponsor{
 padding:5px;
 margin:0px;
 background-color: white;
 margin-left:30px;
 float:left;
 
}

.news{
 border: 0px;
 border-bottom: 1px solid black;
 margin: 0px;
}


.results h3{
 margin: 0px;
 padding: 8px;
 background-color: #000;
 color: #eee;
}



.menu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #000;
border-collapse: collapse;
}

.menu li a{
font: bold 11px "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
color: silver;
display: block;
width: auto;
padding: 4px 0 4px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid white; /*right divider between tabs*/
color: silver;
background: #414141; /*background of tabs (default state)*/
}


* html .menu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}


.menu li a:hover{
 background-color: black;
}