/*
USAGE:

This template is meant to be simple, general, and extensible.

Each element comes in several different flavors so that the page author
can simply choose the one s/he wants instead of modifying the template 
or adding extra style attributes in the HTML.
This makes the css a good bit larger, but allows someone who is not
familiar with CSS some options.
CSS authors who make new templates based on this one should be sure to
apply their changes throughout, not just to one version of an element
(ie. just to the upper_left version of the menu, but not to the other
three version of that element).
*/

/*############################################
## Body Background Settings 
############################################*/

BODY { background: #ffffff url(http://www.dodgecityraceway.com/checkbg1.gif);
       background-repeat: repeat-y;
       margin:0px;
}

/*############################################
## Div Content Boxes 
############################################*/

div.mainContent {
	position:relative;
	text-align:center;
	width:700px;
}

div.body {
	position:relative;
	border:0;
	top:35px;
	text-align:center;
}

div.Logo {
	position:relative;
	top:0px;
	width: 400px;
	height: 102px;
	text-align:center;
}

div.menu {
	position:relative;
	text-align:center;
	width: 150px;
	height: 326px;
}

div.footer {
	position:relative;
	text-align:center;
	left:48px;
	width:656px;
}

/*############################################
## Title for all Pages
############################################*/

h2.title {
font-size: 24px;
font-weight: 900;
font-family: verdana, helvetica, arial, sans-serif;
color: #666;
margin:0px; /*NS 6 and IE have inconsistent default header margins, this keeps it consistent*/
}
h2.driverInfo {
font-size: 24px;
font-weight: 900;
font-family: verdana, helvetica, arial, sans-serif;
color: black;
margin:0px; /*NS 6 and IE have inconsistent default header margins, this keeps it consistent*/
}
h2.altdriverInfo {
font-size: 24px;
font-weight: 900;
font-family: verdana, helvetica, arial, sans-serif;
color: white;
margin:0px; /*NS 6 and IE have inconsistent default header margins, this keeps it consistent*/
}
/*############################################
## Link Items
## This link is used if a Menu is present
############################################*/
a.menu_item{
	font-size:12px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: red;
	text-decoration: none;
}

/*a.menu_item:hover {
	background-color: #d7d7d7;
	border-color:#c3c3c3;
}*/
/*############################################
## These links are used against the Background
## color
############################################*/
a.backgroundlinkSmall{
	font-size:10px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: red;
	text-decoration: none;
}

a.backgroundlinkSmall:hover {
	background-color: yellow;
}
a.backgroundlink{
	font-size:12px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: red;
	text-decoration: none;
}
a.backgroundlink:hover {
	background-color: yellow;
}
/*############################################
## These links are used in the data tables
## except for the driver pages
############################################*/
a.oddRow{
	font-size:12px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: red;
	text-decoration: none;
}

a.oddRow:hover {
	background-color: yellow;
}

a.oddRowSmall{
	font-size:10px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: red;
	text-decoration: none;
}

a.oddRowSmall:hover {
	background-color: yellow;
}

a.evenRow{
	font-size:12px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: red;
	text-decoration: none;
}
a.evenRow:hover {
	background-color: yellow;
}
a.evenRowSmall{
	font-size:10px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: red;
	text-decoration: none;
}
a.evenRowSmall:hover {
	background-color: yellow;
}
/*############################################
## These links are used in the driver pages
############################################*/
a.driver{
	font-size:12px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: red;
	text-decoration: none;
}

a.driver:hover {
	background-color: yellow;
}
a.driverSmall{
	font-size:10px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: red;
	text-decoration: none;
}

a.driverSmall:hover {
	background-color: yellow;
}
a.driverTab{
	font-size:10px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: red;
	text-decoration: none;
}

a.driverTab:hover {
	background-color: yellow;
}
a.driverDataCell{
	font-size:12px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: red;
	text-decoration: none;
}

