/*
* div
{
border: 1px solid blue;
margin: 5px;
}
*/

html
{
font-size: 100%; /* For IE's text sizing bug */
margin: 0px;
padding: 0px;
}

body
{
margin: 0px 0px;
margin-left: 10px;
font: normal 78%/1.5em "helvetica neue", Verdana, Arial, sans-serif;
background: red  /* url(../images/body.gif) 620px 0px repeat-y */ ;
color: white;
padding: 0px 10px;
text-align: left;
}

html>body {font-size: 68%;}

h1,
h2,
h3,
h4
{
font: normal 1.0em/0.9em 'Arial Black', sans-serif;
text-transform: uppercase;
letter-spacing: -0.07em;
clear: both;
/*
color: white !important;
*/
}

h1
{
/*
font: 1.6em "Arial black", sans-serif;
*/
font-size: 1.6em;
margin: 0em -20px;
padding: 0.8em 20px;
text-align: center;
color: white;
text-shadow: 2px 2px 3px #600
}

div#content h1
{
display: none;
}

h2
{
font-size: 1.6em;
line-height: 1.0em;
/* background: red url(../images/title.gif) top left no-repeat; */
background: red url(../images/section.gif) top left no-repeat;
margin: 0px 10px 5px -20px;
padding: 25px 0em 0.4em 20px;
border-bottom: 1px solid #E00;
text-shadow: 2px 2px 3px #900; /**/
clear: both;
} 

/*
h3
{
font-size: 1.4em;
line-height: 0.9em;
border-left: 20px solid #FFF;
padding-left: 0.5em;
margin: 0.5em 0px;
}
*/

h3
{
background:red url(../images/h3.gif) top left no-repeat;
font-size: 1.3em;
line-height: 0.9em;
margin: 0px 0px 10px -20px;
padding: 19px 0em 0.4em 20px;
border-bottom: 3px solid #F00;
clear: both;
text-shadow: 2px 2px 3px #900;
}

h4
{
font:bold 1em/0.9em "Arial", sans-serif;
margin: 5px 0;
padding: 0.4em;
padding-left: 10px;
border: none;
clear:left;
background: white url(../images/rcbl.gif) bottom left no-repeat;
color: red;
border-left: 1px solid red;
}

h4.caption
{
font:normal 1em/0.9em "Arial", sans-serif;
margin: 0;
padding: 0.8em;
background: white url(../images/rctl.gif) top left no-repeat;
}


h2 em,
h3 em,
h4 em
{
font: normal 1em/0.8em "Arial black", sans-serif;
}

#ci {padding-top:20px;}
p{font-size: 1.2em;}
html>body p{font-size: 1em;}

a,
a:link
{
text-decoration: none;
color: #FFF;
}

ul
{
margin: 0px 20px;
padding: 0px;
list-style-type: none;
text-align: left;
}

img
{
margin: 10px 0px;
}


dl
{
/*border-top: 0.1em solid red;*/
padding-top: 0.5em;
padding-bottom: 1em;
clear: both;
}

dt, dd, th, td
{
margin: 0px;
padding: 0px;
padding: 8px;
margin-bottom: 3px;
font: 0.9em/1.3em "Arial", sans-serif;
/*text-transform: uppercase;*/
}

dt
{
float: left;
width: 25%;
clear: left;
font-weight: bold;
color: white !important;
border-top: 1px solid #d00;
}

dt a, th
{
color: white !important;
}

dd
{
margin-left: 29%;
/* background: red url(../images/red-chamfer.gif) -1px 0 repeat-y; */
background: url(../images/dd.gif) bottom left no-repeat;
padding-bottom: 2em;
border-top: 1px solid #D00;
}

#offices dd
{
	white-space: pre;
}

cite
{
font: normal 1.6em/0.95em 'tahoma', sans-serif;
background: white url(../images/rctr.gif) top right no-repeat;
color: red;
margin: 0px 1em 1em 0px;
padding: 1em;
width:45%;
float:left;
text-align: right;
text-transform: uppercase;
letter-spacing: -0.1em;
display: block;
}

cite.right
{
margin: 0em 0 0.5em 0.5em;
float: right;
text-align: left;
clear: right;
}

cite.center
{
	width: 95%;
margin: 0em 0 1em 0em;
text-align: center;
clear: both;
}

