/*MISC. STYLES*/
html {overflow-x:hidden;}
body {background-color:#000; font-family:verdana,arial,sans-serif,helvetica,geneva; background-image:url(/raracing/lib/images/3rdcolbkg.jpg); background-repeat:repeat; background-position:bottom left;/*<--NEEDED FOR FOOTER TEXTURE*/}
td .floatright {float:right; margin:20px 20px 10px 20px;}
td img .floatleft {float:left; margin:0px 30px 10px 0px;}
.featureright {float:right; margin:0 -25px 8px 30px; padding:0; clear:right;}
.navtexture {background-image:url(/raracing/lib/images/3rdcolbkg.jpg); background-repeat:repeat; background-position:bottom left}

/*HEADER BANNER STYLES*/
#header {width:100%; height:87px; margin:0; padding:0; background-color:#373737; background-image:url(/raracing/lib/images/headerbkg.jpg); background-repeat:repeat; background-position:bottom left;}
#header .logo {width:170px; margin:0; padding:0; vertical-align:middle;}
#linkbox {text-align:left; background-color:#000000; border:1px solid #ccc; width:140px; height:67px; padding:0; margin:10px 15px 10px 15px; font-size:10px; color:#dddddd; font-family:verdana,"Trebuchet MS",arial,sans-serif,helvetica,geneva; color:#444; font-size:10pt;}
#linkbox h1 {color:#cccccc; display:block; font-size:11px; line-height:12px; border-bottom:1px solid #555; margin:0 5px 4px 5px; padding:7px 0 3px 0}
#linkbox a {font-size:11px; line-height:16px; color:#ddd; text-decoration:none; padding:2px 5px 2px 5px}
#linkbox a:hover {color:#fff; text-decoration:underline}
#flashbox {text-align:center; vertical-align:middle; width:468px; height:60px; margin:13px 0 12px 0; padding:0; border:1px solid #000;}

/*LEFT NAVIGATION STYLES*/
#leftcol {height:510px; width:170px; margin:0; padding:0; font-size:12px; font-weight:bold; font-style:italic; font-family:"Trebuchet MS",arial,sans-serif,helvetica,geneva; color:#fff; background-image:url(/raracing/lib/images/leftcolbkg.gif); background-repeat:no-repeat; background-position:top left;}
#leftcol ul {margin:13px 0 0 0; padding:0; background-color:#000; font-size:16px; font-weight:bold; letter-spacing:-1px; font-style:italic; font-family:"Trebuchet MS",arial,sans-serif,helvetica,geneva;}
#leftcol ul li {margin:0; padding:0 6px 0 0; border-bottom:2px solid #000; height:26px; vertical-align:middle; list-style-type:none; vertical-align:middle; text-align:right; background-image:url(/raracing/lib/images/leftnavbutton.jpg); background-repeat:no-repeat; background-position:top right; background-color:#000;}
#leftcol ul li a {font-size:13pt; color:#ccc; line-height:24px; vertical-align:middle; text-decoration:none;}
#leftcol ul li a:hover {text-decoration:none; color:#fff;}
#leftcol #updates {margin:0; color:#ccc; font-weight:normal; font-style:normal; text-align:center}
#leftcol #updates form {margin:0; padding:0; font-size:10px; color:#ccc; font-family:"Trebuchet MS",arial,sans-serif,helvetica,geneva;}
#leftcol #updates form input.text {font-family:"Trebuchet MS",arial,sans-serif,helvetica,geneva; font-size:10px; line-height:10px; background-color:#333; border:1px solid #ccc; height:15px; width:135px; margin:8px 0 0 0; padding:0 0 0 2px; color:#eee}
#leftcol #updates form input.arrow {margin:0; padding:0; vertical-align:middle}

/*BODY CONTENT STYLES*/
.shadow  {position:relative; display:block; color:#bb2322; line-height:normal; }
.shadow span {position:absolute; top:0; display:block; color:#bb2322; }
.shadow:before {display:block; padding:1px 1px 1px 2px; content: attr(title); color:#999;} 
p.breadcrumbs {font-size:10px; margin:0; padding:15px 0 0 0; color:#666}
#content {color:#222; min-height:100%; font-size:10pt; line-height:14pt; font-family:verdana,arial,sans-serif,helvetica,geneva; padding:0 25px 0 25px; overflow-x:hidden; margin:0 0 30px 0; background-image:url(/raracing/lib/images/contentshadow.gif); background-repeat:repeat-x; background-position:top left;}
#content p {margin-top:0}
#content h1 {color:#bb2322; font-size:22px; text-transform:uppercase; font-family:"Trebuchet MS",verdana,arial,sans-serif,helvetica,geneva; font-style:italic; margin:20px 0px 12px 0px;}
#content h2 {color:#333; font-size:20px; text-transform:none; font-style:italic; margin:-9px 0 12px 0; font-family:"Trebuchet MS",verdana,arial,sans-serif,helvetica,geneva;}
#content h3 {color:#222; font-size:12pt; line-height:14pt; margin:18px 0 0 0; font-style:italic; text-transform:uppercase; font-family:"Trebuchet MS",verdana,arial,sans-serif,helvetica,geneva;}
#content h4 {color:#222; font-size:10pt; line-height:12pt; margin:0}
#content h1 sup {font-size:small; line-height:110%}
#content .small {font-size:11px; line-height:12px;}
#content table .noborder {border:0; padding:5px}
#content table {border:1px solid #ccc; background-color:white; margin:4px 0 4px 0; color:#222; font-size:10pt; line-height:10pt; font-family:verdana,arial,sans-serif,helvetica,geneva; width:auto}
#content td {padding:3px 6px 3px 6px; border:1px solid white;}
#content th {padding:3px 6px 3px 6px; background-color:black; color:white;}
#content .medgray {background-color:#bbb; text-align:center; font-weight:bold;}
#content .ltgray {background-color:#eee;}
#content .red {background-color:#bb2322; color:white; text-align:center; font-weight:bold;}
#content .whitetext, #content table .whitetext, #content table tr .whitetext {color:#fff}
#content td .nopad, #content table .nopad {padding:4px 0 0 0;}
#content table td sup {vertical-align:top;}
#content a {color:#977409; text-decoration:underline;}
#content a:visited {color:#977409;}
#content a:hover {color:#bb2322;}
#content ol {margin-bottom:24px; margin-top:6px; line-height:140%}
#content ul {margin-bottom:24px; margin-top:5px; line-height:140%}
#content ol ul {margin-bottom:5px; margin-top:5px; line-height:140%}
#content ul ul {margin-bottom:5px; margin-top:5px; line-height:140%}
#content ul li {color:#444; line-height:120%}
#content ul li sup, #content ol li sup {font-size:small; line-height:200%}
#content ol li {color:#444; line-height:120%}
#content li {padding:0px 0px 4px 0px; line-height:110%}
#content .nobullet {color:#444; list-style-type:none; clear:left}
#content img {}
#content .noborder {border-style:none;}
#content .border {border:1px solid #ccc}
#content .floatleft {float:left; margin:5px 15px 15px 0px; clear:left;}
#content img .floatleft {float:left; margin:0px 25px 15px 0px; clear:left;}
#content .floatright {float:right; margin:5px 0px 20px 30px; clear:right;}
#content .clearright {clear:right;}
#content .clearleft {clear:left;}
#content .clearboth {clear:both;}
#content .clearnone {clear:none;}
#content form {font-size:10pt; color:#222; margin:3px 0 12px 0; padding:0}
#content select, #content option {font-size:10pt; color:#222; margin:0; padding:0}
#content .x-small {font-size:x-small; color:#444; line-height:110%; margin-top:3px;}
#content .caption, div .caption, #content p .caption {color:#444; line-height:118%; font-style:italic; margin:12px 0px 15px 30px; font-size:11px}
#content .caption img {margin-bottom:3px;}
#contenthome {width:100%; height:100%; color:#222; font-family:arial,verdana,arial,sans-serif,helvetica,geneva; padding:0; margin:0; background-image:url(/raracing/lib/images/homebkg.jpg); background-repeat:repeat-x; background-position:top center;}
#contenthome table {height:100%; vertical-align:middle; text-align:center; padding:0; font-size:11pt; line-height:12pt;}
#contenthome table .event {height:auto; text-align:left; padding:0; margin:0; font-weight:bold; font-style:italic;}
#contenthome h1 {color:#bb2322; font-size:22px; line-height:24px;text-transform:uppercase; font-family:"Trebuchet MS",verdana,arial,sans-serif,helvetica,geneva; font-style:italic; margin:0 0 6px 0; padding:0}

/*RIGHT FLOATING COLUMN STYLES*/
#rightcol {color:#222; font-size:10px; line-height:11px; float:right; width:140px; border-left:2px dotted #ddd; z-index:3; padding:0 0 0 0; margin:0 0 12px 20px; clear:right}
#rightcol h1 {font-size:12px; margin:0px 0px 4px 0px; padding:0 0 0 10px; color:#222;}
#rightcol h2 {font-size:12px; margin:0px 0px 3px 0px; padding:0 0 0 10px; font-style:normal; text-transform:none;}
#rightcol h3 {font-size:12px; margin:0px 0px 3px 0px; padding:0 0 0 10px; font-style:normal; text-transform:none}
#rightcol ul {line-height:14px; display:block; margin:2px 6px 14px 13px; padding:0 0 0 10px; color:#222}
#rightcol ol {line-height:14px; margin:2px 6px 14px 22px;  padding:0 0 0 10px; color:#222}
#rightcol li {line-height:13px; margin:0px; padding:0px; color:#222}
#rightcol ul li {line-height:11px; margin:0px 0px 5px 0px; padding:0px; color:#222; list-style-type:none; list-style-position:outside; list-style-image:url(/raracing/lib/images/rightnavlink.gif)}
#rightcol a {color:#222; text-decoration:underline;}
#rightcol a:visited {color:#222}
#rightcol a:hover {color:#bb2322; text-decoration:underline}
#rightcol .caption {line-height:12px; font-style:italic; text-align:center; margin-top:0px; margin-bottom:24px}
#rightcol p {line-height:115%; padding-left:10px;}
#rightcol form, select, option, input, textarea, submit, reset, button {font-size:11px; line-height:normal; font-family:verdana,arial,sans-serif,helvetica,geneva;}
#rightcol .submit {width:18px; height:18px;  border:1px outset #ccc; background-color:#D4D0C8; color:#222; font-size:10pt; line-height:8pt; margin:3px 0px 0px 0px; padding:0px; text-align:center}

/*LAST COLUMN STYLES*/
#thirdcol {margin:0; padding:0; width:170px; height:100%;}
#thirdcol img {border:0; margin:18px 18px 0 19px; padding:0}

/*COPYRIGHT FOOTER STYLES*/
#footer {display:block; z-index:100; height:30px; font-size:10px; margin:0 170px 0 170px; padding:0; border:1px solid #fff; border-width:1px 1px 0 1px; background-image:url(/raracing/lib/images/headerbkg.jpg); background-repeat:repeat; background-position:bottom left;}
#footer td {color:#777; vertical-align:middle; font-size:10px; line-height:11px; font-family:"Trebuchet MS",arial,sans-serif,helvetica,geneva;}
#footer #links a {text-decoration:none; color:#ddd; border:0; margin:0; padding:0; font-size:10px;}
#footer #links a:hover {text-decoration:underline; color:white}