BODY {
	background-image: url(../images/wrc_background_logo.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

H1, H2, H3, H4, H5, H6, P, LI, UL, A {
	font-family: Arial, Helvetica, sans-serif;
	color : Navy;
}

td {
	vertical-align: top;
}




PARAGRAPH STYLES{}


P {
  font-size: .75em;
}

A {
  font-size: .9em;
}

LI {
  font-size: 0.75em;
}

.bold {
	font : bold;
}

.bolditalic {
	font : bold italic;
}

.bookmark {
	font-size: 0.8em;
}

.capitalise {
	text-transform : capitalize;
}

.caption {
	font-size: 0.7em;
	color : Green;
	font : italic;
}

.credits {
	font-size: 0.7em;
}

.eventCompleted {
	color : #666666;
}

.eventHeader {
	color : White;
}

.eventName {
	font : italic;
}

.gold {
	color: #FFD700;
	background-color: #483D8B;
}

.greycell { 
	font-size: 0.9em; color : #FFFFFF; 
	background: #CCCCCC
	width:550px;
}

.headline { 
	color : #FFFFFF; 
	font : 900 normal 2.7em Arial, Helvetica, sans-serif; 
}

.indexEvent {
	font-size: 0.7em;
	color : navy;
}

.indexPreview {
	font-size: 0.7em;
	color : navy;
	font : bold italic;
}

.interviewquestion {
	color : Teal;
}

.italic {
	font : italic;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.lcase {
	text-transform : lowercase;
}

.ucase {
	text-transform : uppercase;
}

.capital {
	text-transform : capitalize;
}

.linkdescription {
	font-size: 0.7em;
	color : Teal;	
}

.navigate {
	color : Teal;
	font : bold;
}

.navigateclubhead {
	font-size: 0.7em;
	font : bold italic;
}

.noUnderline {
	text-decoration : none;
} 

.quote {
	font-family : "Times New Roman", Times, serif;
}

.stagedescription {
	font-size: 0.9em;
}

.stageName {
	font-size: 1.2em;
	font-weight: bold;
}

.stagestats {
	font-size: 0.9em;
	color : Teal;	
}

.timeclock { 
	color : #33FF33; 
	font : bold 0.9em Arial, Helvetica, sans-serif; 
}




TABLE  STYLES{}

.tableheader {
	font-size: 1.1emt;
	color : Teal;
}

.tablecolumnheader {
	color : Teal;
	font : bold;
}

.tablerowheader {
	color : Teal;
	font : bold;
	font-size: 0.7em;
}

a.tablerowheader {
	color : Teal;
	font : bold;
	font-size: 1em;
}

span.tablerowheader {
	color : Teal;
	font : bold;
	font-size: 1em;
}

.tableContent  {
	font-size: 0.7em;
}

.greyTableOuterBorder{
	border-left : 1px solid Silver;
	border-top : 1px solid Silver;
}

.greyTable{
	padding-left : 5px;
	padding-right : 5px;
	border-right : 1px  solid Silver;
	border-bottom : 1px  solid Silver;
}

.selectTable{
	margin-left : 60px;
	line-height : 20px;
}




DIV STYLES{}

div.stageReportTextAndPic {
	border: 1px solid Gray;
	width: 550px;
	height: 200px;
	margin-bottom: 10px;
	overflow: auto;
}




NEWS STYLES{}


div.newsMainStory {
	position:relative;
	top:10px;
	border: 1px solid Gray;
	width:400px;
	height:150px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;	
}

.newsMainStoryHeadline{
	font-size: 1.5em;
	color : Teal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.newsMainStoryLink{
	font-size: 0.75em;
	color: Navy;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
}

.newsMainStoryPic{
	margin-right: 10px;
}

.newsMainStoryBody{
	font-size: 11px;
	color : Navy;
	font-family: Arial, Helvetica, sans-serif;
}


a.indexNewsLink{
	font-size: 11px;
	color: Navy;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 90%;
}

.newsHeadline{
	font-size: 1.1em;
	color : Teal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	width : 380px;
}


.newsSnippetHeadline{
	font-size: 1.1em;
	color : Teal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	width : 169px;
}

.newsBody{
	font-size: 0.75em;
	color : Navy;
	font-family: Arial, Helvetica, sans-serif;
}

.newsBodyLink{
	font-size: 0.75em;
	color: Navy;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
}

.newsSnippetBody{
	font-size: 0.7em;
	color : Navy;
	font-family: Arial, Helvetica, sans-serif;
	width : 169px;
}

a.newsBodyLink{
	font-size: 1em;
	color : Navy;
	font-family: Arial, Helvetica, sans-serif
}

.newsArchiveLine {
	font-size: 11px;
	height: 20px;
}


PICTURE LAYOUT STYLES{}

.small_event_flags_40_wide {
	margin-right : 13px;
	margin-left : 12px;
}

.picLeft {
  margin-right:10px;
  margin-top:3px;
  margin-bottom:10px;
  text-align : left;
}

.picLeft_top {
  margin-right:10px;
  margin-top:3px;
  margin-bottom:10px;
}

.picLeft_mid {
  margin-right:10px;
  margin-top:10px;
  margin-bottom:10px;
}

.picLeft_bottom{
  margin-right:10px;
  margin-top:10px;
}

.picRight {
  margin-left:10px;
  margin-top:3px;
  margin-bottom:10px;
}

.picRight_top {
  margin-left:10px;
  margin-top:3px;
  margin-bottom:10px;
}

.picRight_mid {
  margin-left:10px;
  margin-top:10px;
  margin-bottom:10px;
}

.picRight_bottom {
  margin-left:10px;
  margin-top:10px;
}

.picPreviewMain {
	margin-bottom: 10px;
	cursor: pointer;
}





RESULTS STYLES{}

.resultstableOuterBorder{
	border-left : 1px solid Silver;
	border-top : 1px solid Silver;
}

.resultstable{
	padding-left : 5px;
	padding-right : 5px;
	border-right : 1px  solid Silver;
	border-bottom : 1px  solid Silver;
}

.resultscolumnheader {
	color : Teal;
	font : bold;
	font-size: 0.6em;
}

.results {
	font-size: 0.6em;
}

.results-superallyRejoined {
	font-size: 0.6em;
	color: Red;
}

.resultsCounter {
	font-size: 0.6em;
	padding-bottom : 2px;
	padding-top : 2px;
	margin-right : 20px;
	text-align : right;
}

.penalties {
	font-size: 0.6em;
	color : Red;
}

.pointstablerow {
	font-size: 0.7em;
	padding-bottom : 2px;
	padding-top : 2px;
}


.pointstableheader {
	font-size: 0.7em;
	font-weight : bold;
}






STAGE REPORT STYLES {}

table.w550 {
	width: 550px;
	border: 0px solid;
	margin: 0px;
	padding: 0px;
}

table.w270b {
	width: 270px;
	border: 0px solid;
	border-left : 1px solid Silver;
	border-top : 1px solid Silver;
	
}

/* winner or leader */
tr.w {
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #008000;
	height: 10px;
}

/* wrc crew */
tr.c {
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #F0E68C;
	height: 10px;
}

/* sec champ */
tr.s {
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #FFE4E1;
	height: 10px;
}

/* other */
tr.o {
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	height: 10px;
}

/* retired */
tr.r {
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: Black;
	height: 10px;
}

tr.h10 {
	0height: 10px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

tr.h12 {
	0height: 12px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}




td.w10 {
	width: 10px;
	border: 1px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

td.w270 {
	width: 270px;
	border: 0px solid;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

td.weather {
	width: 100px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}


td.wN{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 25px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: white;
	font-weight: bold;
	text-align: center;
}


td.wD{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: white;
	text-align: left;
}


td.wT{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 40px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: white;
	text-align: center;
}


td.cN{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 25px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: Maroon;
	font-weight: bold;
	text-align: center;
}


td.cD{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: Maroon;
	text-align: left;
}


td.cT{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 40px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: Maroon;
	text-align: center;
}


td.sN{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 25px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: Maroon;
	font-weight: bold;
	text-align: center;
}


td.sD{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: Maroon;
	text-align: left;
}


td.sT{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 40px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: Maroon;
	text-align: center;
}


td.oN{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 25px;
	background-color: White;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: Navy;
	text-align: center;
}


td.oD{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	background-color: White;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: Navy;
	text-align: left;
}


td.oT{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 40px;
	background-color: White;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: Navy;
	text-align: center;
}


/* retirals */
td.rN{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 40px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: White;
	text-align: center;
}


td.rD{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 110px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: White;
	text-align: left;
}


td.rR{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 120px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: White;
	text-align: left;
	text-transform: capitalize;
}


td.r0{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left:35px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 270px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: Navy;
	text-align: left;
}

/* uppers and downers */

/* upperDowner */
td.ud{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left : 5px;
	padding-right : 5px;
	border-right : 1px  solid Silver;
	border-bottom : 1px  solid Silver;
	height: 10px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: Maroon;
	text-align: left;
}

/* upperDowner where driver was/is event leader */
td.udl{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left : 5px;
	padding-right : 5px;
	border-right : 1px  solid Silver;
	border-bottom : 1px  solid Silver;
	height: 10px;
	background-color: white;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: Maroon;
	text-align: center;
}

/* red block */
td.udR{
	border: 2px solid #FFFFFF;
	background-color:red;
}

/* green block */
td.udG{
	border: 2px solid #FFFFFF;
	background-color:green;
}

/* colspan */
td.udSpan{
	padding-left:35px;
	
	background-color: transparent;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: Navy;
	text-align: left;
}

.resultsOuterBorder{
	border-left : 1px solid Silver;
	border-top : 1px solid Silver;
}

/* resultstable */
.rt{
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
}
.rtp{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
}
.rt25{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 25px;
	color: White;
}

.rt40{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 40px;
}

.rt100{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 105px;
}

.rt125{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 125px;
}

.rt130{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 130px;
}

.rt170{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px  solid Silver;
	border-bottom: 1px  solid Silver;
	width: 170px;
}





.b10 {
	margin-bottom: 10px;
}

.t20 {
	margin-top: 20px;
}

.h10 {
	height: 10px;
}

.h5 {
	height: 5px;
}


/* resultscolumnheader */
.ch {
	font-family: Arial, Helvetica, sans-serif;
	font: bold;
	font-size: 0.6em;
	color: Teal;
}

/* resultscolumnheader */
.chL {
	font-family: Arial, Helvetica, sans-serif;
	font: bold;
	font-size: 0.6em;
	color: Teal;
	text-align: left;
}

/* resultscolumnheader */
.chC {
	font-family: Arial, Helvetica, sans-serif;
	font: bold;
	font-size: 0.6em;
	color: Teal;
	text-align: center;
}

/* resultscolumnheader */
.chR {
	font-family: Arial, Helvetica, sans-serif;
	font: bold;
	font-size: 0.6em;
	color: Teal;
	text-align: right;
}

/* tablecolumnheader */
.trh {
	color: Teal;
	font: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: left;
}
a.trh {
	color: Teal;
	font: bold;
	font-size: 0.9em;
}




/* align left */
.al{
	text-align: left;
}

/* align center */
.ac{
	text-align: center;
}

/* align right */
.ar{
	text-align: right;
}


/* LIVE RESULTS */

.results-L-summary
	{
	width: 400px;
	margin-left:100px;
	border-left : 1px solid Silver;
	border-top : 1px solid Silver;
}

.results-L-table{
	padding-left : 5px;
	padding-right : 5px;
	border-right : 1px  solid Silver;
	border-bottom : 1px  solid Silver;
}

.results-L-columnheader {
	font-family: Arial, Helvetica, sans-serif;
	color : Teal;
	font : bold;
	font-size: 0.7em;
}

.results-L {
	font-family: Arial, Helvetica, sans-serif;
	color : Navy;
	font-size: 0.7em;
	text-align: center;
}



ADMIN STYLES{}

.newsHighlight{
	color: Red;
	font-weight: bold;
}



HEADER STYLES{}

H1.pageheader {
	color : Navy;
	font-weight : bold;
}



pageheader is used for all elements other than H1 {}

.pageheader {
	color : Navy;
}

H2.home {
	color : #800080;
}

H4.topicheader{
	color : #004000;
}




NAVIGATION TABLE STYLES{}

TABLE.float {
	display: block; 
	position: absolute; 
	top: 20px; 
}




SELECT LIST STYLES{}

.resultsSelect{
	font-family: Arial, Helvetica, sans-serif;
	color: Navy;
}