/*@import url('/css/html5reset.css');
@import url('/css/col.css');
@import url('/css/12cols.css');*/
@import url('/css/init.css');
@import url('/css/cms.css');
@import url('/css/nav.css');

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
/* Initial Styles
----------------------------------------------- */
.desktop {
	display: block;
	}
	
.mobile {
	display: none;
	}

.section {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 20px;
	}	
	
.navSearch.mobileSearch {
	display: none;
	}	

/* Generic Styles
----------------------------------------------- */
body,
html {
	height: 100%;
	}
	
body {
	background: #fff;
	}

.container {
	position: relative;
	}
		
.clear {
	clear: both;
	}

.noTop {
	margin-top: 0;
	}

.noBottom {
	margin-bottom: 0;
	}

.noLeft {
	margin-left: 0;
	}
	
.noRight {
	margin-right: 0;
	}

.uppercase {
	text-transform: uppercase;
	}

.fullFlex {
	width: 100%;
	height: 100%;
	max-height: 866px;
	}

.overlay {
	width: 100%;
	position: absolute;
	}
	
.overlayMax {
	width: auto;
	max-width: 100%;
	position: absolute;
	}
			
.absolute {
	position: absolute;
	}
	
.flex {
	width: 100%;
	display: block;
	}
	
.flexMax {
	width: auto;
	max-width: 100%;
	display: block;
	}

.flexMin {
	width: auto;
	max-width: auto;
	min-width: 100%;
	display: block;
	}
		
.relative {
	position: relative;
	}
	
.absolute {
	position: absolute;
	}
	
.embeddedContent {
	width: 355px;
	height: 200px;
	border: 1px solid #fff;
	}
	
.embeddedContent iframe {
	width: 100%;
	/*max-width: 355px;*/
	height: 100%;
	/*max-height: 200px;*/
	display: block;
	}

.backTop {
	background: green;
	position: fixed;
	bottom: 5%;
	right: 0;
	z-index: 10;
	}
	
span.quickLink {
	min-width: 20px;
	height: 20px;
	display: inline-block;
	background: url('/media/structure/urlLink.png') no-repeat;
	position: absolute;
	top: -13px;
	}

span.quick3Link {
	min-width: 20px;
	height: 20px;
	display: inline-block;
	background: url('/media/structure/url3Link.png') no-repeat;
	position: absolute;
	top: -13px;
	}

span.quick4Link {
	min-width: 20px;
	height: 20px;
	display: inline-block;
	background: url('/media/structure/url4Link.png') no-repeat;
	position: absolute;
	top: -6px;
	}
	
span.quick5Link {
	min-width: 20px;
	height: 20px;
	display: inline-block;
	background: url('/media/structure/url4Link.png') no-repeat;
	position: absolute;
	top: -6px;
	}
			
span.reveal {
	font-size: 13px;
	display: none;
	}
	
.intrRatio {
	position: relative;
	/*padding-bottom: 56.25%;*/ /* 16:9 */
	padding-bottom: 42.5%; /* Custom for current Vid */
	/*padding-top: 25px;*/
	padding-top: 0;
	height: 0;
	}

.intrRatioNorm {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	padding-top: 0;
	height: 0;
	}

.intrRatio iframe, 
.intrRatioNorm iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/* Search
----------------------------------------------- */	
.navSearch {
	width: 275px;
	margin: 10px 20px 0 0;
	position: absolute;
	right: 0;
	}
	
.navSearch.headerSearch {
	display: inline-block;
	}
	
.gsc-control-cse.gsc-control-cse-en,
.gsc-control-cse.gsc-control-cse-fr,
.gsc-control-searchbox-only.gsc-control-searchbox-only-en,
.gsc-control-searchbox-only.gsc-control-searchbox-only-fr {
	line-height: 100%;
	}
	
/* Structural Header
----------------------------------------------- */
.scaleWrap {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	}
	
.header {
	height: 149px;
	background: url('/media/structure/bg_header.jpg') repeat-x;
	position: relative;
	z-index: 10;
	box-shadow: 0 5px 5px #444;
	}

.logo {
	width: 100%;
	text-align: right;
	}

.logo a {
	display: block;
	margin: 0;
	}
			
