/* Set these before any CSS */
* {
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:hover, a:active {
	color: black;
}

a {
	text-decoration: none;
}

body {
	background: #fff url(images/1x1000px.gif) repeat-x left top;
	font: 62.7% Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /* for IE */
}

/* WRAPPER */
#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: left; /* for IE */
}

/* BANNER */
#banner {
	position: relative; /* p351 */
	height: 200px;
	width: 100%;
	background: #ded9c2;
}

#banner a#candf, #banner a#warrs, #banner a#hog {
	display: block;
	position: absolute;
}

#banner img.flash {
	position: absolute;
	width: 120px;
	height: 120px;
	border: none;
	left: 0px;
	top: 0px;
}

#banner a#candf {
	background: url(images/candf_transparent.gif) no-repeat;
	width: 525px;
	height: 54px;
	left: 39px;
	top: 119px;
}

#banner a#warrs {
	background: url(images/warrs_transparent.gif) no-repeat;
	width: 100px;
	height: 86px;
	right: 56px;
	top: 10px;
}

#banner a#hog {
	background: url(images/hog_transparent.gif) no-repeat;
	width: 100px;
	height: 70px;
	right: 55px;
	top: 112px;
}

/* MAIN NAVIGATION */
#nav {
	float: left;
	background: #c3c8cd url(images/1x210v2px.gif) repeat-y right top;
	width: 100%;
}

ul#mainNav {  /* p241 */
	list-style: none;
	margin-left: 22px;
}

#mainNav li {
	float: left;
	width: 7.5em;
}

#mainNav a {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	padding: 6px 5px 8px 5px;
	display: block;
}

#mainNav a:hover {
	color: #868f98;
}

body#home a#homeLink,
body#articles a#articlesLink,
body#gallery a#galleryLink,
body#officers a#officersLink,
body#riders a#ridersLink,
body#contact a#contactLink {
	color: #333;
	font-weight: bold;
}

#nav p { /* DATE */
	color: #333;
	font-size: 1.1em;
	text-align: center;
	margin-left: 590px;
	padding-top: 6.5px;
}

/* MAIN WRAPPER */
#contentWrapper { /* p155,358 */
	clear: both;
	background: #ded9c2 url(images/1x210px.gif) repeat-y right top;
	position: relative;
	min-height: 1100px;
}

html {
	height: 100%; /* Firefox p178 */
}	

/* MAIN */
#main {
	display: inline; /* for IE */
	float: left;
	width: 530px;
	margin-left: 39px;
}
    
h1, h2, h3, h4, p, ul, ol {
	margin: 0px;
	padding: 0px;
}

#main h1 {
	color: #9B8948;
	font: 2.7em Impact, "Arial Narrow", sans-serif;
	margin-top: 30px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	word-spacing: 3px;
}

#main h2 {
	color: #868f98;
	font: 2.1em Impact, "Arial Narrow", sans-serif;
	margin-top: 15px;
	margin-bottom: 20px;
	letter-spacing: 1.2px;
}

#main h3 {
	color: #333;
	font: 1.7em Impact, "Arial Narrow", sans-serif;
	margin-top: 15px;
	margin-bottom: 3px;
	letter-spacing: .75px;
	word-spacing: 1px;
}

#main h4 {
	color: #868f98;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
}

#main p {
	font-size: 1.3em;
	margin-bottom: 5px;
	line-height: 150%;
}

#main a{
	color: #333;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: .5px;
	border-bottom: 1px dashed #333;
}

#main a:hover {
	color: #9B8948;
	border-bottom: 1px solid #9B8948;
}

#main span.plain a {
	color: #000;
	font-weight: normal;
	border-bottom: 1px dashed #666;
}

#main span.plain a:hover {
	border-bottom: 1px solid #9B8948;
}

#main span.bold {
	color: #333;
	font-weight: bold;
}

#main span.bold_header {
	color: #333;
}

#main span.orange {
	color: #ff5f00;
	letter-spacing: 1px;
}

#main span.bronze {
	color: #8f6f4d;
	letter-spacing: 1px;
}

#main span.silver {
	color: #84888b;
	letter-spacing: 1px;
}

#main span.gold {
	color: #917b4c;
	letter-spacing: 1px;
}

#main span.caption {
	color: #333;
	font-style: italic;
}

ul#bullet_list { /* p241 */
	margin-left: 14px;
}	

#bullet_list li {
	font-size: 130%;
	line-height: 150%;
	padding-top: 4px;
}

