/*
Theme name: Driftbuster V.1
Author: Alexander J. Bennington
Company: Howards Grove Lakeshore Driftbusters
URL: http://www.hgdriftbusters.com/
*/

/*browser reset*/
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
}
::-moz-selection {
	background: #cccccc;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #cccccc;
	color: #fff;
	text-shadow: none;
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*end browser reset*/

/*my fonts*/
 @font-face {
	font-family:'nexa_lightregular';
	src: url('fonts/nexa_light-webfont.eot');
	src: url('fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/nexa_light-webfont.woff') format('woff'), url('fonts/nexa_light-webfont.ttf') format('truetype'), url('fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'nexa_boldregular';
	src: url('fonts/.eot');
	src: url('fonts/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/nexa_bold-webfont.woff') format('woff'), url('fonts/nexa_bold-webfont.ttf') format('truetype'), url('fonts/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'batmanforeveralternateregular';
    src: url('fonts/batmfa__-webfont.eot');
    src: url('fonts/batmfa__-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/batmfa__-webfont.woff2') format('woff2'), url('fonts/batmfa__-webfont.woff') format('woff'), url('fonts/batmfa__-webfont.ttf') format('truetype'), url('fonts/batmfa__-webfont.svg#batmanforeveralternateregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cubano-regular';
    src: url('fontscubano-regular-webfont.eot');
    src: url('fonts/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/cubano-regular-webfont.woff2') format('woff2'), url('fonts/cubano-regular-webfont.woff') format('woff'), url('fonts/cubano-regular-webfont.ttf') format('truetype'), url('fonts/cubano-regular-webfont.svg#cubano-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*end my fonts*/
.big-space {
    width: 100%;
    height: 600px;
    overflow: hidden;
    float: left;
}
/*nav*/

a {
    color: #ececec;
    text-decoration: none;
}
a:hover {
    color: #ececec;
    text-decoration: none;
}
a:active {
    color: #ececec;
    text-decoration: none;
}
a:visited {
    color: #ececec;
    text-decoration: none;
}
.nav {
    width: 412px;
    height: 75px;
    overflow: hidden;
    float: right;
    list-style-type: none;
}
.nav li {
    width: 100px;
    height: 75px;
    margin-right: 0;
    margin-left: 3px;
    overflow: hidden;
    float: left;
}
.nav-btn {
    display: block;
    width: 100px;
    height: 75px;
    padding-top: 30px;
    text-align: center;
    font-size: 80%;
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
    border-bottom: 7px solid #720001;
    transition: border 500ms ease-out;
    -webkit-transition: border 500ms ease-out;
    -moz-transition: border 500ms ease-out;
    -o-transition: border 500ms ease-out;
}
.nav-btn:hover {
    color: #ececec;
    border-bottom: 7px solid #ececec;
}
.active-btn {
    display: block;
    width: 100px;
    height: 75px;
    padding-top: 30px;
    text-align: center;
    font-size: 80%;
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
    border-bottom: 7px solid #a30305;
}
/*end nav*/

/*global*/

h1,
h2 {
    color: #a30305;
    font-size: 170%;
}
h2 {
    color: #000000;
    font-size: 160%;
}
h3 {
    color: #ececec;
    font-size: 125%;
}
h4 {
    color: #a30305;
    font-size: 200%;
    text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8 {
    font-family: cubano-regular, Arial, Helvetica, sans-serif;
}
ul {
    list-style-type: none;
}
html {
    height: 100%;
}
body {
    height: 100%;
    color: #ececec;
    font-size: 110%;
    line-height: 1.4;
    text-align: left;
    margin: 0;
    font-family: nexa_lightregular, Arial, Helvetica, sans-serif;
    background-color: #ececec;
}
header {
    width: 96%;
    height: auto;
    padding: 0 3% 0 3%;
    overflow: hidden;
    margin: auto;
    border-right: solid 1px #720001;
    border-bottom: solid 1px #720001;
    border-left: solid 1px #720001;
    background-color: #000000;
    -webkit-box-shadow: 0px 0px 8px 5px #000000;
    -moz-box-shadow: 0px 0px 8px 5px #000000;
    box-shadow: 0px 0px 8px 5px #000000;
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
}
.logo {
    width: 250px;
    height: 75px;
    overflow: hidden;
    float: left;
}
.logo a {
    display: block;
    width: 250px;
    height: 75px;
    overflow: hidden;
    float: left;
    margin: 0;
    text-indent: -9999em;
    background: url(images/hgld_logo.png) no-repeat left top;
}
.top-of-page {
    width: 100%;
    height: auto;
    padding: 1% 0 1% 0;
    overflow: hidden;
    float: left;
    text-align: center;
    background-color: #720001;
}
.top-of-page a {
    color: #ececec;
    font-family: cubano-regular, Arial, Helvetica, sans-serif;
    font-size: 170%;
}
.top-of-page a:hover {
    color: #000000;
}
footer {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 3%;
    background-color: #000000;
}
footer p {
    text-align: center;
}
footer span {
    color: #a30305;
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
    font-size: 125%;
}
.site-by {
    display: block;
    width: 158px;
    height: 50px;
    margin: auto;
    margin-top: 2%;
    text-indent: -9999em;
    background: url(images/site_by_ppd.png) no-repeat center top;
}
.site-by:hover {
    background-position: 0px -55px;
}
.facebook {
    display: block;
    width: 158px;
    height: 50px;
    margin: auto;
    margin-bottom: 2%;
    text-indent: -9999em;
    background: url(images/facebook.png) no-repeat center top;
}
.facebook:hover {
    background-position: 0px -55px;
}
/*end global*/

/*index*/

#top {
    background: url(images/home_big_pic.png) no-repeat center -550px;
}
.main-statement {
    width: 100%;
    height: auto;
    padding: 0 3% 0 3%;
}
#homepic-1 {
    width: 300px;
    height: 300px;
}
#homepic-2 {
    width: 300px;
    height: 300px;
}
#homepic-3 {
    width: 300px;
    height: 300px;
}
#homepic-4 {
    width: 300px;
    height: 300px;
}
#homepic-5 {
    width: 300px;
    height: 300px;
}
#home-slideshow {
    width: 300px;
    height: 300px;
    margin-right: 45px;
    overflow: hidden;
    float: left;
}
#slideshow {
    position: relative;
    height: 350px;
}
#slideshow IMG {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}
#slideshow IMG.active {
    z-index: 10;
}
#slideshow IMG.last-active {
    z-index: 9;
}
.introduction {
    width: 74%;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 1%;
    margin: 7% 13% 7% 13%;
    border: solid 5px #720001;
    background-image: url(images/wite_trans_bg.png);
    -webkit-box-shadow: 0px 0px 8px 5px #000000;
    -moz-box-shadow: 0px 0px 8px 5px #000000;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.introduction h1 {
    padding: 2% 0.5% 0.5% 0.5%;
    margin-top 50px;
}
.introduction p {
    padding: 1% 1% 1% 1%;
    color: #000000;
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
}
.what-we-do {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 3%;
    background-color: #a30305;
    border-top: solid 5px #720001;
    border-bottom: solid 5px #720001;
}
.what-we-do h2 {
    margin-bottom: 40px;
}
.what-we-do ul {
    list-style-type: none;
}
.upcoming-events {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 0;
    background-color: #ececec;
}
.events {
    width: 74%;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 1%;
    margin: 1% 13% 1% 13%;
    border: solid 5px #720001;
    background-color: #000000;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.events p {
    color: #ececec;
    font-size: 100%;
    text-align: center;
    margin-top: 0;
}
.events span {
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
    color: #a30305;
    font-size: 120%;
    text-align: center;
    margin-top: 0;
}
/*end index*/

