/* CSS Document */

/*------------------------------sitewide misc-------------------------------*/

*{margin:0;padding:0}
.clear{
clear:both;
}

.fixme{
background:#FFFF00;
}

img{
border:none;
}

.tiny{
font-size:10px;
font-weight:normal;
}
/* Kill Firefox dotted outlines on links */
a:active, button:focus,a:focus {
  outline: none;
}

body{
background: #826a38 url(../images/bghalraquinpattern.gif) repeat top left;
padding:0px;
margin:0px;
font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

ul{
margin-left:10px;
margin-bottom: 20px;
}

ul li{
list-style-image:none;
list-style:none;
margin:2px 0px 5px 2px;
line-height:normal;
}

div.floater{
float:left;
width:120px;
margin: 0px 2px 2px 8px;
/*border-top:2px solid #333333;
border-left:2px solid #333333;
border-right:5px solid #333333;
border-bottom:5px solid #333333;*/
}

#team_logos {text-align:center;}
#team_logos a:link, #team_logos a:visited {opacity:1}
#team_logos a:hover, #team_logos a:active {opacity:.6}

.team_names {font-weight:bold; font-size:14px; color:#333; text-align:left; margin:5px 0 5px 20px; padding:0;}
.team_logo_box {text-align:center;height:120px; margin:0; padding:0;}

/*-------------------------------all block styling------------------------------------*/

#wrapper{
width:850px;
text-align:center;
position:relative;
margin:0 auto;
z-index:1;
}

html > body #wrapper {width:670px;}

#gradient{
background:url(../images/bghalraquinpatterngradient.gif) repeat-x;
z-index:0;
position:absolute;
width:100%;
height:200px;
}


#contentcontainer{
background:transparent url(../images/bg_content2.gif) repeat-y;
position:relative;
width:632px;
height:100%;
text-align:left;
float:left;
}

div#content{
width:632px;
position:relative;
font-size:12px; 
margin-left:9px;
padding:0px;
text-align:left;
float:left;
}

html>body #content {margin-left:18px}


div#header{
padding:0px;
margin:0px;
border:0px;
width:584px;
}

#railwrapper{
	width:10px;
	overflow:visible;
	text-align:left;
	float:right;
}

div.newrail{
	width:165px;
	position:relative;
	padding-top:200px;
	z-index:100;
}

/*-------------------------------header------------------------------------*/


a#contactus{
position:relative;
float:right;
top:0px;
right:60px;
z-index:99;
}

#header h1{
background: transparent url(../images/header.gif) no-repeat center top;
height:121px;
width:584px;
padding:0px;
margin:0px 0px 0px 0px;
z-index:0;
}

#header h1 span, h2 span, h3 span, h4 span{
display:none;
}


h4{
font-size:11px;
color:#333333;
margin:0px;
}

table#headernav{
	border-collapse:collapse;
	width:584px;
	position:relative;
	padding:0px;
	margin-top:-22px;
	margin-bottom:3px;
	margin-left:0px;
	z-index:49;
}

table#headernav tbody tr{
	height:13px;
}

table#headernav tbody tr td{
	padding: 0px;
	border:none;
}

table#headernav tbody tr td a{
}

/*---------------------------maincontent layoutstyling--------------------*/

.donate{
	position:absolute;
	margin: 0px 0px 0px 580px;
	z-index:99;
}


#content p{
line-height: 1.2em; 
margin-left:0px;
}

#lzxholder{
width:584px;
padding:0px;
margin:0px;
}

#bottom{
float:left;
clear:left;
width:632px;
min-height:20px;
border-bottom:1px;
background:url(../images/bg_content2.gif) repeat-y;
}

#footer p{
font-size:10px;
text-align:left;
margin-left:30px;
}

#footer a{
color:#637D88;
text-decoration:none;
}


h2#friendus, h2#ourteams{
height:35px;
width:300px;
margin:15px 0 5px 10px;
}

h2#ourteams{
background:url(../images/h2_ourteams.gif) transparent no-repeat top left;
}

h2#friendus{
margin-top:20px;
background:url(../images/h2_friendus.gif) transparent no-repeat top left;
}


h2 span{
display:none;
}

#rolloversabout, #rolloversteams, #rolloversevents, #rolloversstore, #rolloversmedia, #rolloverssponsors {
display:none;
margin:-20px 0px 20px 0px;
z-index:50;
}

#rolleversblank{
display:block;
margin:-20px 0px 20px 0px;
z-index:50;
}

.newrail input, #rail input{
margin-left:10px;
}

div#homelayout{
/* margin-left:px; */
padding:0px;
margin-top: 40px;
width: 584px;
overflow:hidden;
}

div#main{
width:370px;
padding:0px;
float:left;
}

/* Start Mac IE5 filter \*/
div#main, div#rail{
padding-bottom: 32767px;
margin-bottom: -32767px;
}
/* End Mac IE5 filter */

div#rail{
padding-left:10px;
width:170px;
vertical-align:top;
float:right;
border-left: 1px dotted #6699FF;
}

div#rail p{
width:151px;
padding:0px !important;
margin:0px 0px 4px 0px !important;
line-height:1.4em;
}


/*---------------------------homepage typography--------------------*/
#rail h3{
background:none !important; 
padding:0px !important;
margin:20px 0px 0px 0px;
width: 150px;
font-size:12px;
}

#rail h3#top{
margin-top:0px !important;
} 


#main h3{
width:300px !important;
}


h3#oaklandoutlaws{
background:url(../images/h3_oaklandoutlaws.gif) no-repeat center top;
}

h3#richmondwrecking{
background:url(../images/h3_richmondwrecking.gif) no-repeat center top;
}

h3#sfshevildead{
background:url(../images/h3_sfshevildead.gif) no-repeat center top;
}

h3#badallstars{
background: url(../images/badgang.gif) transparent no-repeat top left;
margin-left:2px;
width:300px;
height:100px;
}

h3#richmondwrecking, h3#oaklandoutlaws, h3#sfshevildead{
float:left;
width:120px !important;
height:118px;
position:relative;
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 2px;
}


h3{
background:url(../images/h3skullbackground.gif) no-repeat;
color:#737373;
font-size:18px;
font-weight:bold;
height: 30px;
position:relative;
padding: 18px 0px 0px 15px;
margin-bottom:10px;
width:584px;
}

#main p{
	margin-left:10px;
}

#rail p{
margin:0px;
}


.standings td{
border-top:1px dotted #999999;
border-right:1px dotted #999999;
border-left:1px dotted #999999;
}

.standingslast td{
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
border-right:1px dotted #999999;
border-left:1px dotted #999999;
}
/*---------------------------site-wide typography--------------------*/
#rail h2{
color:#737373;
font-size:12px;
font-weight:normal;
letter-spacing:-.2em;
}

#contentcontainer p{
font-size:11px; line-height: 1.9em; margin-bottom:2em;
}


a{
color:#B21611;
font-weight:800;
text-decoration:none !important;
font-size:11px;
line-height:1.4em;
}

a:hover{
text-decoration:underline;
}


p{
color:#666666;
}