/* 
epicrides.com Style Sheet
Copyright, Epic Rides 2005. All Rights Reserved. 


						globals  
=======================================================================*/

p {
	text-align: left;
	color: #666;
	}
p.bodyText {
	line-height: 14px;
	padding:2px;
	margin:0px;
}

}
a img {
border: 0px;
}


body {
	margin: 0;
	padding: 0; 
	background: #006;
	font-size: 11px;
	font-family: 'Gil Sans', Arial, Helvetica, sans-serif;
	text-align: left;
	color: #006;
	
}
#page {
	background: url("images/contentbg.jpg") repeat-y;
	margin: 0 auto;
	padding: 0;
	width: 760px;
	}
#popup {
	background: url("images/bgcolor.jpg") repeat-y;
	margin: 20px auto;
	padding: 0;
	color: #999;
	}
	
#header {
	background: url("images/erheader.jpg") no-repeat;
	width: 760px;
	height: 79px;
	margin: 0 0;
	padding: 0 0;
	}

#master {
	background: url("images/masterimg.jpg") no-repeat center;
	margin: 0 0;
	padding: 0 0;
	height: 184px;
	width: 760px;
	}

#vids {
	background: url("images/vlad.jpg") no-repeat center;
	margin: 0 0;
	padding: 0 0;
	height: 184px;
	width: 760px;
	}

#foot {
	background: url("images/foot.jpg") no-repeat top;
	margin: 0 0;
	padding: 0 0;
	height: 187px;
	width: 760px;
	}

#twofour {
	background:  url("images/headers/24KonaHeader.jpg") no-repeat center;
	margin: 0 0;
	padding: 0 0;
	height: 184px;
	width: 760px;
	}
#media {
	background:  url("images/headers/media_header.jpg") no-repeat center;
	margin: 0 0;
	padding: 0 0;
	height: 184px;
	width: 760px;
	}
	
#whiskey {
	background:  url("images/wor/whiskeyimg.jpg") no-repeat center;
	margin: 0 0;
	padding: 0 0;
	height: 187px;
	width: 760px;
	}
#towm {
	background: url("images/towm/towm.jpg") no-repeat center;
	margin: 0 0;
	padding: 0 0;
	height: 184px;
	width: 760px;
	}
#soul {
	background: url("images/soul.jpg") no-repeat center;
	margin: 0 0;
	padding: 0 0;
	height: 184px;
	width: 760px;
	}
	
#soulrun {
	background: url("images/soulrun.jpg") no-repeat center;
	margin: 0 0;
	padding: 0 0;
	height: 184px;
	width: 760px;
	}

#contact {
	background: url("images/contactimg.jpg") no-repeat center;
	margin: 0 0;
	padding: 0 0;
	height: 184px;
	width: 760px;
	}
	
#about {
	background: url("images/about.jpg") no-repeat center;
	margin: 0 0;
	padding: 0 0;
	height: 187px;
	width: 760px;
	}

#rudy {
	background: url("images/masterimg.jpg") no-repeat center;
	margin: 0 0;
	padding: 0 0;
	height: 184px;
	width: 760px;
	}
#kyle {
	background: url("images/kyle.jpg") no-repeat center;
	margin: 0 0;
	padding: 0 0;
	height: 184px;
	width: 760px;
	}

#content {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}	

#leftcolumn {
	float: left;
	width : 565px;
	margin: 15px 10px 0 10px;
	padding: 0;
}

#widecolumn {
	width : 690px;
	margin: 15px 30px;
	border: none;
}

.events {
	height: auto;
	padding: 0 10px;
	margin: 0 0 60px 0;
	border: none;
}

.notes {
	background: #fff;
	border-left: 1px dashed #900;
	padding: 0 0 0 8px;
	margin: 0 10px 0 0;
}

#sidebar {
	float: left;
	padding: 3px 0 0 0;
	margin: 15px 0 0 0;
	border: none;
	width: 150px;
	}

.line {
	width: 100%;
	height: 2px;
	border-top: 1px solid #f60;
	margin-bottom: 10px;
}

.line2 {
	padding: 0 0 10px 0;
	margin: 0;
	width: 90%;
	height: 2px;
	border-top: 1px dashed #ccc;
}


#sponsor {
	position: relative; 
	left: 40px; 
	top: 40px;
 	width: 200px; 
 	height: auto; 
}

#credit {
	position: relative;
	left: 0px;
	top: 174px;
	width: 95%;
	height: auto;
	text-align: right;
	padding: 0;
	margin: 0 auto;
}

#global{
	clear: both;
	width: 740px;
}