#main img{
	float: left;
	border: 1px solid #666;
	margin-top: 3px;
}

#main img.squarepic {
	float: right;
	margin-left: 10px;
	margin-bottom: 8px;
}	

#main img.grouppic {
	margin-top: 20px;
	margin-bottom: 10px;
}

#main img.hoglogo {
	float: right;
	margin-top: -10px;
	border: none;
}

#main img.pdf_logo {
	border: none;
	margin-top: -1px;
	margin-left: -4px;
	padding-right: 5px;
}

#main img.video_link {
	float: right;
	width: 340px;
	border: none;
	margin-top: 14px;
	padding-left: 10px;
}

/* ARTICLES */
ul#ride_list { /* p241 */
	list-style: none;
}	

#ride_list li .ride {
	font: 1.7em Impact, "Arial Narrow", sans-serif;
	letter-spacing: .5px;
	line-height: 150%;
	padding-bottom: 0;
	border-bottom: none;
}

#ride_list li span.date { 
	color: #333;
	font: 140% Verdana, Arial, Helvetica, sans-serif;
}

#ride_list li p {
	margin-bottom: 10px;
	font-size: 1.3em;
	line-height: 150%;
}

#ride_list li .ride:hover {
	color: #9B8948;
	border-bottom: none;
}


/* OFFICERS */
.director {
	float: left;
	width: 230px;
	margin: 0 16px 5px 0px;
}

.director p {
	text-align: center;
}

.officer {
	float: left;
	width: 160px;
	margin: 0 16px 5px 0px;
}

.officer p {
	text-align: center;
}

.photo img {
	margin: 0 0 5px 0;
}
	
/* RIDERS */
#main #riders_patch {
	float: right;
	width: 130px;
	border: none;
	margin-top: 18px;
}
	
ul#riders_list { /* p241 */
	list-style: none;
}	

#riders_list li {
	font-size: 130%;
	line-height: 200%;
}

/* EVENTS 2008*/
#events {
	float: right;
	width: 210px;
}

#events h2 {
	color: #9B8948;
	font: 2.7em Impact, "Arial Narrow", sans-serif;
	letter-spacing: 1.2px;
	margin-bottom: 18px;
	padding: 30px 0 0 20px;
}

#events h3 {
	color: #333;
	font: 2em Impact, "Arial Narrow", sans-serif;
	letter-spacing: 1.2px;
	margin-bottom: 18px;
	padding: 30px 0 0 20px;
}

ul#events_list { /* p241 */
	list-style: none;
}	

#events_list li a {
	color: #333;
	font: 1.7em Impact, "Arial Narrow", sans-serif;
	letter-spacing: .8px;
	margin-left: 20px;
	line-height: 150%;
}

#events_list li p {
	font-size: 1.3em;
	line-height: 130%;
	margin: 0 5px 10px 20px;
}

#events_list li a:hover {
	color: #9B8948;
}

#events span.bold {
	color: #333;
	font-weight: bold;
}

#events span.orange {
	color: #ff5f00;
}

/* New CSS @ 30.11.08*/
#events_list li span.link a {
	color: #000;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	letter-spacing: 0px;
	border-bottom: 1px dashed #333;
}

#events_list li span.link a:hover {
	color: #9B8948;
	border-bottom: 1px solid #9B8948;
}
/* to here */

.candfpin {
	border: none;
	margin-top: 10px;
	margin-left: -2px;
}

.rocker {
	border: none;
	margin-top: -20px;
	margin-left: 17px;
}

.warrs_logo {
	border: none;
	margin-top: 2px;
	margin-left: -4px;
}

.pdf_logo {
	border: none;
}

.hog_registration_logo {
	border: none;
	margin: 30px 0px -7px -5px;
}

/* DISCLAIMERS */
#legal {
	clear: both;
	padding-top: 15px;
	margin-right: 230px;
	margin-left: 40px;
}

#photographers {
	font-size: 120%;
	line-height: 150%;
	clear: both;
	padding-top: 15px;
	margin-right: 230px;
	margin-left: 40px;
}

#copyright {
	clear: both;
	color: #666;
	padding: 10px 20px 20px 0;
	margin-left: 40px;
}

#copyright a {
	color: #666;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px dashed #666;
}

#copyright a:hover {
	color: #C60023;
	border-bottom: 1px solid #F9B700;
}

#copyright span.bold{
	font-weight: bold;
}

#copyright span.bold a:hover {
	color:  #333;
	border-bottom: 1px solid #333;
}

.clear_both {
	clear: both;
}