.logo img {
	width: 100%;
	max-width: 225px;
	display: block;
	margin: 16px 0 0 0;
	}

.register {
	width: 150px;
	font-family: 'Raleway', sans-serif;
	text-align: center;
	text-decoration: none;
	padding: 5px 0 30px 0;
	display: block;
	background: #FFC905;
	top: 0;
	left: 0;
	}	
	
.register a {
	font-size: 34px;
	font-weight: 200;
	color: #000;
	text-decoration: none;
	display: block;
	-moz-transition: color 0.3s ease; 
	-o-transition: color 0.3s ease; 
	-webkit-transition: color 0.3s ease; 
	transition: color 0.3s ease; 
	}
	
.register a:hover {
	color: #EC3F33;
	}

.register .reduce {
	font-size: 18px;
	}
		
.navTrigger {
	display: inline-block;
	position: relative;
	z-index: 10;
	}

.registerButton {
	margin-top: 46px;
	}
		
.language {
	width: 100%;
	text-align: center;
	position: relative;
	}
	
.language a,
.language a:visited {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	display: inline-block;
	-moz-transition: color 0.3s ease; 
	-o-transition: color 0.3s ease; 
	-webkit-transition: color 0.3s ease; 
	transition: color 0.3s ease; 
	}
	
.language a:hover {
	color: #EC3F33;
	}
	

/* Jquery Flipcount
----------------------------------------------- */
.headDate {
	font-family: "Montserrat",sans-serif;
	font-size: 27px;
	line-height: 100%;
	color: #000;
	text-align: right;
	margin-bottom: 5px;
	}
		
.clock {
	height: 16px;
	/*padding: 62px 0 30px 0;*/
	padding: 30px 0 30px 0;
	top: 0;
	right: 0;
	}
	
.countdown {
	}
	
.marathon_timer { 
	width: 388px; 
	height: 65px; 
	position: relative;
	background: url('/media/structure/bg_timer.png') no-repeat;
	}

.marathon_vals {
	padding: 0px 0px 0px 14px;
	}
	
#flipcount span { 
	width: 27px; 
	height: 45px;
	display: block;
	margin: 10px 8px 0 0; 
	float: left; 
    background: url('/media/structure/numbers.png') no-repeat 0px 0px; 
    } 
    
#flipcount span.image0 { 
	background-position: 0px 0px; 
	} 
	
#flipcount span.image1 { 
	background-position: -30px 0px; 
	} 
	
#flipcount span.image2 {
	background-position: -57px 0px; 
	} 
	
#flipcount span.image3 { 
	background-position: -87px 0px; 
	} 
	
#flipcount span.image4 { 
	background-position: -116px 0px; 
	} 
	
#flipcount span.image5 {
	background-position: -145px 0px; 
	} 
	
#flipcount span.image6 { 
	background-position: -174px 0px; 
	} 
	
#flipcount span.image7 {
	background-position: -203px 0px; 
	} 
	
#flipcount span.image8 { 
	background-position: -232px 0px; 
	} 
	
#flipcount span.image9 { 
	background-position: -261px 0px; 
	} 
	
#flipcount span.imageSep { 
	width: 9px;
	background-position: -290px 0px; 
	} 
	
/* Home Page Feature
----------------------------------------------- */
.homeBanner {
	/*height: 90000px;*/
	margin-top: 149px;
	background: #fff;
	overflow: hidden;
	}

.featSection {
	}


.featWrap {
	width: 100%;
	max-width: 1140px;
	padding: 40px 20px;
	position: absolute;
	top: 0;
	z-index: 4;
	}

	
.featureContent {
	color: #fff;
	}

.featureContent h1,
.featureContent h2,
.featureContent h3 {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	}
	
.featureContent a {
	font-size: 16px;
	font-weight: 400;
	color: #FFC905;
	text-decoration: none;
	padding: 10px 0;
	display: inline-block;
	-moz-transition: color 0.3s ease; 
	-o-transition: color 0.3s ease; 
	-webkit-transition: color 0.3s ease; 
	transition: color 0.3s ease; 
	}

.featureContent a::before {
	content: '+';
	display: inline-block;
	margin-right: 5px;
	}

.featureContent a:hover {
	color: #EC3F33;
	}
					
.featureOverlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url('/media/structure/bg_12232E_60.png');
	z-index: 2;
	}
	