cite small
{
font-size: 0.7em;
display: block;
}

#captioned-image
{
	width: 24%;
	margin: 0 20px 20px 10px;
	float: left;
	text-align: right;
	color: white;
}

#captioned-image a
{
	color: white;
	font-style: italic;
}

#captioned-image img {border:2px solid #fff}

.mechanic, .driver
{
	width: 46%;
	float: left;
	margin: 1%;
	margin-bottom: 1em;
}

hr
{
	border: none;
	border-top: 1px solid #F00;
	border-bottom: 1px solid #FFF;
	margin: 0.5em 0px;
	clear: both;
	width: 75%;
	text-align: center;
}

/*
#content ul li
{
margin: 0px;
margin-bottom: 0.5em;
padding: 0.2em 0em 0.2em 30px;
background: transparent url(../../site-images/ci/m_point.gif) 1% 50% no-repeat;
border-bottom: 1px solid red;
}

*/
div#footer h1
{
clear: both !important;
display: block;
}

div#footer ul
{
margin: 0.1em 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}

div#footer li
{
text-align: left;
font-size: 0.9em;
display: inline;
/*padding: 0.2em 0.5em;*/
}

div#footer li
{
/*border-left: 1px solid red;*/
}


div#footer li a
{
color: #FFF;
padding: 0.2em 0.5em;
background: none;
}

div#footer li a:hover
{
color: red;
background: white;
}


div#footer ul.quicklinks li
{
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
background: none;
border: none;
}


div#sub-menu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
}

div#sub-menu ul li
{
	padding: 2px;
	padding-left: 0px;
	margin: 0 !important;
	background: none !important;
	border: none !important;
	display: inline;
	float: left;
	text-transform: uppercase;
}

div#sub-menu ul li a
{
font-size: 0.9em;
padding: 0px 10px;
display: block;
color: red;
}

div#sub-menu ul li a:hover,
div#sub-menu ul li a.active
{
background: #F00 url(../images/wcbl.gif) bottom left no-repeat;
color: white;
}

/* MENU - 1 */

/* MENU - 2 */
ul.menu-2
{
	padding: 8px 0px 2px 0px;
	margin: 0.5em 0 !important;
	width: 98%;
	list-style-type: none;
	border: 1%px solid red;
}

ul.menu-2 li
{
	padding: 0 2px;
	margin: 0 !important;
	background: none !important;

	line-height: 0.95em;
	text-transform: uppercase;
}

ul.menu-2 li.title
{
	display: block;
font: normal 12px/0.9em 'Arial Black', sans-serif;
text-transform: uppercase;
letter-spacing: -1px;
color: #FFF;
padding: 0.5em;
white-space: pre;
padding-top: 5px;
border-bottom: 1px solid red;
}

ul.menu-2 li a
{
display: block;

color: white;
font: normal 0.9em/1.0em "helvetica neue", Verdana, Arial, sans-serif;
word-spacing: normal;
letter-spacing: normal;
background: none;
padding: 0.3em 0.5em;
white-space: normal;
text-shadow: none;
/* border-bottom: 1px solid red; */
}

ul.menu-2 li a:hover,
ul.menu-2 li a.active
{
background: white;
color: red;
}

/* MENU - 2 */

/* MENU - 3 */
ul.menu-3
{
	width: auto;
	padding: 0px;
	background: none;
	list-style-type: none;
	clear: both;
	
	margin: 5px 0px; 
	overflow: hidden;
}

ul.menu-3 li
{
	padding: 0px;
	margin: 0px;
	border: none;
	background: none;
	display: inline;
	float: left;
	text-transform: uppercase;
	font-size: 0.9em;
}

ul.menu-3 li a
{
	padding: 0.5em 15px 0.1em 5px;
		padding-top: 2em;

/*border-left: 10px solid #FFF;*/
	background: white url(../images/white-chamfer-soft.gif) top right no-repeat;
	color: red;
}

ul.menu-3 li a:hover,
ul.menu-3 li a.active
{
	background: transparent;
	color: white;
/*border-left: 20px solid #FFF;*/
}
/* MENU - 3 */


/* MENU - 4 */
ul.menu-4
{
	width: auto;
	padding: 0px;
	background: white;
	list-style-type: none;
	clear: both;
	
	margin: 5px 0px; 
	overflow: hidden;
}