a.driverDataCell:hover {
	background-color: yellow;
}
/*############################################
## Fonts
## These Fonts are used against the Background
## color
############################################*/
font.bgfontSmall{
	font-size:10px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.bgfont{
	font-size:12px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.bgfontLarge{
	font-size:15px;
	font-weight: 700;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.bgfontXLarge{
	font-size:20px;
	font-weight: 900;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.Official{
	font-size:20px;
	font-weight: 900;
	font-family: verdana, helvetica, arial, sans-serif;
	color:  #00FF00;
	text-decoration: none;
}
font.Unofficial{
	font-size:20px;
	font-weight: 900;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #FF0000;
	text-decoration: none;
}
/*############################################
## This font is used in all of the headers for
## the data tables except the driver pages
############################################*/
font.header{
	font-size:15px;
	font-weight: 700;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
/*############################################
## These fonts are used in the data tables
## except for the driver pages
############################################*/
font.oddRowSmall{
	font-size:10px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.oddRow{
	font-size:12px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.evenRowSmall{
	font-size:10px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.evenRow{
	font-size:12px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
/*############################################
## Press Release Fonts
############################################*/
font.pressTitle{
	font-size:15px;
	font-weight: 700;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.pressTitleLarge{
	font-size:20px;
	font-weight: 900;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.press{
	font-size:12px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
/*############################################
## Driver Page Fonts
############################################*/
font.driverInfo{
	font-size:15px;
	font-weight: 700;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.driverSmall{
	font-size:10px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.driver{
	font-size:12px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.driverLarge{
	font-size:15px;
	font-weight: 700;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.driverHeader{
	font-size:15px;
	font-weight: 700;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.driverDateCell{
	font-size:15px;
	font-weight: 700;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
font.driverDataCell{
	font-size:12px;
	font-weight: 200;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-decoration: none;
}
/*############################################
## Tables
## The main content of many of these pages will just be a simple table, so
## outlined below are some styles for creating those tables.
## note: Unfortunately, it seems that IE doesn't implement row styling, so
## only cells are styled below. 
############################################*/

/* _class_list Table */
table.class_list {
	width:100%;
	text-align:Center;
}
tr.class_list{

}
td.class_list {
	vertical-align:middle;
}
/* _driver_list Table */
table.driver_list {
	width:100%;
	text-align:Center;
}
tr.driver_list{

}
td.driver_list {
	vertical-align:middle;
}
/* _press_release Table */
table.press {
	width:100%;
	text-align:Center;
}
tr.press{

}
td.pressTitle {
	vertical-align:middle;
	text-align:center;
}
td.pressBody {
	text-align:left;
	vertical-align:middle;
}
/* _driver_common Tables */
table.driverMain {
	width:600px;
	text-align:Center;
}
table.driverInfo {
	border-width:2px;
	border-color:black;
	border-style:outset;
	text-align:Center;
	vertical-align:top;
}
tr.driverMain{

}
tr.driverInfo{

}
td.driverMain{
	vertical-align:middle;
	text-align:left;
}
td.lightTab {
	text-decoration: none;
	background-color:#E0E0E0;	
	vertical-align:middle;
	text-align:center;
}
td.darkTab {
	text-decoration: none;
	background-color:#C8C8C8;	
	vertical-align:middle;
	text-align:center;	
}
/* _driver Tables */
table.driver {
	width:588px;
	border-width:0;
	text-align:Center;
}
tr.driver{

}
td.driverHeader {
	background-color:#ddd;
	border-color:#ccc;
	border-width:1px;
	border-style:solid;
}
td.driver {
	vertical-align:middle;
	text-align:left;
}
td.driverTop {
	vertical-align:top;
	text-align:left;
}
td.driverDateCell{
	background-color:#eee;
	border-color:#ddd;
	border-width:1px;
	border-style:solid;
}
td.driverDataCell{
	vertical-align:top;
	background-color:#ddd;
	border-color:#ccc;
	border-width:1px;
	border-style:solid;
}

/* Data Tables */
table.data {
	width:100%;
	text-align:Center;
}

tr.oddRow{
	background-color:#eee;
	border-color:#ddd;
	border-width:1px;
	border-style:solid;
}
tr.evenRow{
	background-color:#fff;
	border-color:#eee;
	border-width:1px;
	border-style:solid;
}
td.dataHeader {
	background-color:#ddd;

	border-color:#ccc;
	border-width:1px;
	border-style:solid;
}
td.data {
	vertical-align:middle;
	text-align:left;
}
td.dataCenter {
	vertical-align:middle;
	text-align:center;	
}
td.dataRight {
	vertical-align:middle;
	text-align:right;	
}
td.dataTop {
	vertical-align:top;
	text-align:left;
}
td.dataImg {
	vertical-align:middle;
}
/*list cell style*/
td.list {
	vertical-align:middle;
}