@charset "utf-8";


/* BASE STYLES */
/* neutralize browser styles */
body, html {
	margin:0;
	padding:0;
}
	
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
	line-height: normal;
}
	
.twoColSmSide #container #footer p a {
	color: #FFF;
	text-decoration: none;
}
	
/* General Styles */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

html {
	background-image:url(../Images/background.jpg);
}

/* LAYOUT STYLES */

/* ---------All layout generic styles---------------- */
.twoColSmSide #container, .twoColLgSide #container, .oneCol #container {
	width: 780px;
	height:auto;
	margin: 0 auto;
	text-align: left;
} 

.twoColSmSide #header, .twoColLgSide #header, .oneCol #header {
	height: 200px;
	position: relative;
	background-image:url(../Images/tagline.gif) no-repeat;
} 

.twoColSmSide #sidebar div, .twoColLgSide #sidebar div {
	padding-bottom: 1em;
	padding-top:1em;
	padding-right:1em;
	margin-bottom: 1em;
	background-color: #666;
	line-height: .5em;
}

.twoColSmSide #footer, .twoColLgSide #footer, .oneCol #footer {
	padding: 20px 1em .5em; 
	background:#306;
	margin-bottom: 1em;
} 

.twoColSmSide #footer p, .twoColLgSide #footer p, .oneCol #footer p {
	font-size: 9px;
	color: #fff;
	text-align: center;
	margin-bottom: .5em;
}

/* --------------Large sidebar layout styles -------------*/
.twoColLgSide #sidebar {
	float: left;
	width: 230px;
	padding: 0;
	color: #fff;
}

.twoColLgSide #mainContent {
	margin: 0 0 0 250px; /* left margin allows space for sidebar */
	padding: 0; 
} 

/* --------------Small sidebar layout styles -------------*/
.twoColSmSide #sidebar {
	float: left;
	width: 220px;
	padding: 0;
	color: #fff;
}

.twoColSmSide #mainContent {
	margin: 0 0 0 220px; /* left margin allows space for sidebar */
	padding: 0; 
} 

/* -----------------One column layout styles ----------------------------*/
.oneCol #mainContent {
	margin: 0; /*no margin needed in a one column layout*/
	padding:0;
}


/* GENERAL TYPOGRAPHY AND COLOR STYLES */

/* ---------------- header specific styles ----------------*/
#header ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#header li {
	float: left;
}
#header li a:link, #header li a:visited {
	background:#306;
	padding: .2em .5em;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1.2em;
	margin-right: 0.5em;
}
#header li a.current, #header li a.current:hover, #header li a.current:active {
	color:#F00;
	background: #fff;
	cursor: default;
}
#header li a:hover {
	color:#F00;
	background: #fff;
}
#header #logo {
	height: 100px;
	width: 288px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(../_images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header h1 {
	text-indent: -1000em;
	height: 142px;
	width: 800px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image:url(../Images/tagline.gif);
	background-repeat: no-repeat;
	margin:0;
}

/* -------------------- main content specific styles ------------------*/
#mainContent img {
	background: #ccc;
	display: block;
	padding: 3px;
	border: 1px solid #999;
	margin: 1.6em auto;
}

#mainContent p {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.6;
	padding-right: 1.6em;
	padding-left: 1.6em;
	color: #FFF;
	margin-top: .5em;
	text-align: left;
	font-size: 12px;
}

#mainContent a {
	font-weight: bold;
	color: #602E0C;
	text-decoration: none;
	border-bottom: 1px dotted #602E0C;
	padding-bottom: .1em;
}

#mainContent a:hover {
	color: #BA3818;
	border: none;
	text-align: center;
}

#mainContent .article, #mainContent .galleryArticle, #mainContent .archive {
	background: #fff;
	padding: 0.5em 0.5em 2em;
	border: 2px solid #666;
	border-top: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
}

#mainContent .article h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #999;
	margin: 0;
	font-weight: normal;
	line-height: 1.5em;
	padding-left: 45px;
	background: url() no-repeat left center;
	font-style: italic;
}

#mainContent .article h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #666;
	margin-bottom: -0.5em;
	font-weight: normal;
	text-align: center;
	padding-bottom: 45px;
	background: url() no-repeat center bottom;
}