ul.menu-4 li
{
	padding: 0px;
	margin: 0px;
	border: none;
	background: none;
	display: inline;
	float: left;
	text-transform: uppercase;
	font-size: 0.9em;
}

ul.menu-4 li a
{
	padding: 3px 10px;
	background: white url(../images/rctl.gif) top left no-repeat;
	border-left: 1px solid red;
	color: red;
}

ul.menu-4 li a:hover,
ul.menu-4 li a.active
{
	background: white url(../images/rcbl.gif) bottom left no-repeat;
	color: #F00;
/*border-left: 20px solid #FFF;*/
}

ul.menu-4 li strong
{
	line-height: 0.5em;
}
/* MENU - 4 */

/* MENU - 5 */
ul.menu-5
{
	width: auto;
	padding: 0px;
	background: none;
	list-style-type: none;
	clear: both;
	margin: 0px; 
	overflow: hidden;
}

ul.menu-5 li
{
	padding: 0px;
	margin: 0px;
	border: none;
	background: none;
	text-transform: uppercase;
	font-size: 0.9em;
}
/* MENU - 5 */


.b-image-small, .b-image-medium
{
margin:2px 2px 0px 0px;
border: 3px solid #FFF;
overflow: hidden;
width:110px;
height:70px;
background-color: white;
background-position: 50% 50%;
background-repeat: no-repeat;
}

.b-image-small
{
width:110px;
height:70px;
}

.b-image-medium
{
width:210px;
height:110px;
}

.mugshot img
{
border: 3px solid #FFF;
}

#key
{
	display: none;
}

p.address
{
white-space: pre;
line-height: 1.3em;
text-align: left;
}

form#contact
{
display: block;
}

input, 
textarea
{
font: normal 0.9em "helvetica neue", Arial, sans-serif;
width: auto;
border: none;
background: white;
color: gray;
margin-bottom: 1em;
border: 1px solid #D00;
}

textarea
{
padding: 0.5em;
}

input[type="submit"],
input[type="reset"]
{
display: inline;
margin-left: 2%;
}

fieldset
{
	border: none;
/* border: 1px solid #FFF; */
border-top: 10px solid #FFF;
margin: 1em;
padding: 0.9em;
}

legend
{
padding: 0.3em 3em 0.3em 0.5em;
text-transform: uppercase;
}

label
{
font:0.9em/1.3em "Arial", sans-serif;
text-transform: uppercase;
/*display: block;
padding: 0.5em;*/
}

form p
{
text-align: left !important;
}

button
{
font: normal 0.9em/0.9em 'Arial', sans-serif;
text-transform: uppercase;
padding: 0.3em 1em;
border: 1px solid black;
border-width: 1px 2px 2px 1px;
background: white;
}

button:hover
{
background: red;
color: white;
border-color: rgb(130, 000, 000);
}

button:active
{
color: red;
background: white;
border-width: 2px 1px 1px 2px;
border-color: red;
}

