/* -------

1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 GENERAL STRUCTURE
4.0 HEADINGS
5.0 BRANDING
6.0 LINKS
7.0 PARAGRAPHS
8.0 BLOCKQUOTES AND CITATIONS
9.0 FORMS
10.0 LISTS
11.0 TABLES
12.0 MISC PRESENTATION ELEMENTS
13.0 META
14.0 ACCESSIBILITY
15.0 PAGE SPECIFIC

------- */

/*
1.0 UNIVERSAL RESETS
------------------------------------------
*/

* { margin: 0; padding: 0; }
img { border: 0; }
object, embed { display: block; }

/*
2.0 GENERIC CLASSES
------------------------------------------
*/

/* Use these where it makes sense to do so instead of creating new classes. */
.db { display:block; }
.di { display:inline; }
.dn { display:none; }
.vh { visibility:hidden;}
.fl { float:left; }
.fr { float:right; }
.fn { float:none; }

/* Float Warriors, choose your weapon of clearing! */
.clr { clear:both; height:0px; overflow:hidden; font-size:0; line-height:0px;}
.cl { clear:left; }
.cr { clear:right; }

.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


.info { cursor:help; background:transparent; }
.cp { cursor:pointer; }

/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/

html { color:#fff; padding:0;}

body { font-family:"Lucida Grande", "Bitstream Vera Sans", arial, helvetica, geneva, verdana, sans-serif;
	font-size:12px; line-height:1.4em; margin:0; background-color: black; }
	
/* -- Container -- */
div#container { 
	position: relative;
	left: 10%;
	width: 790px;
	color:#444444;
	overflow:hidden;
	background: url(../images/background.jpg) repeat-y center;
}

/* -- Header -- */
div#header { 
	position: relative; 
	height: 100px; 
	background: url(../images/redgradient.png) center repeat-y;
	}
div#logo {
	position: relative; 
	float: right; 
	margin-top:5px; 
	margin-right: 15px;
	}

/* -- Content -- */
div#content { 
	position: relative; width:790px; overflow:hidden;
	 }

div#pagetitle {
	background: url(../images/racetiretread.png) no-repeat;
	position: relative; 
	margin-top: 10px; 
	left: 150px; 
	width: 519px; 
	}
div#pagetitlemed {
	background: url(../images/racetiretread-med.png) no-repeat;
	position: relative; 
	margin-top: 10px; 
	left: 120px; 
	width: 544px; 
	}
div#pagetitlewide {
	background: url(../images/racetiretread-wide.png) no-repeat;
	position: relative; 
	margin-top: 10px; 
	left: 105px; 
	width: 597px; 
	}
div#centerblock {
	position: relative;
	width: 750px;
	padding-left: 25px;
	height: 100%;
	}
div#columnheader {
	position: relative;
	width: 500px;
	font: bolder small-caps 10pt;
	} 
div#contactus {
	color: #444444;
	position: relative;
	width: 635px;
	padding: 15px 15px 0 75px;
	height: 100%;
	line-height: 15px;
	overflow: hidden;	
	}
div#left {
	float: left; 
	position: relative;
	padding: 10px 0; width: 250px;
	height: 100%;  }
div#middle {
	float: left;
	position: relative;
	padding: 10px 0; width: 275px;
	background: url(..image/vertline.png) repeat-y}
div#right {
	font: 8pt; 
	float: left;
	position: relative;
	padding: 10px 0; width: 150px;
	height: 100%; 
	background: url(..image/vertline.png) repeat-y;
} 


div#leftblock {
	float: left; 
	position: relative;
	padding: 5px 10px; width: 150px;
	height: 100%;  }	
div#middleblock {
	float: left;
	position: relative;
	padding: 10px; width: 400px;
	background: url(..image/vertline.png) repeat-y}
div#rightblock {
	font: 8pt; 
	float: left;
	position: relative;
	padding: 10px 0; width: 240px;
	height: 100%; 
	background: url(..image/vertline.png) repeat-y;
} 
	
div#footertop {
	background: url(../images/footer.jpg) no-repeat center;
	position: relative;
	left: 10%;
	width: 790px;
	color:#444444;
	height: 145px;
	padding-top:5px;
	}
	
div#footer {
	background: url(../images/footer.jpg) no-repeat center;
	position: relative;
	left: 10%;
	width: 790px;
	color:#444444;
	height: 145px;
	padding-top:5px;
	}
	
div#footerbottom {
	background: url(../images/bottom.png) repeat-x;
	position: relative;
	left: 10%;
	margin-left:4px;
	width: 782px;
	overflow:hidden;
	height: 18px;
}
div#row {
	position: relative; 
	padding-left: 10px;   
	padding-top:5px;
	width:765px; 
	font-size: 9pt;
	overflow: hidden;
	}	