#mainContent h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.95em;
	margin: 1em .5em;
	color: #600;
	text-align: left;
}

/* ------ mainContent gallery styles --------------*/
#mainContent .galleryArticle h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;
	line-height:1.75em;
	text-align: center;
	color: #666;
	margin: 1em 2em 0;
	font-weight: normal;
	padding: 0;
	border-top: 1px dotted #666;
	background: none;
}
#mainContent .galleryArticle h2 {
	position: relative;
	top: -.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 0;
	color: #333;
	font-weight: normal;
	text-align: center;
	padding: 0 0 55px;
	background: url() no-repeat center bottom;
}

/* ------ mainContent archive styles --------------*/	
#mainContent .archive h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;
	line-height:1.75em;
	text-align: center;
	color: #666;
	margin: 1em 2em 0;
	font-weight: normal;
	border-top: 1px dotted #666;
	padding: 0 0 40px;
}
#mainContent .archive h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #999;
	margin: 1em 0 0 0;
	font-weight: normal;
	height: 40px;
	line-height:40px;
	padding-left: 45px;
}
#mainContent .archive .photoGallery {
	background-position: left top;
}
#mainContent .archive .review {
	background-position: 0px -40px;
}
#mainContent .archive .stuffWeLove {
	background-position: 0px -80px;
}
#mainContent .archive .merchSale {
	background-position: 0px -120px;
}

.TableRowOneLeft {
	background-color:#CCC;
	color:#000;
	font-weight:bold;
	text-align: center;
}

.TableRowOneRight {
	background-color:#CCC;
	color:#000;
	font-weight:bold;
	text-align: right;
	line-height: 10px;
	font-size: 14px;
}

.TableRowTwoLeft {
	background-color:#303;
	color:#FFF;
	font-weight:bold;
	text-align: left;
}

.TableRowTwoRight {
	background-color:#306;
	color:#FFF;
	font-weight:bold;
	text-align: right;
	font-size: 14px;
}

/* ------------------sidebar specific styles -----------------------*/
#sidebar h1{
	margin: 0;
	text-indent: -1000em;
	height: 35px;
	margin-bottom: .25em;
	}
#sidebar #previous h1 {
	background: url() no-repeat;
}
#sidebar #archive h1 {
	background:url(../Images/Upcoming%20Rides.gif) no-repeat;
	margin-bottom: 0;
}
#sidebar #next h1 {
	background:url(../Images/next_header.gif) no-repeat;
}
#sidebar #current h1 {
	background:url(../Images/current_head.gif) no-repeat;
}
#sidebar #required h1 {
	background:url(../Images/required_head.gif) no-repeat;
	font-size: 1em;
	height: 35px;
}
#sidebar #about h1 {
	background:url(../Images/about_head.gif) no-repeat;
}
#sidebar #about p{
	margin: 1em .625em;
	}
#sidebar #required ul,#sidebar #archive ul  {
	margin: 0px;
	padding:0px;
	list-style: none;
}	
#sidebar #archive ul li {
	margin:0;
	padding:0;
	background:url(../Images/archive_bkg.gif) no-repeat left center;
	}	
#sidebar #archive ul a {
	display: block;
	width: 170px;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #fff;
	text-decoration: none;
	line-height: 30px;
	margin: 0;
	border-bottom: 1px solid #fff;
	background:url(../Images/archive_bkg.gif) no-repeat left center;
}
#sidebar #archive ul a.last {
	border-bottom: none;
	}
#sidebar #archive ul a:hover {
	background-position: -200px 0px;
	color: #333;
	}
#sidebar #archive ul a.current {
	background-position: top right;
	color: #602E0C;
	cursor: default;
	}
sidebar  #required  ul li {
	margin: 0 0 0 10px;
}

#sidebar #required ul a {
	display: block;
	width: 200px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #fff;
	text-decoration: none;
	line-height: 2.2em;
	background:url(../Images/bullet.gif) no-repeat left center;
	margin: 0;
}
.twoColSmSide #sidebar div#archive {
	padding:0;
	}