.webOverlay {
	bottom: 0;
	left: 0;
	z-index: 3;
	top: 0;
	}
	
.hidden {
	width: 1px;
	height: 1px;
	display: block;
	}

/* Home Page Slider
----------------------------------------------- */
.slider {
	background: #fff;
	}

.slider ul.slides {	
	margin: 0;
	}

.slider li.slide {
	list-style: none;
	}
	
.slideWrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
	}
		
.sContent {
	line-height: 160%;
	}
		
.sContent h1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	color: #211E1F;
	line-height: 120%;
	}

.sContent a {
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	padding: 10px 0;
	display: inline-block;
	-moz-transition: color 0.3s ease; 
	-o-transition: color 0.3s ease; 
	-webkit-transition: color 0.3s ease; 
	transition: color 0.3s ease; 
	}
	
.sContent a::before {
	content: '+';
	display: inline-block;
	margin-right: 5px;
	}	

/* Home Grid
----------------------------------------------- */	
.grid {
	background: #ddd;
	}

.gridItem {
	position: relative;
	}
		
.gridArray {
	padding: 40px 0;
	}

.gridContent {
	background: #12232E;
	border: 1px solid #ddd;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	}

.gridOverlay {
	width: 100%;
	height: 285px;
	background: url('/media/structure/bg_12232E_50.png');
	}
	
.gridTitle {
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 31px;
	line-height: 120%;
	color: #fff;
	text-align: center;
	position: absolute;
	z-index: 3;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}

/* Special
----------------------------------------------- */		
.homeSpecial {
	padding: 25px 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	}

.homeSpecial a {
	text-decoration: none;
	}
	
.homeSpecial a:hover {
	text-decoration: underline;
	}
		
.homeSpecial h1,
.homeSpecial h2 {
	font-family: 'Raleway', sans-serif;
	margin: 0 0 20px 0;
	}
	
.specialContent {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}
	
/* Social
----------------------------------------------- */
.social {
	text-align: center;
	background: #E00D19;
	padding: 25px 0;
	}

.socialIcon {
	width: auto;
	max-width: 100%;
	margin: 0 2%;
	display: inline-block;
	-moz-transition: opacity 0.3s ease; 
	-o-transition: opacity 0.3s ease; 
	-webkit-transition: opacity 0.3s ease; 
	transition: opacity 0.3s ease; 
	}
	
.socialIcon:hover {
	opacity: 0.75;
	}

/* Sponsor
----------------------------------------------- */
.sponsor {
	text-align: center;
	padding: 120px 0;
	background: #fff;
	}
	
.sponsor a {
	-moz-transition: opacity 0.3s ease; 
	-o-transition: opacity 0.3s ease; 
	-webkit-transition: opacity 0.3s ease; 
	transition: opacity 0.3s ease; 
	}
	
.sponsor a:hover {
	opacity: 0.75;
	}

.sponTitleArray {
	text-align: center;
	}
	
.titleSponsor {
	width: 100%;
	max-width: 425px;
	margin: 0 auto 45px auto;
	}
	
.titleSponsor img {
	width: auto;
	max-width: 100%;
	}

.preSponsor {
	width: 216px;
	max-width: 216px;
	height: 82px;
	margin: 20px 4%;
	display: inline-block;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	}
		
.preSponsor img {
	width: auto;
	max-width: 100%;
	max-height: 82px;
	display: block;
	margin: 0 auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}
	
/* RoadRace
----------------------------------------------- */
.roadRace {
	padding: 65px 0;
	background: #ddd;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	}

.rrItem {
	}
	
.rrOut {
	width: 99px;
	height: 119px;
	padding: 4px 0;
	display: inline-block;
	margin: 0 3% 0 0;
	background: #12232E;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	}
	
.rrIn {
	width: 55px;
	height: 76px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #12232E;
	margin: 0 auto;
	padding: 7px 16px 20px 16px;
	background: #ddd;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	}
	
.rrAlberta {
	font-size: 14px;
	line-height: 82%;
	font-weight: 700;
	padding: 0 0 0 2px;
	}
	
.rrBRR {
	font-size: 26px;
	font-weight: 400px;
	line-height: 77%;
	text-transform: uppercase;
	}
	
.rrYear {
	font-size: 14px;
	line-height: 82%;
	padding: 0 0 0 2px;
	}
	
.rrAwardYear {
	font-weight: 700;
	}
	
.roadRaceContent {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}
	
/* Content Pages
----------------------------------------------- */
.contentOverlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url('/media/structure/bg_12232E_60.png');
	z-index: 2;
	}
	
.pageHead {
	width: 100%;
	max-height: 218px;
	white-space: nowrap;
	margin-top: 150px;
	background: #fff;
	/*border-bottom: 15px solid #626162;*/
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	}

.pageTitle {
	bottom: 4px;
	}
		
.pageTitle h1 {
	font-size: 100px;
	font-weight: bold;
	line-height: 60%;
	letter-spacing: -20px;
	/*color: #626162;*/
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	z-index: 2;
	}

.main {
	margin: 350px 0 0 0;
	}	

.content {
	max-width: 1000px;
	margin: 40px auto;
	}
		
.level2Head {
	font-family: 'Montserrat', sans-serif;
	font-size: 33px;
	color: #fff;
	line-height: 31px;
	margin: 7px 0;
	overflow: hidden;
	}

.l2Overlay {
	height: 150px;
	z-index: 0;
	}
			
.contentTrigger {
	position: relative;
	}
	
.contentTrigger:hover {
	cursor: pointer;
	}
	
.indicator {
	width: 31px;
	height: 31px;
	background: url('/media/structure/level2_plusminus.png') no-repeat 0 0;
	float: right;
	}
	
.indicator.tActive {
	background: url('/media/structure/level2_plusminus.png') no-repeat 0 -31px;
	}
		
.level2Body {
	padding: 17px 0;
	display: none;
	}

.level2Body .section {
	max-width: 1000px;
	}

.level3Head {
	font-family: 'Montserrat', sans-serif;
	font-size: 19px;
	color: #1F1E1F;
	line-height: 21px;
	padding: 10px 30px 10px 22px;
	margin: 7px 0;
	background: #ddd;
	}
	
.l3indicator {
	width: 21px;
	height: 21px;
	background: url('/media/structure/level3_plusminus.png') no-repeat 0 0;
	float: right;
	}
	
.l3indicator.tActive {
	background: url('/media/structure/level3_plusminus.png') no-repeat 0 -21px;
	}
	
.level3Body {
	padding: 17px 22px;
	position: relative;
	display: none;
	}
	
.content table {
	border: 0px solid #333;
	}

.simplebox {
	border: none;
	background: none;
	}
		
.simplebox-title {
	font-size: 16px;
	padding: 10px 30px 10px 22px;
	background: url('/media/structure/hs_plusminus.png') no-repeat 97% 12px #eee;
	border: none;
	}
	
.simplebox-title:hover {
	cursor: pointer;
	}
	
.simplebox-title.tActive {
	background: url('/media/structure/hs_plusminus.png') no-repeat 97% -42px #eee;
	}
	
.simplebox-content {
	display: none;
	padding: 17px 22px;
	}


/* Race Pages
----------------------------------------------- */
.raceHead {
	margin-bottom: 30px;
	}
	
	
.raceDesc {
	padding: 0 0 20px 20px;
	}
	
.raceLogo {
	width: 100%;
	max-width: 318px;
	margin: 0 auto 30px auto;
	}
	
a.regLink {
	width: 100%;
	font-family: 'Raleway', sans-serif;
	font-size: 38px;
	font-weight: 200;
	color: #201E1F;
	line-height: 120%;
	text-align: center;
	text-decoration: none;
	padding: 4px 0;
	display: block;
	background: #FFC905;
	-moz-transition: color 0.3s ease; 
	-o-transition: color 0.3s ease; 
	-webkit-transition: color 0.3s ease; 
	transition: color 0.3s ease; 
	}

a.regLink:hover {
	color: #EC3F33;
	}
		
.raceSub.level3Head {
	color: #fff;
	line-height: 31px;
	background: #ED2F23;
	}

.raceSub .contentTrigger {
	font-size: 30px;
	padding: 12px 0 12px 0;
	}
		
.raceSub .l3indicator {
	width: 31px;
	height: 31px;
	background: url('/media/structure/level2_plusminus.png') no-repeat 0 0;
	float: right;
	}
	
.raceSub .l3indicator.tActive {
	background: url('/media/structure/level2_plusminus.png') no-repeat 0 -31px;
	}

.mapWrap {
	}

.mapNote {
	width: 96%;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #fff;
	padding: 2%;
	background: url('/media/structure/bg_12232E_90.png');
	bottom: 0;
	-moz-transition: color 0.3s ease; 
	-o-transition: color 0.3s ease; 
	-webkit-transition: color 0.3s ease; 
	transition: color 0.3s ease; 
	}
	
.mapNote:hover {
	color: #ec3f33;
	}
			
.mapLink {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	vertical-align: middle;
	text-decoration: none;
	display: block;
	margin: 30px 26px;
	}
	
.mapLink img {
	vertical-align: middle;
	margin: 0 20px 0 0;
	}

h3.raceDate {
	color: #EC3F33;
	}
		
.paceBunnies {
	}

/* Charity Pages
----------------------------------------------- */
.featuredCharity,
.fCharItem {
	float: left;
	}

.featuredCharity {
	width: 100%;
	margin: 20px 0 40px 0;
	}
		
.fCharItem {
	max-width: 33%;
	}

.fCharItem a {
	display: block;
	}
	
.fCharLogo {
	max-width: 75%;
	margin: 0 auto;
	}

		
.alphaIndex {
	width: 100%;
	text-align: center;
	text-transform: lowercase;
	padding: 44px 0 0 0;
	}

.alphaIndex ul {
	margin: 0;
	}
			
.alphaIndex ul li {
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	color: #E00D19;
	list-style: none;
	margin: 0 1.75% 5% 0;
	display: inline-block;
	-moz-transition: color 0.3s ease; 
	-o-transition: color 0.3s ease; 
	-webkit-transition: color 0.3s ease; 
	transition: color 0.3s ease; 
	}
	
.alphaIndex ul li:hover {
	color: #FFC905;
	cursor: pointer;
	}
	
.groupHead {
	font-family: "Montserrat",sans-serif;
	font-size: 19px;
	color: #fff;
	padding: 10px 30px 10px 22px;
	background: #626162;
	}
	
.charLogo {
	max-width: 285px;
	margin: 20px auto;
	}
		
a.charButton {
	width: 100%;
	font-family: 'Raleway', sans-serif;
	font-size: 38px;
	color: #201E1F;
	line-height: 120%;
	text-align: center;
	text-decoration: none;
	padding: 4px 0;
	margin: 0 0 10px 0;
	display: block;
	background: #FFC905;
	-moz-transition: color 0.3s ease; 
	-o-transition: color 0.3s ease; 
	-webkit-transition: color 0.3s ease; 
	transition: color 0.3s ease; 
	}

a.charButton:hover {
	color: #EC3F33;
	}
		
.charity .social {
	padding: 12px;
	}
		
.charity .social .socialIcon {
	width: 54px;
	margin: 0 1%;
	}
	
.charity .social .socialIcon img {
	width: 100%;
	}

/* Elite Template
----------------------------------------------- */
.eCat {
	font-weight: 400;
	padding: 10px 30px 10px 22px; 
	background: #FFC905;
	clear: both;
	}

.eCatItem {
	}
	
.eCatElite {
	padding-bottom: 25px;
	}
		
.eImage {
	}
	
.eSection {
	margin: 7px 0;
	}
	
.eName {
	font-size: 21px;
	font-weight: 400;
	}

/* Sponsor Pages
----------------------------------------------- */
.sponLogo {
	max-width: 285px;
	margin: 20px auto;
	}
	
.sponContent {
	padding: 0 0 20px 20px;
	}
	
/* Enews/News Pages
----------------------------------------------- */
.enewsId {
	font-size: 13px;
	color: #000;
	padding: 10px 30px 10px 22px;
	/*margin: 0 0 5px 0;*/
	border-top: 5px solid #fff;
	background: #FFC905;
	}
	
.enewsId:hover {
	cursor: pointer;
	}

.enewsIndicator {
	width: 21px;
	height: 21px;
	background: url('/media/structure/level3_plusminus.png') no-repeat 0 0;
	float: right;
	}
	
.enewsIndicator.enActive {
	background: url('/media/structure/level3_plusminus.png') no-repeat 0 -21px;
	}
	
.enewsItem {
	display: none;
	}
	
.enewsItem table,
.enewsItem tr,
.enewsItem td {
	line-height: 100%;
	}
		
span.newsDate {
	font-weight: 400;
	}
	
.eIntro {
	margin: 0 0 20px 0;
	}

.enewsItem .content img {
	width: auto !important;
	height: auto !important;
	max-width: 100%;
	max-height: 100%;
	}
	
.enewsItem .content h1,
.enewsItem .content h2,
.enewsItem .content h3 {
	line-height: 120% !important;
	}
	 
/* Footer styles
----------------------------------------------- */
.footer {
	min-height: 500px;
	color: #fff;
	padding-top: 58px;
	background: #12232E;
	}
	
.footer a {
	color: #fff;
	text-decoration: none;
	}
	
.footer a:hover {
	text-decoration: underline;
	}

.footerLogo {
	-moz-transition: opacity 0.3s ease; 
	-o-transition: opacity 0.3s ease; 
	-webkit-transition: opacity 0.3s ease; 
	transition: opacity 0.3s ease; 
	}
	
.footerLogo:hover {
	opacity: 0.75;
	}
	
.fName {
	margin: 30px 0 0 0;
	}
	
.fMail,
.fEmail {
	margin: 10px 0;
	}

.fCol {
	position: relative;
	z-index: 3;
	}

.fColHead {
	margin: 0 0 22px 0;
	}
	
.fColHead h2 {
	font-size: 21px;
	color: #fff;
	}
	
.fCol ul {
	margin: 0;
	}
	
.fCol li {
	list-style: none;
	margin-bottom: 3px;
	}
			
.impello,
.fRight {
	font-size: 11px;
	}
	
.fRight {
	position: relative;
	text-align: right;
	}

.fRight img {
	vertical-align: middle;
	}
		
.footWeb {
	bottom: 0;
	right: 0;
	}
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */
@media handheld, only screen and (max-width: 1024px) {
/* Nav
----------------------------------------------- */
#nav {
	margin: 65px 0 0 0;
	}
	
.item1 {
	margin: 5px 0;
	}

.navSep {
	margin: 14px 0 14px 50px;
	}
		
.qItem {
	padding: 2px 0 2px 22px;
	}

/* Header
----------------------------------------------- */


/* Feature Div
----------------------------------------------- */
.featureContent h1 {
	font-size: 33px;
	}
	
/* Grid Array
----------------------------------------------- */
.og-grid li {
	width: 24%;
	}

.gridTitle {
	font-size: 25px;
	}
		
.gridContent img {
	width: 100%;
	}
	
}

@media handheld, only screen and (max-width: 800px) {
/* Initial Styles
----------------------------------------------- */

	
/* Header Styles
----------------------------------------------- */
.logo {
	width: 80%;
	}
	
.register {
	width: 124px;
	}
	
a.registerButton {
	font-size: 30px;
	}

/* Feature Styles
----------------------------------------------- */	
.homeBanner {
	background: #12232E;
	}
	
.homeBanner .fivecol,
.homeBanner .sevencol {
	width: 100%;
	}

.featWrap {
	width: auto;
	padding: 40px 0;
	position: relative;
	}

.featWrap .section {
	padding: 0;
	}
	
.featWrap .col.sevencol {
	margin: 0;
	}
			
.featureContent.absolute {
	padding: 20px 0 10px 0;
	position: relative;
	}
	
.featureOverlay {
	display: none;
	}
	
.featSection {
	background: #12232E;
	position: relative;
	z-index: 4;
	}
	
.slideWrap {
	max-width: 700px;
	}

.slideWrap .fivecol,
.slideWrap .sevencol {
	width: 100%;
	}
	
.slideWrap .fivecol img {
	margin: 0 auto;
	}
	
.sContent {
	margin: 40px 0 0 0;
	}
	
/* Grid
----------------------------------------------- */	
.gridArray {
	text-align: center;
	}
	
/* Road Race
----------------------------------------------- */
.roadRace .ninecol,
.roadRace .threecol {
	width: 100%;
	}

.roadRaceAwards {
	text-align: center;
	}
		
.roadRaceContent {
	text-align: center;
	position: relative;
	top: 0;
	transform: none;
	}
}

@media handheld, only screen and (max-width: 767px) {
/* Initial Styles
----------------------------------------------- */
.desktop,
.flyNav {
	display: none;
	}
	
.mobile {
	display: block;
	}
	
.content {
	padding: 0 20px;
	margin: 0px auto;
	}

/* Panel Styles
----------------------------------------------- */
#navMobile {
	display: none;
	}

.navbar {
	height: 40px;
	padding-right: 20px;
	}
	
#menu-icon {
	width: 44px;
	height: 44px;
	text-indent: -9999px;
	background: url('/media/structure/navIconB.png') no-repeat 0 0;
	float: left;
	}	

#menu-icon:hover {
	cursor: pointer;
	}
	
