/* -------------------------------------------- */
/* CSS definitions for http://www.WMRRA.com/ 	*/
/* H Marc Lewis -- Mar-2005 -- Spokane, WA      */
/* -------------------------------------------- */

/*	Color schemes

	Blue scheme as used from Feb 07
		body background color = 0,0,20
		LIGHT = 114,143,206
		DARK = 21,62,126
		OFFWHITE = 224,224,224 -- for when white is just too much
		GRAY = 153,153,153
		DARKGRAY = 20,20,20
		WARNINGYELLOW = 255,255,0 -- just what it says
		es0-es6 -- used to differentiate entries on calendar & events

	Red scheme as used from Jan 06, with "html-safe" colors
		body background color = 153,0,0
		LIGHT = 195,135,135 (was 204,51,51)
		DARK = 128,0,0
		OFFWHITE = 204,204,204 -- for when white is just too much
		GRAY = 153,153,153
		DARKGRAY = 51,51,51
		WARNINGYELLOW = 255,255,0 -- just what it says
		es0-es6 -- used to differentiate entries on calendar & events

	Green scheme used from May 05
		body background color = 193,201,151 -- a little lighter than LIGHT
		LIGHT = 173,181,131
		DARK = 66,82,58
		ALTLIGHT = 235,204,102 -- yellow for drawing special attention
		OFFWHITE = 225,225,225 -- for when white is just too much
		GRAY = 170,170,170 -- for disabled buttons & retired racer numbers
		DARKGRAY = 72,66,51 -- text color for use over lighter backgrounds
		WARNINGYELLOW = 240,240,0 -- just what it says
		es0-es6 -- used to differentiate entries on calendar & events
 */

BODY {	background-color: rgb(193,201,151);
		}

/* change default behavior for text links */
A:link {text-decoration: none; color: blue}
A:visited {text-decoration: none; color: blue}
A:active {text-decoration: none; color: blue}
A:hover {text-decoration: underline; color: blue}

#gallerysheet	{	width: 640px;
			background-color: white;
			margin: auto;
			border: 4px solid black;
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			}

#sheet	{	width: 980px;
			background-color: white;
			margin: auto;
			padding: 0px 2px 0px 3px;
			border: 1px solid black;
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			}

h1, h2, h3 {	font-family: Georgia, Verdana, Arial, sans-serif; 
			padding-left: 5px;
			}

.header {	font-family: Georgia, Verdana, Arial, sans-serif; 
			}

.myh1 {		font-family: Georgia, Verdana, Arial, sans-serif; 
			font-size: 22pt;
			text-align: center;
			}

.myh2 {		font-family: Georgia, Verdana, Arial, sans-serif; 
			font-size: 16pt;
			text-align: center;
			}

.dollars {	text-align: right;		/* For dollar amount <INPUT> fields */
			padding-right: 3px;
			}

.nice	{	/* This styles various tables */
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			border: 1px solid black;
			border-collapse: collapse;
			}

.nicepadded	{	/* This styles many of the tables */
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			border: 1px solid black;
			border-collapse: collapse;
			padding: 3px 5px 3px 5px;
			}

.plain	{	/* This styles most tables */
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			border-collapse: collapse;
			}

.results	{	/* This styles the RESULTS archive table */
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			text-align: center;
			}

.normal	{	font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			padding: 10px 20px 10px 10px;
			}

.es0	{	/* This styles the EVENTS SCHEDULE pages and big CALENDAR page */
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			border: 1px solid black;
			border-collapse: collapse;
			background-color: rgb(170,170,170); /* GRAY */
			}

.es1	{	/* This styles the EVENTS SCHEDULE pages and big CALENDAR page */
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			border: 1px solid black;	
			border-collapse: collapse;
			background-color: rgb(235,204,102);
			}

.es2	{	/* This styles the EVENTS SCHEDULE pages and big CALENDAR page */
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			border: 1px solid black;
			border-collapse: collapse;
			background-color: rgb(51,204,240);
			}

.es3	{	/* This styles the EVENTS SCHEDULE pages and big CALENDAR page */
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			border: 1px solid black;
			border-collapse: collapse;
			background-color: rgb(122,188,131);
			}

