html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}



/* Float Styles
-------------------------------------------------------- */
.float-l    { float: left; }
.float-r    { float: right; }
.clear-l    { clear: left; }
.clear-r    { clear: right; }
.clear-both { clear: both; }
/* TODO: Below are Optional */
.align-l { text-align: left; }
.align-c { text-align: center; }
.align-r { text-align: right; }

img.float-l { margin: 0 1.5em 0 0; }
img.float-r { margin: 0 0 1.5em 1.5em; }

/* Listing
-------------------------------------------------------- */
.listing 		{ clear: both; margin: 0;}
.listing-last 	{ border-bottom: 0; }
.listing-first 	{ }
.thumbnail 		{ padding-left: 155px; }
.thumbnail img 	{ float: left; margin-left: -155px; display: inline; /* DMB */ }

/* Page Navigational Styling              TODO: Optional
-------------------------------------------------------- */
.nav {margin: 0;padding: 0;list-style: none;}
.nav li {margin: 0;padding: 0;}
.nav li a {display: block;text-decoration: none;}
.horiz {overflow: hidden;list-style: none;}
.horiz li {float: left;}
/* TODO: Optional - can be used in place of #id */
.breadcrumbs .nav li,
.breadcrumbs .nav li a {display: inline;}
.breadcrumbs .nav li a {text-decoration: underline;}

/* Bread Crumbs  
-------------------------------------------------------- */
#breadCrumbs { list-style: none; margin: 0; }
#breadCrumbs li { font-size: 0.917em; margin: 0; display: inline; }
#breadCrumbs li a { color: #7399E5 }

/* Search Form Styles 
-------------------------------------------------------- */
.search-form { position: relative; background: url(../images/design/search-bg.gif) 0 0 no-repeat; height: 22px; }
.search-form fieldset { margin: 0; padding: 0; position: relative; padding: 3px 0 0 8px; }
.search-form input.query { border: 0; color: #999; font-size: 0.917em; width: 137px; margin-right: 3px; padding: 0; height: 16px; float: left; background: none; }
.search-form input.search { float: left; margin-top: 3px; }
.search-form.main-search-form {}
.search-form.inline-search-form {}

/* Pagination Styles
-------------------------------------------------------- */
.pagination { margin-bottom: 2em; clear: left; width: 100%; float: left; padding: 12px 0; position: relative; }
.pagination .pageInfo { color: #999; font-size: 0.917em; float: right; } /* CF */
.pagination .pageNumInput { width: 30px; border: 1px solid #ccc; background: #F2F2F2; font-size: 0.833em; color: #999; padding: 2px; margin: 0 5px;}
.pagination .pageNumSubmit { padding: 0; font-size: 0; overflow: hidden; margin: 0 0 0 5px; position: relative; top: -3px; left: 5px; text-indent: -9999px; border: none; background: url(../images/design/pagination.gif) -63px 0 no-repeat; height: 15px; width: 20px; }
.pagination .first,
.pagination .previous,
.pagination .next,
.pagination .last     { background: url(../images/design/spritesheet.png) 0 0 no-repeat; display: block; height: 15px; width: 17px; text-indent: -9999px; float: left; margin-right: 8px;  }
.pagination .previous { background-position: -15px 0;}
.pagination .next     { background-position: -31px 0;}
.pagination .last     { background-position: -47px 0;}
.pagination .first:hover    { background-position:     0 -15px; }
.pagination .previous:hover { background-position: -15px -15px; }
.pagination .next:hover     { background-position: -31px -15px; }
.pagination .last:hover     { background-position: -47px -15px; }
.pagination .disabled { display: none; }
.pagination .paginator { float: left; }
.pagination .paginator .page { margin-right: 5px; }
.pagination .paginator .current { color: #999; text-decoration: none; }
.pagination .ellipse { float: left; margin-right: 5px; }


/* FORM VALIDATION STYLES ------------------------------*/

.rich-message-label {
	color: #900;
	font-size: 11px;
	padding-left: 20px;
}

#errors {
	background: #FFF5E6 url(../images/design/form-error.gif) 10px 6px no-repeat;
	border: 1px solid #FFEBCC;
	padding: 15px 20px 10px 55px;
}
#errors h4 {
	padding: 0 0 8px 0;
	margin: 0;
}
#errors p {
	color: #900;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#errors ul {
	padding-top: 8px;
}
#errors li {
	font-size: 11px;
}