.menu-trigger {
	width: 100px;
	position: fixed;
	top: 40px;
	left: 0;
	z-index: 10;
	}
		
.panelTitle {
	color: #fff;
	line-height: 43px;
	font-size: 20px;
	padding: 0 0 0 30px;
	border-bottom: 1px solid #777;
	}
			
#jPanelMenu-menu {
	background: #333;
	}
	
.treeview {
	margin: 80px 0 0 0;
	position: relative;
	}
	
.treeview ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

.treeview li {
	display: block;
	position: relative;
	margin: 4px 0;
	}

.treeview .collapsable {
	background: #000;
	}

/*.treeview .navMobile-submenu-item.expandable.collapsable {
	background: none;
	}
*/	
.navMobile .active {
	
	}
	
.treeview .item1,
.treeview .item1:hover,
.treeview .item1.active,
.treeview .item1.active:hover {
	line-height: 30px;
	color: #fff;
    text-decoration: none;
    display: block;
    padding: 8px 15px 8px 30px;
    position: relative;
    z-index: 11;
	}
	
.treeview .item1:hover,
.treeview .item1.active:hover {	
	color: #FF8014;
	}

.treeview .item2,
.treeview .item2:hover,
.treeview .item2.active,
.treeview .item2.active:hover {
	color: #fff;
    text-decoration: none;
    display: block;
    position: relative;
	padding: 4px 8px 4px 40px;
	margin: 0px 0px 0px 0px;
	}
	