.es4	{	/* This styles the EVENTS SCHE DULE pages and big CALENDAR page */
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			border: 1px solid black;
			border-collapse: collapse;
			background-color: rgb(255,168,125);
			}

.es5	{	/* This styles the EVENTS SCHEDULE pages and big CALENDAR page */
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			border: 1px solid black;
			border-collapse: collapse;
			background-color: rgb(190,140,190);
			}

.es6	{	/* This styles the EVENTS SCHEDULE pages and big CALENDAR page */
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			border: 1px solid black;
			border-collapse: collapse;
			background-color: rgb(240,140,140);
			}
			
.es7	{	/* This styles the EVENTS SCHEDULE pages and big CALENDAR page */
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			border: 1px solid black;
			border-collapse: collapse;
			background-color: red;
			}			
.es8	{	/* This styles the EVENTS SCHEDULE pages and big CALENDAR page */
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			border: 1px solid black;
			border-collapse: collapse;
			background-color: green;
			}
.es9	{	/* This styles the EVENTS SCHEDULE pages and big CALENDAR page */
			font-family: Verdana, Arial, sans-serif;
			font-size: 10pt;
			border: 1px solid black;
			border-collapse: collapse;
			background-color: yellow;
			}			
.indent {	padding-left: 2em;
			}

.indent2 {	padding-left: 1em;
			padding-right: 1em;
			}


.intalic {	
			padding-left: 2em;
			font-style: italic;
			}

div.normal > h1, div.normal > h2 {
			font-family: Georgia, Verdana, Arial, sans-serif;
			}

H1.normal, H2.normal, H3.normal {
			font-family: Georgia, Verdana, Arial, sans-serif;
			padding-left: 10px;
			}

TD[class="normal"]	{	font-family: Verdana, Arial, sans-serif;
						font-size: 10pt;
						}

input,
textarea	{	font-family: Verdana, Arial, sans-serif;
				font-size: 10pt;
				padding-left: 3px;
				margin: 3px;
			}

select {		font-family: Verdana, Arial, sans-serif;
				font-size: 10pt;
				padding-left: 0px;
				margin: 3px;
			}

.big 			{	padding: 3px 0px 3px 0px;
					font-size: 12pt;
					}


#navigation		{	width: 150px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: normal;
					font-size: 10pt;
					color: black;
					}

#navigation ul	{	list-style: none;
					margin: 3px 2px 0 1px;
					padding: 0;
					}


#navigation li	{	border-top: 1px solid gray;
					border-right: 2px solid black;
					border-bottom: 2px solid black;
					border-left: 1px solid gray;
					padding: 1px 0 0 1px;
					}

#navigation li a:link, #navigation li a:visited {
					display: block;
					padding: 2px 0 2px 3px;
					background-color: rgb(173,181,131); /* LIGHT */
					color: black;
					text-decoration: none;
					}

#navigation li a:hover {
					background-color: rgb(66,82,58); /* DARK */
					color: white;
					text-decoration: underline;
					}



#quicklinks		{	width: 290px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 10pt;
					color: rgb(173,181,131); /* LIGHT */
					}

#quicklinks ul	{	list-style: none;
					margin: 3px 2px 0 1px;
					padding: 0;
					}

#quicklinks li	{	border-top: 1px solid gray;
					border-right: 2px solid black;
					border-bottom: 2px solid black;
					border-left: 1px solid gray;
					padding: 1px 0 0 1px;
					}

#quicklinks li a:link, #quicklinks li a:visited {
					display: block;
					padding: 5px 5px 5px 0.5em;
					background-color: rgb(255,204,0); /* yellow */
					color: rgb(72,66,51); /* DARKGRAY */
					text-decoration: none;
					}

#quicklinks li a:hover {
					background-color: rgb(66,82,58); /* DARK */
					color: rgb(225,225,225); /* OFFWHITE */
					text-decoration: underline;
					}

#quicklinks li.disabled {	background-color: rgb(170,170,170); /*GRAY */
					color: rgb(72,66,51); /* DARKGRAY */
					display: block; 
					padding: 5px 5px 5px 0.5em; 
				}

.eventbutton { width: 84px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 10pt;
					font-style: normal;
				}

#narrowql		{	width: 84px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 10pt;
					font-style: normal;
					}

#narrowql ul	{	list-style: none;
					margin: 3px 2px 0 0;
					padding: 0;
					}


