/*
		Site:		Great Northern Motorsports
		File:		Master CSS for screen and projection
		Author:	Eric Shepherd
		Date:		May 2006
*/

* {
	border: 0;
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	background-color: #000;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
	font-size: 80%;
	border-left: 7px solid #5384a1;
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	background: #515151;
	text-decoration: none;
}

#container {
	width: 782px;
}

h1 {
	position: relative;
	width: 775px;
	height: 221px;
	margin-bottom: .8em;
}

		h1 span {
			position: absolute;
			width: 100%;
			height: 100%;
			background: url(/i/mast.jpg) no-repeat left top;
		}

p {
	margin-bottom: .7em;
	line-height: 1.4;
}

p.label {
	display: block;
}

p img {
	float: right;
	border: 8px solid #fff;
	margin: 0 0 1em 1.7em;
}

h2 {
	color: #eaf585;
	margin: .8em 0 0 0;
	clear: both;
}

		.sIFR-hasFlash h2 {
			font-size: 24px;
		}

#content {
	position: relative;
	top: -.9em;
}

#content ul {
	margin-left: 20px;
	line-height: 1.4;
}

#content ul li {
	margin-bottom: .3em;
}

/* NAVIGATION */

#navigation {
	float: left;
	width: 150px;
	font-family: arial, helvetica, sans-serif;
}

		#navigation ul {
			list-style: none;
		}

				#navigation li a {
					display: block;
					text-decoration: none;
					overflow: hidden;
					background-image: url(/i/nav.gif);
					background-repeat: no-repeat;
					text-indent: -9999px;
					height: 33px;
				}

				#nav-home a {
					background-position: -1050px -33px;
				}

						#nav-home a:hover {
							background-position: -1050px -66px;
						}

								body.home #nav-home a {
									background-position: -1050px 0;
								}

				#nav-team a {
					background-position: 0 -33px;
				}

						#nav-team a:hover {
							background-position: 0 -66px;
						}

								body.team #nav-team a {
									background-position: 0 0;
								}

				#nav-rally a {
					background-position: -150px -33px;
				}

						#nav-rally a:hover {
							background-position: -150px -66px;
						}

								body.rally #nav-rally a {
									background-position: -150px 0;
								}
	
				#nav-schedule a {
					background-position: -300px -33px;
				}

						#nav-schedule a:hover {
							background-position: -300px -66px;
						}

								body.schedule #nav-schedule a {
									background-position: -300px 0;
								}

				#nav-results a {
					background-position: -450px -33px;
				}

						#nav-results a:hover {
							background-position: -450px -66px;
						}

								body.results #nav-results a {
									background-position: -450px 0;
								}
	
				#nav-gallery a {
					background-position: -600px -33px;
				}

						#nav-gallery a:hover {
							background-position: -600px -66px;
						}

								body.gallery #nav-gallery a {
									background-position: -600px 0;
								}

				#nav-sponsorships a {
					background-position: -750px -33px;
				}

						#nav-sponsorships a:hover {
							background-position: -750px -66px;
						}

								body.sponsorships #nav-sponsorships a {
									background-position: -750px 0;
								}

				#nav-contact a {
					background-position: -900px -33px;
				}

						#nav-contact a:hover {
							background-position: -900px -66px;
						}

								body.contact #nav-contact a {
									background-position: -900px 0;
								}

#content {
	float: left;
	width: 528px;
	margin-left: 25px;
}

/* FOOTER */

#footer {
	clear: both;
	padding: 2em;
	font-size: 96%;
	margin-top: 2em;
}

	#footer ul {
		list-style: none;
	}

/* SCHEDULE TABLE */

table {
	width: 100%;
}

th {
	background: #5384a1;
	color: #fff;
	padding: 1em;
	border-right: 2px solid #000;
	text-align: left;
}


td {
	padding: .5em 0;
	margin: .5em 0;
	vertical-align: middle;
}

td.gravel {
	 border-left: 6px solid #0096ff;
	 padding-left: 6px;
}

td.sand {
	border-left: 6px solid #ffc001;
	 padding-left: 6px;
}

td.tarmac {
	border-left: 6px solid #41ff07;
	 padding-left: 6px;
}

/*RECENT IMAGES*/
#recent-images {
	background: url(/i/photo-tracks.gif) no-repeat left 5em;
	width: 789px;
	float: left;
	clear: both;
	margin-left: 7px;
	padding-left: 12px;
	height: 200px;
	}

#recent-images ul {
	clear: both;
}

		#recent-images li {
			border: 4px solid #515151;
			float: left;
			margin-right: 20px;
			list-style: none;
		}
		
			#recent-images li img {
				display: block;
			}



/* CONTACT FORM */

input, textarea {
	border: 4px solid #eaf585;
	background: #000;
	color: #fff;
}

/* SIFR STYLES */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* specific styles */

.sIFR-replaced h2 {
	visibility: hidden;
}