.treeview .item2:hover,
.treeview .item2.active,
.treeview .item2.active:hover {
	color: #FF8014;
	}
	
.treeview .treeview-submenu {
    z-index: -1;
	}
	
.treeview .treeview-submenu li.expandable ul {
	padding: 0 10px;
	display: block !important;
	}

.treeview .treeview-submenu-item.expandable ul.navMobile-submenu {
	background: none;
	}

.navMobile .navMobile-submenu-item.expandable ul.navMobile-submenu .item2,
.navMobile .navMobile-submenu-item.expandable ul.navMobile-submenu .item2:hover,
.navMobile .navMobile-submenu-item.expandable ul.navMobile-submenu .item2.active,
.navMobile .navMobile-submenu-item.expandable ul.navMobile-submenu .item2.active:hover {
	font-size: 11px;
	font-weight: normal;
	}
	
.hitarea.expandable-hitarea {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 8px;
	left: 0;
	background: url('/media/structure/plusminus_lg.png') no-repeat 0 0;
	z-index: 12;
	}
	
.hitarea.expandable-hitarea:hover {
	background: url('/media/structure/plusminus_lg.png') no-repeat 0 0;
	cursor: pointer;
	}
	
.hitarea.collapsable-hitarea {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 8px;
	left: 0;
	background: url('/media/structure/plusminus_lg.png') no-repeat 0 -30px;
	z-index: 12;
	}