div#half {
	position:relative;
	width: 380px;
	float: left;
	height: 120px;
}
div#smallhalf {
	position:relative;
	width: 380px;
	float: left;
	height: 50px;
}
div#qtr {
	position:relative;
	float: left;
	width: 190px;
	vertical-align:center;
}
div#tread{
	background:lightgrey;
	height:100%;
	overflow:hidden;
	color:black;
	}

/*body#home div#content { padding-left: 6px; }*/

/*div.content-footer { width:484px; margin:5px 0 5px 15px; }*/


div#footer { margin-top:0px; padding:1em 0; background:#0c0c6c url(/i/bg/structure/footer.png); color:#fff; }

/*
4.0 HEADINGS
------------------------------------------
*/

h1 { padding:0.2em 0; font-size:1.8em; }
h2 { padding:0.5em 0; font-size:1.3em; }
h3 { font-size:1.2em; }
h4 { padding-top:0.5em; font-size:1.0em; }
h5 { font-size:0.95em; }
h6 { font-size:0.9em; }

h1, h2, h3, h4, h5, h6 { margin:0 5px; font-family:"Lucida Grande", "Bitstream Vera Sans", arial, helvetica, verdana, geneva, sans-serif; }

div#page-body-header h1 { background-color:#9099A6; color:#e3e3e3; text-align:right; }

/*
5.0 BRANDING
------------------------------------------
*/

/*
6.0 LINKS 
------------------------------------------
*/

/** @see /c/navigation.css for all link rules */

/*
7.0 PARAGRAPHS
------------------------------------------
*/

p { margin:0 5px; padding:0.75em 0; }

p.disclaimer { font-size: .8em; line-height: 1.2em; color: #7E7E7E; }

/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
9.0 FORMS
------------------------------------------
*/

/* -- General Form Controls -- */
fieldset { margin:0; padding:0; border:0 solid; }

/** see /c/saf.css for all for all rules relating to saf forms */

/*
10.0 LISTS
------------------------------------------
*/

/* Unordered Lists */
ul, ul li { margin-left:0; }

ul.bulleted { margin-left:2em; margin-right:5px; padding:0.5em 0; }

ul.nobullets { list-style: none; margin-left: 0; padding-left: 0; font-size: 1.1em; }
ul.nobullets li { margin-bottom: .25em; }

div#header ul { margin:0; }
ol#masthead-list { list-style-type:none; }
ol#masthead-list li.chapter { background:#ddd url(/i/bg/structure/section-center.png) top repeat-x; color:#555; }

/* Ordered Lists */

ol.disclaimer-list { margin:0.5em 0 0 35px; font-size:0.9em; background-color:transparent; color:#333; }

/*
11.0 TABLES
------------------------------------------
*/
table.stats { color: #000; }


/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/

img.fl { margin:5px 5px 3em 5px; }

.rtaligned-txt { text-align: right; }
p.rtaligned-txt { padding-top: 0; }

.nowrap { white-space: nowrap; }

.clickable { cursor:pointer; }

/*
13.0 META
------------------------------------------
*/

abbr, acronym, address, dfn { font-style:normal; }
dfn { font-weight:bold; }
ins { background-color:#ffff73; color:#000; text-decoration:none; }
sup { vertical-align:top; }
em.tagline { font-weight:bold; text-transform:capitalize; }

/*
14.0 ACCESSIBILITY
------------------------------------------
*/

.skiplink { position:absolute; left:-9999px; width:990px; }
hr.hide { display:none; }


/* navigation.css */
/*nav*/
#nav {
	position: relative; 
	background: url(../images/navbar.png) top center repeat-x;
	left: 5px;
	color: white;
	height: 22px;
	width:782px;
}
#nav ul{
	list-style:none; 
}
#nav li{
	list-style:none;
	float:left;
	position:relative;
	padding-top: 3px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 11px;
}
.nav_spacer img{
	padding-left:5px;
	padding-right:5px;
}
/* Dropdown Menus!!! */

.dropdown { /* rules for dropdown div */		
	text-align: left; 		
	display: none;
}
.dropdown li {
  	vertical-align: bottom;
	width: 55px;
	background: url(/images/dropdown_li_bg.gif) repeat-x 0 bottom;
}
.dropdown li.last {
	background-image: none;
}
.dropdown li a{
	line-height: 150%;
	color: #525252;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	width: 60px;
	display: inline-block;
	position: relative;
}
.dropdown li a:hover{
	color: #9e0303;
}
.dropdown *{
	text-indent: 0;
}
#main_navigation li:hover div.dropdown, #main_navigation li.over div.dropdown{
	display: block;
	width: 150px;
	left: -3px;
	position: absolute;
	border: 1px solid #333;
	background: #D4D9DB url(/images/dropdown_bg.png) repeat-x 0 bottom;
}

/* GENERAL LINK RULES */
/* for all navigation menu links see navigation.css */
a:link, a:visited { color:black; text-decoration:none; }
a:hover, a:focus { color:#9e0303; text-decoration:none; }
a:active { color:#840603; text-decoration:none; }