/****** UTLITY *******/
.hide, .hidden { display: none !important; }
.screen-hide { display: none; }
.anchor { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-none { clear: none; }
.block, .visible { display: block; }

.w-100 { width: 100%; }
.w-75 { width: 74%; }
.w-70 { width: 69%; }
.w-50 { width: 49%; }
.w-40 { width: 39%; }
.w-25 { width: 24%; }
.w-20 { width: 19%; }
.w-15 { width: 14%; }

.max-h-80 { max-height: 80px; }
.max-w-120 { max-width: 120px; }
.max-w-180 { max-width: 180px; }
.max-w-640 { max-width: 640px; }

.showSection {}
.showSubSection {}

img.none { border: none; margin:1px; padding:0px;}

.hilite {
		background: #D00 url(../images/header.gif) 0 0 repeat-x !important;
}

.white { background: white; }
.black { background: black; }
/****** UTLITY *******/

#print-logo
{
	display: none;
}

.section
{
	clear: both;
	overflow: visible;
}

table
{
	width: 100%;
}

caption
{
text-align: left;
white-space: pre;

text-transform: uppercase;
letter-spacing: -0.08em;
margin-bottom: 1em;
}

th
{
 text-transform: uppercase;
 font: 0.7em;
 padding: 0;
}

th, div#news-reports dt
{
	text-align: left;
	margin: 0px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

td
{
border-bottom: 1px solid red;
}

thead th
{
		background: #E00 url(../images/ycbr.gif) bottom right no-repeat;
	color: white !important;
	padding: 0.4em 0.6em;
}

th, td
{
	padding: 0.4em;
}

tr.even
{
background: #F50000;
}

tr.hover
{
background: white;
color: red !important;
}

#career-path
{
	width: 30%;
	float: right;
	clear: right;
}

#career-path th
{
width: 45%;
}

#career-path td
{
	margin-left: 52%;
}

/****** HACKS ******/
.clear-float:after, div#content:after, div#sub-menu:after
{
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}

.clear-float, div#content, div#sub-menu {display: inline-table;}

/* Hides from IE-mac \*/
* html .clear-float, 
* html .clear-float div#content,
* html .clear-float div#sub-menu
{height: 1%;}

.clear-float, div#content, div#sub-menu {display: block;}
/* End hide from IE-mac */
/****** HACKS ******/

/*************************************************************************/
/**************	DIVS	*******************/
/*************************************************************************/

div#header
{
/*background: red url(../images/body.gif) repeat-y;*/
  background: red url(../images/header.gif) 0px -0px repeat-x;
padding: 00px 20px 0px 0px;
margin: 0px -10px;
border-left: 10px solid white;
/*border-bottom: 2px solid white;*/
border-top: 8px solid white; /* */
}


div#flash
{
/* background: white url(../../site-images/banners/static.jpg) no-repeat;  */ 
background: white url(../images/banner.jpg) 1px 1px no-repeat;
margin-right: -20px;
height: 100px;
display: block;
padding-bottom: 3px;
border-top: 2px solid white;
}

div#menu
{
background: transparent url(../images/menu-invert-w.gif) bottom left repeat-x;
width: 748px;
overflow: hidden;
margin: 0px;
padding: 0px;
}

div.driver-box
{
	width: 738px;
	clear: both;
/* 	border-top: 1px solid #d00; */
	background: white url(../images/rctr.gif) top right no-repeat;
	margin:0 -20px;
	padding: 5px;
	border-bottom: 3px solid white;
}

div.driver-box img
{
margin: 0px;
border: none;
}


h1#moto
{
background: url(../images/ycbl.gif) bottom left no-repeat;
margin-left: 0px;
padding-top: 0.5em;
text-align: center;
width: 708px;
border-top: 1px solid red;
/* border-right: 1px solid white; */
}

div#sub-menu
{
	padding: 0px 0px 0px 10px;
	margin: 0px -20px 0px -10px;
	background: white url(../images/blw.gif) bottom left no-repeat;
	list-style-type: none;
	height: 1%;
	min-height: 10px;
}

div#content
{
background: red url(../images/body.gif) repeat-y;
padding: 0px 20px;
margin: 0px;
width: 728px;
margin-left: -10px;
/*
position: absolute;
top: 140px;
z-index: -1;
*/
}

#frontpage div#content
{

width: 910px;
}

div#footer
{
background: red url(../images/section.gif) top left no-repeat;
padding: 20px 20px;
width: 748px;
margin-left: -10px;
/* display: none; */
}

div#menu ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
margin-bottom: 1em;
}

div#menu ul ul
{
margin:0;
padding-bottom: 5px;
}

div#menu li
{
float: left;
position: relative;
width: 187px;
background: transparent url(../images/wctl.gif) top left no-repeat;
}

div#menu li li
{
border-top: 1px solid white; /**/
background: none;
}


div#menu ul ul,
div#menu li li
{
float: none;
}

div#menu li a
{
display: block;
font: normal 12px/0.9em 'Arial Black', sans-serif;
text-transform: uppercase;
letter-spacing: -1px;
color: white;
padding: 1em 0.5em;
white-space: pre;
/*padding-top: 1.5em;*/
}


div#menu li a:hover
{
color: red;
background: white;
}

div#menu li:hover
{

}

div#menu li li a
{
font: normal 0.9em/1.0em "helvetica neue", Verdana, Arial, sans-serif;
word-spacing: normal;
letter-spacing: normal;
background: none;
padding: 0.3em 0.5em;
white-space: normal;
text-shadow: none;
/* border-top: 1px solid #E00; */
}

div#menu li li a:hover,
div#menu li a.current,
div#menu li li a.current
{
/* border-top: 1px solid white; */
}

div#menu li a:active
{
color: black;
background: white;
}

/*templates*/
div.template-1
{
/*
	overflow: hidden;
	width: 100%;

	float: left;*/
}


.sub-section
{

}

dd
{
	background: url(../images/dd.gif) bottom left no-repeat;
	border-top: 1px solid #E00;
	padding-left: 10px;
}

thead th
{
	background: white url(../images/rctl.gif) top left no-repeat;
	border: none;
	padding:3px 10px;
	color: red !important;
}

.right-side
{
background: red url(../images/body.gif) -20px 0px repeat-y;
margin-left: 0px;
border: 1px solid lime;
overflow: visible;
}

ul.bullets li
{
	background: url(../images/dd.gif) bottom left no-repeat;
	border-top: 1px solid #E00;
	padding: 3px 10px;
}

/*ul.bullets
{
    margin: 5px;
    list-style-type: none;
    list-style-image: url(../../site-images/ci/m_point.gif);
    list-style-position: inside;
}*/

#specifications h3,
.driver h3
{
	background: none;
	padding: 0px;
	margin: 0px;
	border: none;
}

.event-completed
{
	background: #D00;
		background:  url(../images/header.gif) 0 0 repeat-x;
	color: white;
}

.event-active
{
	background: #4174B3;
	color: white;
}

tr.event-active td
{
}

.results table
{
	font-size: 8pt;
}

.mechanic
{
	height: 300px;
}

.column-left-medium
{
	width: 74%;
	float: left;
}

.column-right-thin
{
	width: 24%;
	float: right;
}

.column-right-thin img {border:2px solid #fff}

#photo-display img {border:2px solid #fff}

.column-right-thin h3,
.column-right-50 h3
{
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 10px;
	background: none;
	border-color: #E00;
}

.column-left-50
{
	width: 48%;
	float: left;
}

.column-right-50
{
	width: 48%;
	float: right;
}


div.template-1 .column-right-thin
{
	width: 147px;
	background: url(../images/thin.gif) no-repeat;
	padding: 5px 15px;
	margin:0px 10px;
	min-height: 250px;
}

div.template-1 .column-left-medium
{
width:530px;
float: left;
}

div#strategies h3 
{
	color: white;
}

div#strategies h3 strong
{
	color: white;
}

#monarch-car
{
	border: none;
}

/*
.module,
div#module-headlines
{
		background: red url(../images/module.gif) top left no-repeat;
		padding: 10px;
		overflow: visible;
		height: 300px;
}

.module h3,
div#module-headlines h3
{
	padding: 2px;
	margin: 0px;
	background: none;
	border: none
}
*/


div.col { width: 180px;float:left;margin-right:2px;}
div.col img { margin:0;width:100%;}
div.col h3 {font-family:arial, san-serif;white-space:pre;font-weight:bold;background:white url(../images/rctr.gif) top right no-repeat; margin:0;padding:5px; border:none;color:#F00;text-shadow:none;}
div.col h3 a {color:#F00;}
div.col .menu-2 li a { font-weight:bold;padding-bottom:5px; border-top:1px solid #FFF;line-height:1.3em;}
div.col li em { display:block; font-size:8px;margin-top: 4px;font-weight:normal;}

div.col.guides {float:right;clear:none;}
div.col.guides h3 {margin-top: 18px;}

#module-headlines-image { width:700px;}
img.headline-image { float:left; margin-right:10px;border: 1px solid #FFF;}
#module-headlines-image ul { float:right; width:510px;margin:0;padding:10px 0;}
#module-headlines-image h3 { color: white;clear:none;}



div#banner
{
background:white;
/*width: 738px;
margin:0;*/padding:0.8em 10px;
margin-left:-10px;
margin-right: -10px;
}

div#banner h3 { display:none; background:none; border:none; color:#F00; text-shadow:none;}
div#banner h4 { display:inline; background:none; border:none; color:#F00; text-shadow:none;}
div#banner ul {position:absolute; top:5px;left:520px;}

div#banner li { display:inline;}
div#banner li a { color:#F00; font-weight:bold; padding:3px 5px;}
div#banner li a { color:#F00; font-weight:bold; }
div#banner li a:hover { color: white; background:#F00; }