/* Easy Clearing Styles
-------------------------------------------------------- */
.group:after,
.group:before { content: ""; display: block; overflow: hidden; } /* CF, IE7.css which ie6.css inherits from */
.group:after { clear: both; }

body {
	font: normal 13px/20px arial, helvetica, sans-serif;
	color: #272728;
/*	background: #fff url(../images/design/main-background-full.jpg) 0 0;*/
}
#page {
	background: #fff url(../images/design/main-background-full.jpg) 0 0;
}
#veryTop {
	background: url(../images/design/whiteout-top.png) 0 0 repeat-x;
	height: 102px;
	width: 100%;
}
#veryBottom {
	background: url(../images/design/whiteout-bottom.png) 0 0 repeat-x;
	height: 102px;
	width: 100%;
}
#footer {
	display: block;
	clear: both;
	background: url(../images/design/footer-art.png) 150px 0 no-repeat;
	width: 1102px;
	min-height: 344px;
	margin: 0 auto;
	margin-top: -275px;
	padding-bottom: 40px;
}

#wrapper {
	text-align: left;
	padding: 0;
	font-size: 1.2em; /* 62.5% + 1.2em = 12px */
	margin: 0 auto;
	width: 820px;
	margin-top: -102px;
}

a img {
	border: 0;
}

a:link { color: #128ce3; text-decoration: underline; }
a:visited { color: #128ce3; text-decoration: underline; }
a:hover { color: #0084ff; text-decoration: underline; }
a:active { color: #128ce3; text-decoration: underline; }

h1 { font-weight: 300; font-size: 40px;line-height:44px; color: #7f5100; padding: 0 0 18px 0;}
h2 { font: bold 18px/20px arial, helvetica, sans-serif; color: #2b5770; padding: 0 0 18px 0;}
h3 { font: bold 15px/20px arial, helvetica, sans-serif; color: #526068; padding: 0 0 18px 0;}
h4 { font: bold 13px/17px arial, helvetica, sans-serif; color: #2b5770; padding: 0 0 18px 0;}

ul, ol {
	padding: 0 0 18px 20px;
}	

p {
	padding: 0 0 18px 0;
}

/* MAIN NAV --------------------------------*/

ul#main-menu {
	float: right;
	padding: 5px 0 0 0;
	margin: 0;
}
ul#main-menu li {
	display: block;
	float: left;
	margin-right: -5px;
}

ul#main-menu li a {
	display: block;
	height: 50px;
	color: #828199;
	text-decoration: none;
/*	font: normal 16px/50px helvetica, arial, sans-serif;*/
	font-size: 16px;
	line-height: 50px;
	font-weight: 500;
	background-position: top left;
	background-repeat: no-repeat;
	text-align: center;
}
ul#main-menu li a:hover {
	color: #7f5100;
}
ul#main-menu li a.active {
	color: #262262;
	background-position: bottom left;
}
ul#main-menu li#index a {
	width: 83px;
	background-image: url(../images/design/nav-home.gif);
}
ul#main-menu li#event-details a {
	width: 131px;
	background-image: url(../images/design/nav-event.gif);
}
ul#main-menu li#photo-gallery a {
	width: 144px;
	background-image: url(../images/design/nav-gallery.gif);
}
ul#main-menu li#register-online a {
	width: 152px;
	background-image: url(../images/design/nav-register.gif);
}
ul#main-menu li#about a {
	width: 92px;
	background-image: url(../images/design/nav-about.gif);
}




/* GLOBAL STYLES --------------------------------*/

.contentContainer {
	width: 497px;
	padding: 34px 34px 0 34px;
	min-height: 348px;
	background: url(../images/design/home-main-slice.png) 0 0 repeat-y;
}
img.contentImg {
	margin: 0;
	padding: 0;
	display: block;
}
#mainContentConainer {
	margin: -274px 0 0 263px;
	display: block;
	position: relative;
	z-index: 150;
}
a#viewRoute {
	margin-left: 36px;
	width: 405px;
	height: 274px;
	display: block;
	text-indent: -9999px;
	background: url(../images/design/view-route.png) no-repeat;
	background-position: top left;
}
a#viewRoute:hover {
	background-position: bottom left;
}