#narrowql li	{	border-top: 1px solid gray;
					border-bottom: 2px solid black;
					border-left: 1px solid gray;
					border-right: 2px solid black;
					padding: 1px 0 0 1px;
					}

#narrowql li a:link, #narrowql li a:visited {
					display: block;
					padding: 2px 0px 2px 4px;
					background-color: rgb(173,181,131); /* LIGHT */
					color: rgb(72,66,51); /* DARKGRAY */
					text-decoration: none;
					}

#narrowql li a:hover {
					background-color: rgb(66,82,58); /* DARK */
					color: rgb(225,225,225); /* OFFWHITE */
					text-decoration: underline;
					}

#narrowql li.disabled {	background-color: rgb(170,170,170); /*GRAY */
					color: rgb(72,66,51); /* DARKGRAY */
					display: block; 
					padding: 2px 0px 2px 4px; 
				}

#toppageonlybutton		{	width: 157px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 10pt;
					}

#toppageonlybutton ul	{	list-style: none;
					margin: 3px 0 6px 1px;
					padding: 0;
					}


#toppageonlybutton li	{	border-bottom: 1px solid black;
					border-left: 1px solid black;
					border-right: 1px solid black;
					border-top: 1px solid black;
					padding: 0;
					}

#toppageonlybutton li a:link, #toppageonlybutton li a:visited {
					display: block;
					padding: 5px 5px 5px 0.5em;
					background-color: rgb(235,204,102); /* ALTLIGHT */
					color: rgb(72,66,51); /* DARKGRAY */
					text-decoration: none;
					}

#toppageonlybutton li a:hover {
					background-color: rgb(66,82,58); /* DARK */
					color: rgb(225,225,225); /* OFFWHITE */
					text-decoration: underline;
					}


.important	{	background-color: red;
				color: rgb(225,225,225); /* OFFWHITE */
				font-weight: bold;
				text-align: center;
				margin: 0 5em 0 5em;
				padding: 3px 0 3px 0;
				border: 1px solid black;
			}

.warning	{	background-color: rgb(240,240,0); /* WARNINGYELLOW */
				color: red;
				font-family: Georgia, Verdana, Arial, sans-serif;
				font-weight: bold;
				font-size: 12pt;
				text-align: left;
				margin: 0 5em 0 5em;
				padding: 3px 5px 3px 5px;
				border: 1px solid black;
			}

.sectionheader {
			background-color: rgb(66,82,58); /* DARK */
			color: rgb(225,225,225); /* OFFWHITE */
			margin: 6px 2px 6px 4px;
			border: 1px solid black;
			padding-left: .5em; 
			}

/* Highlight the field in the pre-registration form that's in error */
.ehilite {		background-color: rgb(240,240,0); /* WARNINGYELLOW */
				}

.pagetitle {	background-color: rgb(66,82,58); /* DARK */
				color: rgb(224,224,224); /* OFFWHITE */
				text-align: center;
				margin: 3px 2px 6px 4px;
				padding: 6px;
				border: 1px solid black;
				}

.space	{		margin: 2em;
				}

.fixed {		font-family: Courier New, Courier, sans-serif;
				font-size: 12pt;
				}

li		{		padding-bottom: 0.3em;
				}

.theader {		background-color: rgb(173,181,131);	/* LIGHT */
				color: rgb(72,66,51);
								}

.ruleheader {
			background-color: rgb(66,82,58); /* DARK */
			color: rgb(225,225,225); /* OFFWHITE */
			margin: 2px 2px 6px 4px;
			border: 1px solid black;
			padding-left: 1em;
			margin-top: 2em;
			}

.grayed {		color: rgb(170,170,170); /* GRAY */
				}


.vendor {		text-decoration: none;
				border: 0;
				}

.advert {		text-decoration: none;
				border: 0;
				margin: 10px;
				}

.sponsor {		text-decoration: none;
				border: 0;
				margin: 5px 0 5px 0;
				}

.subclass {		background-color: rgb(173,181,131); /* LIGHT */
           		color: rgb(72,66,51); /* DARKGRAY */
				font-weight: normal;
				border: 1px solid black;
	}

/*
#2008change .span
{
    font-weight: bold;
    font-style: italic;
    color: red;
}
 */