/*
	It would be helpful if the following styles were all commented as to their intended usage.
	
	*********************************************************************************************************
	*																										*
	*	IMPORTANT:	IE 4 does NOT accept the underscore character in a style name.  Aside from that, it		*
	*			seems comfortable with CSS. 																*
	*																										*
	*********************************************************************************************************
*/
.body				{	font-family:  Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal;
					line-height: 14px; color: #000000;	}
					
.body-bold			{	font-family:  Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;
					line-height: 14px; color: #000000;	}
	/* "body-bold" is strictly a bold version of the normal body font */
.body-bold-italic	{	font-family:  Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;
					line-height: 14px; color: #000000; font-style:italic;	}
	/* "body-bold-italics" is strictly a bold italics version of the normal body font */
					
.body-header1			{	font-family:  Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;
					line-height: 18px; color: #000000;	}
					
.body-header2			{	font-family:  Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;
					line-height: 16px; color: #000000;	}
	
.body-bluetext			{	font-family:  Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal;
					line-height: 14px; color: #0000FF;	}
	/* Blue version of normal body text (used in results page headers) */
	
.body-greentext			{	font-family:  Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal;
					line-height: 14px; color: #008800;	}

/*	These are for the opening page.	*/
.title1				{	font-size:30px; text-align:center; height:36px; line-height:35px; text-weight:bold; }
.title2				{	font-size:30px; text-align:center; height:36px; line-height:35px; text-weight:bold; }
.title3				{	font-size:24px; text-align:center; height:30px; line-height:24px; }
.title4				{	font-size:24px; text-align:center; height:30px; line-height:24px; text-weight:bold; }
.title5				{	font-size:20px; text-align:center; height:30px; line-height:24px; }
.entry				{	font-size:20px; text-align:center; height:50px; line-height:24px; padding-top:10px; }
.tech				{	font-size:20px; text-align:center; height:60px; line-height:24px; }
.info				{	font-size:20px; text-align:center; height:40px; line-height:24px; padding:16px; }

.code				{	font-family:  Courier; font-size: 14px; font-weight: normal;
					line-height: 14px; color: #000000;	}

body				{	background-color:#404058; font-family:  Arial, Helvetica, sans-serif; font-size: 14px; 
					font-weight: normal; line-height: 14px; color: #000000;	}

/* These are used on the Points Explanation page	*/
.pe_normal			{	font-family:  Arial, Helvetica, sans-serif; font-size: 14px; 
						font-weight: normal; line-height: 14px; color: #000000; padding:10px;
						/* border: thin solid #800000; */  }
.pe_table			{ border: thin solid #000000; margin:0px; padding:10px; margin-top:5px; }

.pe_td				{ padding:10px; color:#000000; }

.pe_img				{ padding:10px; align:right;}

div.menu			{	font-family:  Verdana, Helvetica, sans-serif; 	font-size: 14px; font-weight: bold;
					color:#FFEEEE;	}
					
/* These are for the "Your Could Be Racing For Under $2K" page. */
p.about				{ line-height:20px; font-size:16px; }
p.welcome			{ line-height:20px; font-size:22px; text-align:center; font-weight:bold; color:#CC4040; }
p.invite			{ line-height:20px; font-size:18px; font-style:italic; }
p.family			{ color:white; background:black; padding:10px; font-size:16px; font-weight:bold;
						text-align:center;}
p.title				{ color:white; background:black; padding:10px; font-size:20px; font-weight:bold;
						text-align:center; line-height: 24px; }

/* These are used for the descriptions of the pictures.	*/
span.gheadc			{font-family:  Verdana, Helvetica, sans-serif; 	font-size: 16px; font-weight: bold;
					color:#000000; text-align: center; }
p.gbody				{font-family:  Verdana, Helvetica, sans-serif; 	font-size: 12px; font-weight: normal;
					color:#000000; }
span.thumb			{font-family:  Verdana, Helvetica, sans-serif; 	font-size: 12px; font-weight: bold;
					color:#000000; }
div.photoCredit		{font-family:  Verdana, Helvetica, sans-serif; 	font-size: 10px; font-weight: normal;
					color:#000000; font-style:italic; }
					
/* These are used for the Oswego picture page.	*/
.pics-thumbnail			{	border-style: groove; border-width: 3px; border-color: #808080; padding: 10px; }

.pics-image			{	border-style: solid;  border-width: 5px; border-color: #666666; padding: 0px;
						background-color: #666666 }

.pics-caption			{	font-family:  Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal;
					line-height: 16px; color: #000000; padding-top: 10px; }

/* These are used on the results pages	*/
.results-name			{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: normal;
					line-height: 16px; color: #000000; padding-right: 10px; }
					
.results-name-bold		{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: bold;
					line-height: 16px; color: #000000; padding-right: 10px; }
					
.results-name-gray		{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: normal;
					line-height: 14px; color: #555555; padding-right: 10px; }
					
.results-name-colheader		{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: bold;
					font-style: italic; line-height: 14px; color: #000000; padding-right: 10px; }

					
.results-driverpage-subtotals	{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: normal;
					line-height: 14px; color: #000000; padding-right: 10px; padding-top: 10px; }
					
.results-driverpage-subtot-heat	{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: bold;
					line-height: 14px; color: #444444; padding-left: 35px; padding-top: 10px; }

	
.results-bonus			{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: bold;
					line-height: 14px; color: #444444; padding-left: 35px; }
					
.results-bonus-colheader	{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: bold;
					font-style: italic; line-height: 14px; color: #000000; padding-left: 35px; }
					
.results-bonus-colheader-padded	{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: normal;
					font-style: italic; line-height: 14px; color: #777777; padding-left: 35px; 
					padding-top: 14px; }
					
.results-heat			{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: bold;
					line-height: 14px; color: #444444; padding-left: 35px; }
					
.results-heat-colheader		{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: bold;
					font-style: italic; line-height: 14px; color: #000000; padding-left: 35px; }
					
.results-heat-colheader-padded	{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: normal;
					font-style: italic; line-height: 14px; color: #777777; padding-left: 35px; 
					padding-top: 14px; }
					
.results-heat-red		{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: bold;
					line-height: 14px; color: #FF0000; padding-left: 35px; }

					
.results-tt			{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: bold;
					line-height: 14px; color: #444444; padding-left: 20px; }
					
.results-tt-colheader		{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: bold;
					font-style: italic; line-height: 14px; color: #000000; padding-left: 20px; }
					
.results-tt-colheader-padded	{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: normal;
					font-style: italic; line-height: 14px; color: #777777; padding-left: 20px; 
					padding-top: 14px; }
					
				
.results-classheader		{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: bold;
					line-height: 14px; color: #0000FF; padding-top: 14px; }
					
.results-number			{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: normal;
					line-height: 16px; color: #000000; }
		/* "results-name" style without padding for putting number in front of driver name. */
			

/*	Pictures page. */
p.pictBody			{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: normal;
					line-height: 12px; color: #000000; }
p.pictCredit		{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: normal;
					line-height: 12px; color: #000000; font-style:italic; }
p.pictHead			{	font-family:  Helvetica, sans-serif, Arial; font-size: 12px; font-weight: bold;
					line-height: 12px; color: #000000; text-align: center; }

 
/*
	The following section is for links.  REMEMBER: for these to work properly, the order MUST BE link/visited/hover/active.
*/
/*	Note: this format is acceptable to IE 4 under Windows 98.  It seems to work for all browsers, in fact.	*/
div.menu a:link		{ color:#FFEEEE; background:#2D203B; text-decoration:none; }
div.menu a:visited	{ color:#FFEEEE; background:#2D203B; text-decoration:none; }
div.menu a:hover	{ color:#FF8000; background:#2D203B; text-decoration:none; }

//	These are links inside of the results pages
a.results:link 		{ color: #000000; }
a.results:visited	{ color: #000000; }
a.results:hover 	{ color: #AAAAAA; }

//	These are links with gray initial color inside of the results pages
a.results-gray:link	{ color:#888888; }
a.results-gray:visited	{ color:#888888; }
a.results-gray:hover	{ color:#AAAAAA; }

a:link 		{ color:#B08040; }
a:visited 	{ color:#800000; }
a:hover 	{ color:#500000; background:#DAD6BC; }

//	These are for the thumbnail images that act as links.
div.thumbs a:link	{ color:#FFEEEE; }
div.thumbs a:visited	{ color:#FFEEEE; }
div.thumbs a:hover	{ color:#FF8000; }