#footer {
	clear: both !important;
	background: url('images/footer.jpg') no-repeat;
	background-color: #006;
	margin: 0 0;
	padding: 0 0;
	width: 760px;
}
/*=====================================================================
						nav
=======================================================================*/
#nav {
	font-family: 'Futura', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	width: 740px;
	background-color: #fff;
	border-bottom: 2px solid #f60;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#nav ul {
	padding: 2px 0px;
	margin: 0 auto;
}

#nav li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0 15px;
}

#nav a, a:visited {
	line-height: 14px;
	margin: 0 10px 4px 0px;
	text-decoration: none;
	color: #006;
}

#nav a:hover {
	border-bottom: 3px solid #f60;
	color: #f60;
}

.indicator {
	color: #f60;
	border-bottom: 3px solid #f60;
	}
	
.indicator2 {
	color: #ddd;
}

.link a {
	color: #006;
}

.linkimg a img{
padding: 0;
margin: 10px auto;
border: none;
}

.link2 a {
	color: #f60;
	}

.link a:hover, .link2 a:hover {
	color: #bbb;
	text-decoration: none;
	border-bottom: #ccc;
	}
	
.link, .link2 {
	margin: 4px 0;
	padding: 0;
	border-bottom: 1px dotted #006;
}



/*------------------ General typography-----------------------------*/

a {
	color: #f60;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	color: #666;
	}
	
.right {
	float: right;
	font-size: 9px;
	margin: 0;
	padding: 0;
}

#leftcolumn p, #widecolumn p {
	text-align: justify;
	line-height: 2em;
	font-size: 12px;
	color: #666;
	margin: 4px 0 0 0;
	padding: 4px 0 15px 0;
}
#leftcolumn p a, #widecolumn p a {
	font-size: 12px;
	color: #f60;
	text-decoration: underline;
}
#leftcolumn a a:visited, #widecolumn a a:visited {
	color: #006;
	text-decoration: none;
}

a.normalLink {
	color: #FF6600;
	margin: 0px;
	padding:0px;
}

#leftcolumn p a:hover, #widecolumn p a:hover {
text-decoration: underline;
}


#sidebar {
	font-size: 12px;
	clear: right;
}

#footer p {
	color: #c30;
	text-align: center;
	margin: 0 0;
	padding: 20px 0;
	}
#footer a {
	color: #999;
	text-decoration: none;
}