.hitarea.collapsable-hitarea:hover {
	cursor: pointer;
	}

.collapsable .section li .hitarea.collapsable-hitarea,
.collapsable .section li .hitarea.expandable-hitarea {
	top: -3px;
	left: 10px;
	}
			
.navMobile .navMobile-submenu li .hitarea {
	display: none;
	}
	
.navMobile-submenu {
	margin: 0 10px;
	}
	
.navLogo {
	width: 65px;
	margin: 3px 0 0 0;
	float: left;
	}	

/* G Search
----------------------------------------------- */
.navSearch.headerSearch {
	display: none;
	}

.navSearch.mobileSearch {
	margin: 50px 0 0 0;
	display: block;
	right: 20px;
	}		
	
/* Slider
----------------------------------------------- */
.flex-direction-nav {
	display: none;
	}

/* Special
----------------------------------------------- */		
.homeSpecial {
	text-align: center;
	-webkit-transform-style: none;
	-moz-transform-style: none;
	transform-style: none;
	}

.specialImg img {
	margin: 0 auto;
	}
	
.specialContent {
	position: relative;
	top: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	}
	
	
/* Content Pages
----------------------------------------------- */
.pageHead {
	margin-top: 0;
	padding-top: 40px;
	position: relative;
	}
	
.pageTitle h1 {
	font-size: 75px;
	text-align: right;
	margin: 0 20px 0 0;
	}
	