/*about*/

#top-2 {
    background-color: #000000;
}
.club-info {
    width: 100%;
    height: auto;
    padding: 0 3% 0 3%;
}
.club-info h1 {
    padding: 2%;
    color: #ececec;
    font-size: 200%;
    text-align: center;
}
.contact-info {
    width: 40%;
    height: auto;
    margin: 3% 3% 3% 7%;
    padding: 2% 3% 2% 7%;
    overflow: hidden;
    float: left;
    background-image: url(images/wite_trans_bg.png);
    border: solid 5px #720001;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.contact-info h2 {
    color: #000000;
    font-size: 125%;
    text-align: left;
}
.contact-info span {
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
    color: #000000;
}
.the-board {
   font-size: 70%;
}
.newsletters h2 {
    color: #000000;
    font-size: 125%;
    text-align: left;
}
.newsletters {
    width: 40%;
    height: 325px;
    margin: 3% 7% 3% 3%;
    padding: 2% 3% 2% 7%;
    overflow: hidden;
    float: left;
    color: #ececec;
    background-image: url(images/wite_trans_bg.png);
    border: solid 5px #720001;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.newsletters li {
    margin-top: 15px;
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
}
.newsletters a {
    color: #ececec;
    text-decoration: underline;
}
.newsletters a:hover {
    color: #a30305;
    text-decoration: none;
}
.trail-info {
    width: 100%;
    height: auto;
    padding: 0 3% 0 3%;
    overflow: hidden;
    float: left;
    background-color: #a30305;
    border-top: solid 5px #720001;
    border-bottom: solid 5px #720001;
}
.trail-info h3 {
    padding: 2%;
    color: #000000;
    font-size: 200%;
    text-align: center;
}
.trail-sponsors {
    width: 40%;
    height: auto;
    margin: 3% 3% 3% 7%;
    padding: 2% 3% 2% 7%;
    overflow: hidden;
    float: left;
    color: #000000;
    background-color: #ececec;
    border: solid 5px #720001;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.trail-sponsors h4 {
    color: #000000;
    font-size: 125%;
    text-align: left;
}
.trail-conditions h4 {
    color: #000000;
    font-size: 125%;
    text-align: left;
}
.trail-conditions {
    width: 40%;
    height: auto;
    margin: 3% 7% 3% 3%;
    padding: 2% 3% 2% 7%;
    overflow: hidden;
    float: left;
    color: #000000;
    background-color: #ececec;
    border: solid 5px #720001;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.trail-conditions ul {
    list-style-type: none;
}
.trail-conditions li {
    font-size: 100%;
    margin: 4.7% 0 0 0;
}
.trail-conditions a {
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
    color: #a30305;
    text-decoration: underline;
}
.trail-conditions a:hover {
    color: #000000;
    text-decoration: none;
}
.youth-club {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    color: #000000;
    background-color: #ececec;
}
.youth-club h5 {
    padding: 2%;
    color: #000000;
    font-size: 200%;
    text-align: center;
}
.youth-info {
    width: 70%;
    height: auto;
    padding: 2%;
    overflow: hidden;
    float: left;
    margin: 0 15% 3% 15%;
    color: #ececec;
    background-color: #000000;
    border: solid 5px #720001;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.snack-shack {
    width: 35%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0 5% 0 0;
}
#snack-shack-pic {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.youth-club p {
    width: 60%;
    height: auto;
    max-height: 300px;
    overflow: hidden;
    float: left;
    padding: 2%;
    font-size: 135%;
    line-height: 1.8;
}
/*end about*/