#sidebar #required ul a:hover {
	background: #736851 url(../Images/bullet.gif) no-repeat left center;
}
#sidebar div img {
	margin: .5em auto;
	display: block;
}
#sidebar div p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #fff;
	margin: 0 10px;
}
#sidebar  div#next  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #fff;
	margin: 1em .7em;
	line-height: 1.6;
}
#sidebar div p.caption {
	font-size: 0.8em;
	margin-top: 0em;
	text-align: center;
}
#sidebar div h2 {
	font-size: 1em;
	margin-left: 10px;
	margin-top: 0px;
}

/* resetting some content for the one column layout */
.oneCol #mainContent .article h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #78320E;
	margin: 0;
	font-weight: normal;
	line-height: 2;
	padding-left: 55px;
}
.oneCol #mainContent img {
	background: none;
	display: inline;
	border: none;
	margin: 5px;
	padding: 0;
}

/*TABLE STYLES */

#mainContent table#gearTbl {
	width: 500px;
	border: 1px solid #333;
	margin: 0 auto;
	border-collapse:collapse;
	background: #574F3E;
}
#mainContent #gearTbl caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #666;
	text-align: left;
	padding-bottom: .5em;
}
#mainContent #gearTbl thead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
}
#mainContent #gearTbl tbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .625em;
	color: #fff;
	text-align:left;
}
#mainContent #gearTbl th {
	background: #444;
	height: 190px;
	vertical-align: bottom;
	font-weight: normal;
	border: 1px solid #333;
	text-align: center;
	padding-bottom: 0.5em;
}

#mainContent #gearTbl td {
	padding: 1.5em 1em;
	border: 1px solid #333;
	}
	
#mainContent #gearTbl tr.odd {
	background: #8C7E62;
}
#mainContent #gearTbl tr:hover {
	background: #333;
}

/*FORM STYLES*/

#formWrap {
	background: #999;
	padding: 1em 0;
	}
	
form#frmContact {
	width: 505px;
	margin: 0 auto;
	}
fieldset {
	background: #EBE6CD;
	border: none;
	margin: 1em 0;
	padding-bottom: .5em;
	}
legend {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #602E0C;
	line-height: 1.4;
	background: #EBE6CD;
	padding: 0.2em .5em;
	margin-left: 0.5em;
}
#formWrap p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #602E0C;
	font-size: 0.85em;
	line-height: 1.2;
	margin: 1.4em 0;
}
input.text {
	width: 250px;
}
textarea {
	width: 300px;
	margin-top: .5em;
}
label.top {
	display: block;
	margin-bottom: .5em;
}
label.check {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1;
	color: #000;
}
span.aside {
	font-style: italic;
}
p.required {
	position: relative;
}
span.required {
	position: absolute;
	left: 326px;
	padding-left: 35px;
	color: #c00;
	height: 31px;
	line-height: 25px;
	width: 145px;
	top: -6px;
}

input.text:focus, textarea:focus {
	background: #F9D59D;
}

/* CLASS ACCENT STYLES*/

.clearLeft{ /*used for clearing left floated elements*/
	clear:left;
}
.clearRight{ /*used for clearing right floated elements*/
	clear:right;
}
.clearBoth{ /*used for clearing all floated elements*/
	clear:both;
}
.clearfloat { /* used for clearing and containing internal floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.rightAlign    {
	text-align: right;
}
.twoColSmSide #container #sidebar #next p {
	line-height: .8em;
}
.twoColSmSide #container #sidebar #about p a {
	font-size: 0.83em;
}
.twoColSmSide #container #sidebar #ad p a {
	font-size: 0.83em;
	color: #602e0c;
}
.twoColSmSide #container #mainContent .article h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
}
.twoColSmSide #container #mainContent .article table .TableRowTwo td p a strong {
	color: #FFF;
}
.twoColSmSide #container #mainContent .article p {
	color: #FFF;
	font-size: 14px;
	text-align: right;
}
.twoColSmSide #container #mainContent .article table .TableRowOne .TableRowTwoRight p a strong {
	color: #FFF;
}
.twoColSmSide #container #mainContent .article table .TableRowTwoRight td p a strong {
	color: #FFF;
}
.twoColSmSide #container #mainContent .galleryArticle p {
	color: #000;
}
.twoColSmSide #container #mainContent .article h1 a {
	color: #000;
}
.twoColSmSide #container #mainContent .article p {
	color: #000;
}
.twoColSmSide #container #mainContent .article table .TableRowTwoRight td p {
	color: #FFF;
}