.main {
	margin: 20px 0 0 0;
	}

.level3Body .section {
	padding: 0;
	}
	

/* Nav
----------------------------------------------- */	
#nav {
	/*margin-top: 108px;*/
	margin-top: 15px;
	}
	

/* Initial Styles
----------------------------------------------- */	
h1 {
	font-size: 30px;
	}
	
h2 {
	font-size: 20px;
	}

/* Header Styles
----------------------------------------------- */	
.scaleWrap {
	height: 40px;
	}
	
.header {
	height: 40px;
	}

.headDate.mobile {
	font-size: 13px;
	float: left;
	margin: 16px 20px 0 20px;
	}
		
.register {
	width: 88px;
	padding: 2px 0;
	left: auto;
	right: 20px;
	}
	
a.registerButton {
	font-size: 18px;
	margin-top: 0;
	}
		
.language a {
	font-size: 13px;
	}
	
/* Feature Styles
----------------------------------------------- */	
.homeBanner {	
	margin-top: 40px;
	}
	
/* Slider Styles
----------------------------------------------- */	
.slideWrap {
	max-width: 550px;
	}
	
/* Grid Array
----------------------------------------------- */
.gridTitle {
	font-size: 20px;
	}

/* Road Race
----------------------------------------------- */
.rrOut {
	margin-bottom: 10px;
	}
	