/*photos*/

#top-3 {
    background-color: #000000;
}
.photo-layout {
    padding: 0 3% 0 3%;
}
#top-3 header {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.photos {
    width: 60%;
    height: auto;
    margin: 3% 20% 0 20%;
    padding 3%;
    overflow: hidden;
    float: left;
    background-image: url(images/wite_trans_bg.png);
    border-top: solid 5px #720001;
    border-right: solid 5px #720001;
    border-left: solid 5px #720001;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
}
.main-p-1,
.main-p-2,
.main-p-3,
.main-p-4 {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.club-pics {
    width: 40%;
    height: auto;
    margin: 3% 5% 3% 5%;
    padding: 2%;
    overflow: hidden;
    float: left;
    background-color: #a30305;
    border: solid 5px #720001;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.brat-pics {
    width: 40%;
    height: auto;
    margin: 3% 5% 3% 5%;
    padding: 2%;
    overflow: hidden;
    float: left;
    background-color: #a30305;
    border: solid 5px #720001;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.bonfire-pics {
    width: 40%;
    height: auto;
    margin: 3% 5% 3% 5%;
    padding: 2%;
    overflow: hidden;
    float: left;
    background-color: #a30305;
    border: solid 5px #720001;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.hayride-pics {
    width: 40%;
    height: auto;
    margin: 3% 5% 3% 5%;
    padding: 2%;
    overflow: hidden;
    float: left;
    background-color: #a30305;
    border: solid 5px #720001;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.club-pics h2,
.brat-pics h2,
.bonfire-pics h2,
.hayride-pics h2 {
    text-align: center;
    margin: 1% 0 2% 0;
    color: #ececec;
}
.club-pics a,
.brat-pics a,
.bonfire-pics a,
.hayride-pics a {
    display: block;
    width: 60%;
    height: auto;
    margin: 0 20% 0 20%;
    padding: 2%;
    text-align: center;
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
    color: #ececec;
    background-color: #000000;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.club-pics a:hover,
.brat-pics a:hover,
.bonfire-pics a:hover,
.hayride-pics a:hover {
    color: #ececec;
    background-color: #720001;
}
/*end photos*/

/*albums*/

#top-pics {
    background: url(images/home_big_pic.png) fixed no-repeat center;
}
.pics {
    width: 60%;
    height: auto;
    margin: 8% 20% 0 20%;
}
.pics h1 {
    text-align: left;
}
.pics h1 a {
    color: #ececec;
    float: right;
}
.pics h1 a:hover {
    color: #a30305;
}
.pics h1 a span {
    color: #a30305;
}
.pics ul {
    list-style-type: none;
}
.pics li {
    width: 18%;
    height: auto;
    margin: 2% 1% 0 1%;
    overflow: hidden;
    float: left;
}
.pics li a {
    display: block;
    width: 100%;
    height: auto;
}
.pics li img {
    width: 100%;
    border: solid 2px #720001;
}
.pics li img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
/*end albums*/

/*join*/
.join {
    width: 100%;
    height: auto;
    padding: 0 3% 0 3%;
}
.join-us {
    width: 84%;
    height: auto;
    margin: 0 8% 3% 8%;
}
.join-us h1 {
    margin: 3% 0 3% 0;
    font-family: cubano-regular, Arial, Helvetica, sans-serif;
    font-size: 250%;
}
.join-us p {
    height: auto;
    padding: 2% 2% 6% 2%;
    font-size: 150%;
    text-align: left;
    background-image: url(images/wite_trans_bg.png);
    border: solid 5px #720001;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.trail-pass {
    width: auto;
    height: auto;
    overflow: hidden;
    float: left;
    margin-top: 1%;
    padding: 1% 1% 1% 1%;
    text-align: center;
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ececec;
    font-weight: bolder;
    cursor: pointer;
    background-color: #a30305;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.trail-pass:hover {
    color: #ececec;
    background-color: #720001;
}
.sign-up-area {
    width: 100%;
    height: auto;
    padding: 3% 3% 0 3%;
    overflow: hidden;
    float: right;
    background-color: #a30305;
    border-top: solid 5px #720001;
    border-bottom: solid 5px #720001;
}
.paypal {
    width: 80%;
    height: auto;
    padding: 3% 0 3% 0;
    margin: 0 10% 0 10%;
}
.paypal-btn {
    display: block;
    width: 202px;
    height: 100px;
    overflow: hidden;
    float: left;
    margin: 0 20% 3% 20%;
    text-indent: -9999em;
    background: url(images/pay_paypal.png) no-repeat 0px 0px;
}
.paypal-btn:hover {
    background-position: 0px -104px;
}
.paypal p {
    width: 40%;
    height: auto;
    margin: 2% 0 3% 0;
    color: #ececec;
    overflow: hidden;
    float: left;
}
.sign-up-form {
    width: 80%;
    height: auto;
    margin: 0 10% 3% 10%;
    overflow: hidden;
    float: left;
}
form {
    width: 100%;
    height: auto;
    padding: 2%;
}
form p {
    margin: 0px;
}
label {
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
    color: #ececec;
}
input {
    border: none;
    width: 100%;
    height: 30px;
    padding: 0 5% 0 5%;
    color: #000000;
    font-family: nexa_lightregular, Arial, Helvetica, sans-serif;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
textarea {
    width: 100%;
    height: 70px;
    margin-top: 1%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #2b2b2b;
    font-family: nexa_lightregular, Arial, Helvetica, sans-serif;
    line-height: 16px;
    border: none;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.form-btns {
    width: 100%;
    height: auto;
}
.submit input {
    width: 30%;
    height: 30px;
    float: left;
    border: 0;
    margin-top: 15px;
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ececec;
    font-weight: bolder;
    cursor: pointer;
    background-color: #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.submit input:hover {
    color: #ececec;
    background-color: #720001;
}
.small-input {
    width: 50%;
}
.success {
    width: 70%;
    height: 30px;
    float: right;
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
    color: #554644;
    margin-top: 15px;
    font-weight: bold;
    text-align: center;
}
.alt-method {
    width: 100%;
    height: auto;
    padding: 3% 3% 3% 3%;
    overflow: hidden;
    float: left;
    background-color: #b0b0b0;
    border-bottom: solid 5px #720001;
}
.alt-signup {
    width: 80%;
    height: auto;
    padding: 3% 0 3% 0;
    margin: 0 10% 0 10%;
    background-color: #b0b0b0;
}
.alt-signup h2{
   color: #ececec; 
}
.alt-signup p{
    margin-top: 1%;
   color: #000000; 
}
.alt-signup a {
    width: auto;
    height: auto;
    overflow: hidden;
    float: left;
    margin-top: 3%;
    padding: 1% 1% 1% 1%;
    text-align: center;
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ececec;
    font-weight: bolder;
    cursor: pointer;
    background-color: #a30305;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.alt-signup a:hover {
    color: #ececec;
    background-color: #000000;
}
.contact {
    width: 100%;
    height: auto;
    padding: 3% 3% 3% 3%;
    overflow: hidden;
    float: left;
    background-color: #ececec;
}
.contact-us {
    width: 80%;
    height: auto;
    padding: 3% 0 3% 0;
    margin: 0 10% 0 10%;
}
.contact-us h2 {
    color: #a30305;
    font-family: cubano-regular, Arial, Helvetica, sans-serif;
}
.label {
    color: #000000;
}
.form-btns {
    width: 100%;
    height: auto;
}
.grey-form {
    color: #000000;
    background-color: #b0b0b0;
}
.submit-2 input {
    width: 30%;
    height: 30px;
    float: left;
    border: 0;
    margin-top: 15px;
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ececec;
    font-weight: bolder;
    cursor: pointer;
    background-color: #a30305;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.submit-2 input:hover {
    color: #ececec;
    background-color: #720001;
}
.small-input {
    width: 50%;
}
.success-2 {
    width: 70%;
    height: 30px;
    float: right;
    font-family: nexa_boldregular, Arial, Helvetica, sans-serif;
    color: #554644;
    margin-top: 15px;
    font-weight: bold;
    text-align: center;
}
/*end join*/

/*custom breakpoints*/
 @media only screen and (min-width: 0px) {
    h1,
h2,
h3 {
    text-align: center;
}
.logo {
    width: 100%;
}
.logo a {
    margin: auto;
    float: none;
}
.nav {
    width: 100%;
    overflow: hidden;
    float: left;
}
.nav {
    width: 100%;
    overflow: hidden;
    float: left;
}
.nav li {
    width: 24%;
    margin-left: 1%;
}
.nav-btn {
    display: block;
    width: 100%;
}
.active-btn {
    display: block;
    width: 100%;
}
.introduction {
    width: 90%;
    margin: 5% 5% 5% 5%;
}
#home-slideshow {
    display: none;
}
.events {
    width: 90%;
    margin: 5% 5% 5% 5%;
}
.contact-info {
    width: 100%;
    height: auto;
    margin: 3% 0 3% 0;
    font-size: 110%
}
.newsletters {
    width: 100%;
    height: auto;
    margin: 3% 0 3% 0;
}
.trail-sponsors {
    width: 100%;
    height: auto;
    margin: 3% 0 3% 0;
}
.trail-conditions {
    width: 100%;
    height: auto;
    margin: 3% 0 3% 0;
}
.trail-conditions li {
    font-size: 100%;
}
.snack-shack {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0 5% 0 0;
}
#snack-shack-pic {
    display: none;
    width: 100%;
    height: auto;
}
.youth-club p {
    width: 100%;
    max-height: none;
    font-size: 100%;
    line-height: 1;
}
.photos {
    width: 94%;
    height: auto;
    margin: 3% 3% 0 3%;
    padding 1%;
}
.club-pics,
.brat-pics,
.bonfire-pics,
.hayride-pics {
    width: 96%;
    height: auto;
    margin: 2% 2% 2% 2%;
    padding: 2%;
}
.pics {
    width: 90%;
    height: auto;
    margin: 8% 5% 0 5%;
}
.pics li {
    width: 48%;
    height: auto;
    margin: 2% 1% 0 1%;
}
.paypal p {
    width: 90%;
}
.paypal-btn {
    width: 90%;
}
}
@media only screen and (min-width: 480px) {
    h1,
h2,
h3 {
    text-align: left;
}
.logo {
    width: 100%;
}
.logo a {
    margin: auto;
    float: none;
}
.nav {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-right: 0;
    margin-left: 3px;
}
.nav {
    width: 100%;
    overflow: hidden;
    float: left;
}
.nav li {
    width: 24%;
    margin-left: 1%;
}
.nav-btn {
    display: block;
    width: 100%;
}
.active-btn {
    display: block;
    width: 100%;
}
.introduction {
    width: 90%;
    margin: 5% 5% 5% 5%;
}
#home-slideshow {
    display: none;
}
.events {
    width: 90%;
    margin: 5% 5% 5% 5%;
}
.contact-info {
    width: 100%;
    height: auto;
    margin: 3% 0 3% 0;
    font-size: 110%
}
.newsletters {
    width: 100%;
    height: auto;
    margin: 3% 0 3% 0;
}
.trail-sponsors {
    width: 100%;
    height: auto;
    margin: 3% 0 3% 0;
}
.trail-conditions {
    width: 100%;
    height: auto;
    margin: 3% 0 3% 0;
}
.trail-conditions li {
    font-size: 100%;
}
.snack-shack {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0 5% 0 0;
}
#snack-shack-pic {
    display: none;
    width: 100%;
    height: auto;
}
.youth-club p {
    width: 100%;
    max-height: none;
    font-size: 100%;
    line-height: 1;
}
.photos {
    width: 94%;
    height: auto;
    margin: 3% 3% 0 3%;
    padding 1%;
}
.club-pics,
.brat-pics,
.bonfire-pics,
.hayride-pics {
    width: 96%;
    height: auto;
    margin: 2% 2% 2% 2%;
    padding: 2%;
}
.pics {
    width: 90%;
    height: auto;
    margin: 8% 5% 0 5%;
}
.pics li {
    width: 48%;
    height: auto;
    margin: 2% 1% 0 1%;
}
.paypal p {
    width: 90%;
}
.paypal-btn {
    width: 90%;
}
}
@media only screen and (min-width: 720px) {
    h1,
h2,
h3 {
    text-align: left;
}
.logo {
    width: 100%;
}
.logo a {
    margin: auto;
    float: none;
}
.nav {
    width: 412px;
    overflow: hidden;
    float: left;
}
.nav li {
    width: 100px;
    margin-left: 3px;
}
.nav-btn {
    display: block;
    width: 100px;
}
.active-btn {
    display: block;
    width: 100px;
}
}
.introduction {
    width: 90%;
    margin: 5% 5% 5% 5%;
}
#home-slideshow {
    display: none;
}
.events {
    width: 90%;
    margin: 5% 5% 5% 5%;
}
.contact-info {
    width: 100%;
    height: auto;
    margin: 3% 0 3% 0;
    font-size: 110%;
}
.newsletters {
    width: 100%;
    height: auto;
    margin: 3% 0 3% 0;
}
.trail-sponsors {
    width: 100%;
    height: auto;
    margin: 3% 0 3% 0;
}
.trail-conditions {
    width: 100%;
    height: auto;
    margin: 3% 0 3% 0;
}
.trail-conditions li {
    font-size: 100%;
}
.snack-shack {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0 5% 0 0;
}
#snack-shack-pic {
    display: none;
    width: 100%;
    height: auto;
}
.youth-club p {
    width: 100%;
    max-height: none;
    font-size: 100%;
    line-height: 1;
}
.photos {
    width: 94%;
    height: auto;
    margin: 3% 3% 0 3%;
    padding 1%;
}
.club-pics,
.brat-pics,
.bonfire-pics,
.hayride-pics {
    width: 96%;
    height: auto;
    margin: 2% 2% 2% 2%;
    padding: 2%;
}
.pics {
    width: 90%;
    height: auto;
    margin: 8% 5% 0 5%;
}
.pics li {
    width: 48%;
    height: auto;
    margin: 2% 1% 0 1%;
}
.paypal p {
    width: 90%;
}
.paypal-btn {
    width: 90%;
}
}
@media only screen and (min-width: 960px) {
    h1,
h2,
h3 {
    text-align: left;
}
.logo {
    width: 250px;
}
.logo a {
    margin: 0;
    float: left;
}
.nav {
    width: 412px;
    overflow: hidden;
    float: right;
}
.nav li {
    width: 100px;
    margin-left: 3px;
}
.nav-btn {
    display: block;
    width: 100px;
}
.active-btn {
    display: block;
    width: 100px;
}
.introduction {
    width: 74%;
    margin: 9% 13% 9% 13%;
}
#home-slideshow {
    display: none;
}
.events {
    width: 74%;
    margin: 9% 13% 9% 13%;
}
.contact-info {
    width: 40%;
    height: 325px;
    margin: 3% 3% 3% 7%;
    font-size: 110%;
}
.newsletters {
    width: 40%;
    height: 325px;
    margin: 3% 7% 3% 3%;
}
.trail-sponsors {
    width: 40%;
    height: auto;
    margin: 3% 3% 3% 7%;
}
.trail-conditions {
    width: 40%;
    height: auto;
    margin: 3% 7% 3% 3%;
}
.trail-conditions li {
    font-size: 100%;
}
.snack-shack {
    width: 35%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0 5% 0 0;
}
#snack-shack-pic {
    display: block;
    width: 100%;
    height: auto;
}
.youth-club p {
    width: 60%;
    max-height: 300px;
    font-size: 135%;
    line-height: 1;
}
.photos {
    width: 60%;
    height: auto;
    margin: 3% 20% 0 20%;
    padding 3%;
}
.club-pics,
.brat-pics,
.bonfire-pics,
.hayride-pics {
    width: 40%;
    height: auto;
    margin: 3% 5% 3% 5%;
    padding: 2%;
}
.pics {
    width: 60%;
    height: auto;
    margin: 8% 20% 0 20%;
}
.pics li {
    width: 18%;
    height: auto;
    margin: 2% 1% 0 1%;
}
.paypal p {
    width: 40%;
}
.paypal-btn {
    width: 20%;
}
}
@media only screen and (min-width: 1024px) {
    h1,
h2,
h3 {
    text-align: left;
}
.logo {
    width: 250px;
}
.logo a {
    margin: 0;
    float: left;
}
.nav {
    width: 412px;
    overflow: hidden;
    float: right;
}
.nav li {
    width: 100px;
    margin-left: 3px;
}
.nav-btn {
    display: block;
    width: 100px;
}
.active-btn {
    display: block;
    width: 100px;
}
.introduction {
    width: 74%;
    margin: 9% 13% 9% 13%;
}
#home-slideshow {
    display: block;
}
.events {
    width: 74%;
    margin: 9% 13% 9% 13%;
}
.contact-info {
    width: 40%;
    height: 325px;
    margin: 3% 3% 3% 7%;
    font-size: 110%;
}
.newsletters {
    width: 40%;
    height: 325px;
    margin: 3% 7% 3% 3%;
}
.trail-sponsors {
    width: 40%;
    height: auto;
    margin: 3% 3% 3% 7%;
}
.trail-conditions {
    width: 40%;
    height: auto;
    margin: 3% 7% 3% 3%;
}
.trail-conditions li {
    font-size: 100%;
}
.snack-shack {
    width: 35%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0 5% 0 0;
}
#snack-shack-pic {
    display: block;
    width: 100%;
    height: auto;
}
.youth-club p {
    width: 60%;
    max-height: 300px;
    font-size: 135%;
    line-height: 1;
}
.photos {
    width: 60%;
    height: auto;
    margin: 3% 20% 0 20%;
    padding 3%;
}
.club-pics,
.brat-pics,
.bonfire-pics,
.hayride-pics {
    width: 40%;
    height: auto;
    margin: 3% 5% 3% 5%;
    padding: 2%;
}
.pics {
    width: 60%;
    height: auto;
    margin: 8% 20% 0 20%;
}
.pics li {
    width: 18%;
    height: auto;
    margin: 2% 1% 0 1%;
}
.paypal p {
    width: 40%;
}
.paypal-btn {
    width: 20%;
}
}
@media only screen and (min-width: 1600px) {
    .youth-club p {
    width: 60%;
    max-height: 300px;
    font-size: 135%;
    line-height: 1.5;
}
}
/*end custom breakpoints*/

/*clearfix*/
 .clearfix:before, .clearfix:after {
	content:" ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
/*end clearfix*/