a.bodyCTA {
	display: block;
	padding-top: 18px;
	text-decoration: none;
}
a.bodyCTA span {
	color: #b9a27b;
}
/* HOME STYLES ------------------------------*/

#homeHeader {
	width: 820px;
	height: 224px;
	background: url(../images/design/home-rider.png) 0 0 no-repeat;
}
#volunteersCallout {
	float: right;
	width: 95px;
	height: 136px;
	margin: -30px 0 0 0;
}
#volunteersCallout img {
	position: absolute;
	margin-left: 10px;
}
.homeContent h1 {
	font-size: 21px;
	line-height: 25px;
	padding: 0 0 18px 0;
}

.homeSocial {
	display: block;
	padding: 185px 0 0 600px;
}
.pageSocial {
	display: block;
	padding: 82px 0 0 595px;
}

/* GENERAL PAGE STYLES ------------------------------*/

#generalHeader {
	width: 820px;
	height: 143px;
	background: url(../images/design/sub-rider.png) 0 0 no-repeat;
}



/* FOOTER STYLES width: 1102px ------------------------------*/

p.copyright {
	font-size: 11px;
	line-height: 14px;
	text-align: right;
	width: 263px;
	display: block;
	float: left;
	padding-top: 296px;
	padding-left: 125px;
}
p.copyright a {
	color: #484848;
	text-decoration: underline;
}
p.copyright a:hover {
	color: #0084ff;
}

#footer-logos-links {
	width: 674px;
	display: block;
	float: right;
	padding: 250px 0 0 40px;
}
.logos {
	width: 441px;
	height: 59px;
	padding: 0;
	margin: 0;
}

#footerLogos img {
	padding: 0 5px;
	width: 75px;
	height: 59px;
}
ul.footerLinks {
	display: block;
	padding: 0 0 4px 15px;
}
ul.footerLinks-1 {
	padding-top: 30px;
}
ul.footerLinks li a {
	color: #484848;
	text-decoration: none;
}
ul.footerLinks li a:hover {
	color: #0084ff;
}
ul.footerLinks li {
	display: inline-block;
	width: 116px;
	list-style: none;
}
ul.footerLinks-2 {
	padding-bottom: 40px;
}

/* SITE MAP STYLES ------------------------------*/

ul#siteMap {
	list-style: none;
	padding: 18px;
}
ul#siteMap li {
	padding-bottom: 5px;
}

/* VOLUNTEER PAGE STYLES ------------------------------*/

input, textarea {
	outline: 0;
	color: #128ce3;
	line-height: 18px;
	padding: 2px 4px;

}

p#required-callout {
	font-size: 10px;
}
input.aiValueField {
	display: none;
}
.required label {
	font-weight: bold;
}
.fieldArea {
	padding-bottom: 15px;
}
.fieldArea label {
	vertical-align: top;
	width: 100px;
	display: inline-block;
}
textarea.contactUsField {
	height: 100px;
	width: 250px;
}
input.submit {
	margin-left: 100px;
	border: 1px solid #dceef8;
	background-color: #f5fafd;
	color: #128ce3;
	font-weight: bold;
	padding: 8px 12px;
	cursor: pointer;
}

/* GALLERy PAGE STYLES ------------------------------*/

ul#galleries {
	list-style: none;
	padding-left: 0;
}
ul#galleries li {
	display: block;
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #dceef8;
}
ul#galleries li.last {
	border: 0;
}
ul#galleries li h2 {
	float: right;
	text-align: left;
	width: 80px;
}

ul#photos {
	list-style: none;
}

ul#photos li {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}
/*ul#photos li img {*/
/*	width: 136px;*/
/*	height: 87px;*/
/*}*/
a.back-to-galleries {
	display: block;
	text-align: right;
	padding-right: 30px;
}



/* FAQ PAGE STYLES ------------------------------*/
.accordion h3 {
	cursor: pointer;
}
.faqAnswer {
	display: none;
	background-color: #f6fbfd;
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
}

/* SPONSOR PAGE STYLES ------------------------------*/

.sponsor {
	padding-bottom: 20px;
	border-bottom: 1px dashed #dceef8;
	margin-bottom: 20px;
}
ul#sponsorList {
	margin: 0;
	list-style: none;
}

#qrReaders {
	background-color: #f7fbfe;
	padding: 15px;
	margin-bottom: 20px;
}

form#contact-us {
	margin-bottom: 20px;
}