#footer a:hover {
	color: #ccc;
	text-decoration: underline;
}
#credit a {  	
	font-size: 9px;
	color: #ccc
}
#credit a:hover {
	color: #fff
}

 h1, h1 a { 
 	font: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#006;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
 h2{ color:#FF6600;}
 h3{ font-size: 12px; color: #006;}
 #sidebar h3{ padding: 0; margin: 12px 0 0 0; text-transform: uppercase; text-decoration: none}
 h4{
	font-size: 14px;
	color: #fff;
	background-color: #154C99;
	margin: 2px;
	padding-top: 2px;
	padding-left: 6px;
	padding-bottom: 2px;
	text-decoration: none;
}
 h4 a { font-size: 14px; color: #154C99; text-decoration: underline;}
 h4 a:hover { font-size: 14px; color: #00f; display:inline;}
 h5{}
 h6 {font-size:14px; color: #CC0000; display: inline;}
 h6 a {text-decoration: underline;}
 h6 a:hover {color:#F60;}
 p {}
 .red {font-size:14px; color: #f00;}
 .red a {text-decoration: underline;}
 img.caption{font-size: 9px; color: #006; text-align:center;}

/*=====================================================================
						Lists
=======================================================================*/

.events ul li {
	font-size:14px;
	color: #006;
	list-style-image: none;
	list-style-type: none;
}

/*=======================================================================
						forms
========================================================================*/
#name {
float: left;
padding: 0 0;
margin: 0 8px 0 0;
}

#email {
float: left;
padding: 0 8px;
}

#subject {
float: left;
padding: 0 8px;
}
#message {
clear: left;
}
/*=====================================================================
						tables & cells
=======================================================================*/
table p {
	text-align: left;
	}
	
.underwriters {
width: 100%;
border: none;
}

table.underwriters tr td {
	padding: 20px 0;
}

.undertitle {
color: #ffffff;
background: #154C99;
margin: 0 0 20px 0;
padding: 0 2px;
text-align: left;
}

table {
	border: none;
	padding: 0;
	margin-top: 0;
}
table.fees {
	padding: 4px 4px 25px 4px;
	margin: 20px 0 0 0;
}

td {
border: none;
padding: 4px;
}

.even {
background-color: #ddd;
border: 1px solid #999;
padding: 4px;
}

.odd {
border: none;
padding: 4px;
}

/*=====================================================================
						imagery	
=======================================================================*/
.media {
	margin: 15px 0 0 0;
	padding: 0;
	border: none;
}
.media a img{
text-decoration: none;
}

div.bodyText {
	line-height: 1.6em;
	font-size: 12px;
	color: #666;
	margin: 14px 0;
	padding: 0 0;
	align: justify;
}

.media {
border: 0px;
}

.video {
	clear: both;
	
	}


.eventlogo {
	float: left;
	margin: 0 10px 4px 0;
	padding: 4px 4px;
	background-color: #fff;
	border: none;
}
.alignleft {
	float: left;
	margin: 0 10px 4px 0;
	padding: 4px 4px;
	background-color: #fff;
}

.alignleft2 {
	float: left;
	margin: 0 10px 4px 0;
	padding: 4px 4px;
	background-color: #fff;
	border: none;
}

.alignright {
	float: right;
	margin: 0 0 10px 20px;
	padding: 4px 4px;
	background-color: #fff;
	clear: both;
}

.alignright2 {
	float: right;
	margin: 0 0 10px 20px;
	padding: 4px 4px;
	background-color: #fff;
	border: none;
	clear: both;
}

.center {
	max-width: 100%;
	padding: 4px;
	background: #fff;
	border: 1px dashed #c60;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
	margin-top: 6px;
	}
	
.center2 {
	padding: 0;
	background: #fff;
	border: none;
	margin: 0;
	}
	
.results{
	max-width: 100%;
	padding-left: 4px;
	margin: 0;
	background: #fff;
	border: none;
	display: block;
	}
	



/*=====================================================================
						Randoms
=======================================================================*/

.pullquote {
	background: url('images/pullquotebg.gif') no-repeat top left;
	clear: both;
	border-top:none;
	border-bottom: 1px dotted #006;
	padding: 8px 0 14px 0;
	font-size: 18px;
	color: #006;
	line-height: 24px;
	text-align: center;
}

.pullquote2 {
	background: url('images/pullquotebg.gif') no-repeat top left;
	float: inherit;
	border:none;
	padding: 20px 0 0 0;
	font-size: 20px;
	color: #006;
	line-height: 24px;
	text-align: center;
}


#sidebar hr {
	visibility: visible;
	width: 80%;
	display: block;
	text-align: left;
	color: #006;
}

#leftcolumn hr {
visibility: visible;
width: 70%;
display: block;
text-align: left;
color: #006;
}


#copy{
	font-size: 10px;
	color:#ccc;
	text-align: center;
	background-color: #000066;
	width: 100%;
	height: auto;
	padding: 15px 0 0 0;
}
#copy a{
	color:#ddd;
	text-decoration: none;
}

#copy a:hover {
	text-decoration: underline;
	color:#f60;
}

.alt {
	background-color: #ddd;
}
#fax { 
	float: right;
	padding-right: 400px;
	border: none;
}
/*=====================================================================
						Sifr
=======================================================================*/

.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;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*
.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 20px;
	color: #006;
	letter-spacing: 2px;
	padding: 0 0;
	margin: 0 0;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

 .sIFR-hasFlash h4 {
	visibility: hidden;
	font-size: 24px;
	color: #006;
	letter-spacing: 4px;
	padding: 7px 0 0 0;
	margin: 0 0 3px 0;
	line-height: 20px;
}
*/
.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/* poll styles */
img {
	border: none;
}	

.poller{	/* The poller box */
		font-family: 'Gil Sans', Arial, Helvetica, sans-serif;
		color: #666;
		float: left;		
		width:136px;
		height: auto;
		padding:4px;	
	/*	border-bottom: 1px solid #006; */
		margin:0;
	}
	/* Poller title above radio buttons and title of results */
	 .pollerTitle, 	.result_pollerTitle {
		margin: 0 0 5px 0;
		padding: 0 0 1px 0;
	/*	border-bottom: 1px solid #006; */
	}
	/* Label for each radio button */
	.pollerOption, .result_pollerOption {
		margin:2px 0;
		font-size:1em;		
	}


	/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
	.result_pollGraph img{
		float:left;
	}
	/* The <div> tag where the percentage result is shown */
	.result_pollGraph div {
		float:left;
		height:16px;
		background-repeat: repeat-x;
		color:#fff;
		font-size:0.6em;
		line-height:16px;
		margin: 0 0;
	}
	/* Graph div - parent of both the corner images and the div displaying percentage votes */
	.result_pollGraph{	
		height: 16px;
	}
	
	/* Message when Ajax is working getting restults from the server */
	.poller_waitMessage{
		display:none;	
	}	
	
	.result_totalVotes{
		margin: 0;
		width: auto;
		border: none;
		padding: 10px 0 0px 0 ;
		font-size:0.8em;
		color: red;
		font-style:normal;
	}