/* Content Pages
----------------------------------------------- */	
.pageHead {
	white-space: normal;
	}
}

@media handheld, only screen and (max-width: 480px) {
/* Grid Array
----------------------------------------------- */
.og-grid li {
	width: 80%;
	}
	
/* Special Div
----------------------------------------------- */
.specialImg img {
	margin: 0 auto;
	}
	
/* Content Pages
----------------------------------------------- */
.level2Head {
	font-size: 25px;
	}
	
.content {
	padding: 0;
	}

/* Race Pages
----------------------------------------------- */
.raceSub .contentTrigger {
	font-size: 20px;
	}
	
}

@media handheld, only screen and (max-width: 479px) {
/* G Search
----------------------------------------------- */
.navSearch.mobileSearch {
	margin: 80px 0 0 0;
	display: block;
	position: relative;
	right: auto;
	}	
	
/* Nav
----------------------------------------------- */
.item1 {
	font-size: 18px;
	}
	
/* Search
----------------------------------------------- */	
.navSearch {
	width: 90%;
	margin: 10px auto;
	padding: 0 5%;
	position: relative;
	}

/* Feature Div
----------------------------------------------- */
.embeddedContent {
	max-width: 255px;
	}
	
/* Grid Array
----------------------------------------------- */
.gridTitle {
	font-size: 18px;
	}
	
/* Content Pages
----------------------------------------------- */
.pageHead {
	padding-top: 0;
	}
	
.pageHead img.flexMin {
	margin-top: -72px;
	}
	
.pageTitle h1 {
	font-size: 55px;
	letter-spacing: -12px;
	text-align: left;
	}
	
.level2Head {
	font-size: 17px;
	}

.level3Head {
	padding: 10px 12px 10px 12px;
	}
		
.level3Body {
	padding: 17px 12px;
	}
	
/* Race Pages
----------------------------------------------- */
.raceSub .contentTrigger {
	font-size: 16px;
	}
	
.mapLink {
	text-align: center;
	}
	
.mapLink img {
	display: block;
	margin: 0 auto 20px auto;
	}
	
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 


}