@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Oswald|Roboto+Condensed:400,300,700,400italic);

/* CSS Document */

/* 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;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.row { max-width:90%;}
#one div.row {
	max-width: 100%;
}
footer div.row {
	max-width: 100%;
}

/** {
	-webkit-overflow-scrolling: touch;
}
*/
a {
	color:#41b4fb;
}

a:hover {
	color: #c95828;
/*	color:#2b7bab;*/
}

sup {
    font-size:0.8em;
}
/* LOGIN screen */

.page-template {
	padding: 100px;
}

.light-grey {
	background: #efefef;
}

table.normal {
	margin-left:auto; margin-right:auto;
}

table.normal tr {
	background: #f9f9f9 !important;
}

table.normal td {
	vertical-align:middle;
}

#login.center {
	text-align: center;
}
table#login tr td {
	line-height: 50px;
	font-size: 1.5em !important;
	font-weight:normal !important;
}
table#login tr td input[type="text"] {
	margin:0 0 0 0 !important;
}
.movedown {
	padding-top:200px !important;
}
table#login tr td.smaller-text {
	font-size:1.1em !important;
	line-height:1.5em;
}
table#login tr td.smaller-text strong {
	font-weight:600;
}
input[type="submit"] {
	padding:10px;
}

@media only screen {

	/*--PARALLAX--*/

	.hidden {
		display: none;
	}

	#zero { /*MENU*/
		background: url(../images/top.png) repeat-x;
		background-color: #fff;
		background-size: 100% 6px;
		padding-bottom: 50px;
		width: 100%;
		position: fixed;
		z-index: 15;
		top: 0;
		opacity: 1;
		height: 125px;
	}

	#one { /*SLIDER*/
		opacity: 1;
		margin-top: 26px;
	}

	#two { /*INTRO*/
		margin: 0 auto;
		margin-top: -5px;
		background: #221d5a !important;
		padding-bottom: 60px;
	}

	#three { /*ABOUT THE WORKOUTS*/
		background: #c95828;
		margin: 0 auto;
		padding-bottom: 60px;
	}

	#trigger1,
	#trigger2 {
		height: 600px;
		overflow: hidden;
	}

	#four {
		background: url(../images/dividerImg1.jpg) 100%;
		position: relative;
		width: 100%;
		height: 1200px;
		top: -400px;
		z-index: -1;
	}

	#five { /*CLUB NEWS*/
		background-color: #f4f4f4;
		margin: 0 auto;
		margin-top: 0px;
		text-shadow:#fff 1px 1px 0;
		padding-bottom: 30px;
	}

	#six { /*SECOND DIVIDER IMAGE */
		background: url(../images/dividerImg2.jpg) no-repeat;
		height: 700px;
		position: fixed;
		top: 140px;
		z-index: -1;
	}

	#seven { /*IMAGE GALLERY*/
		background: #221d5a;
		padding-bottom: 60px;
	}

	#seven img:hover {
		filter: blur(2px);
		-webkit-filter: blur(2px);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}

	#eight { /*THIRD DIVIDER IMAGE*/
		position: relative;
		background: url(../images/dividerImg3.jpg) 100%;
		width: 100%;
		height: 900px;
		top: -400px;
		z-index: -1;
	}

	#nine { /*RACE RESULTS*/
		position: relative;
		background: #c95828;
		min-height: 635px;
		padding-bottom: 60px;
	}

	#ten { /*CONTACT US*/
		position: relative;
		background-color: #f4f4f4;
		margin: 0 auto;
		min-height: 560px;
	}

	/*---HOME---*/

	body {
		font-family: 'Roboto Condensed', sans-serif;
		line-height: 1.2;
	}

	h1 {
		font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:2em;
	}
	
	.center { text-align: center; }
	.vgap-small { margin-top: 5px; }

	/* so menu can fill the width better */
	#zero .row {
		max-width: 95%;
	}

	.logo {
		max-width: 100%;
		width: 185px;
		height: auto;
		margin-top: 15px;
		float: left;
	}

	.navBox {
		margin-top: 27px;
		background: #fff !important;
		line-height:30px;
		float: right;
	}

	nav.top-bar {
		background: inherit !important;
	}

	nav.top-bar ul {
		height: 60px;
		padding-top: 19px;
		padding-left: 15px;
		float: right;
	}

	nav.top-bar ul li {
		background: inherit !important;
	}

	nav.top-bar ul li a {
		background: inherit !important;
		font-family: 'Oswald', sans-serif; font-weight:400;
		float: left;
		font-size: 31px;
		color: #221d5a;
	}

	/* color when cursor moves off the More menu item */
	.top-bar-section ul li:hover:not(.has-form) > a {
		color: #c95828 !important;
	}

	nav.top-bar ul li:hover,
	nav.top-bar ul li a:hover,
	nav.top-bar ul.dropdown li:hover,
	nav.top-bar ul.dropdown li a:hover {
		background: inherit !important;
		color: #c95828 !important;
	}

	nav.top-bar ul.dropdown li a:not( :hover ) {
		color: #000;
	}

	nav.top-bar ul li.vert-divider {
		background: inherit !important;
		color: #498EF3;
		font-size:30px;
	}

	nav.top-bar ul.dropdown {
		margin-top: 40px;
		background:#efefef;
		padding: 20px;
        margin-left:-80px;
	}

	nav.top-bar ul.dropdown li a {
		color: #221d5a !important;
	}

	#imageSlider {
		position: relative;
		margin-top:90px;
	}

	#banner {
		position: relative;
		width: 100%;
	}

	#notice {
		text-align: center;
        max-width:70%;
	}

	#notice h2 {
		font-size: 1.2em;
		line-height: 1.3em;
	}

	#notice h1, #notice h2 {
		margin-top: 20px;
		color: #fefefe;
	}

	.whiteBox1 {
		max-width: 365px;
		height: 347px;
		background: #fff;
		display: block;
		margin: 0 auto;
		margin-top: 60px;
		position: relative;
        border-radius: 15px;
        overflow: hidden;
	}

	#title {
		position: absolute;
		font-weight: bold;
		color: #fff;
		top: 465px;
		left: 1370px;
		font-size: 40px;
	}

	.whiteBox2 {
		max-width: 365px;
		height: 347px;
		background: #fff;
		display: block;
		margin: 0 auto;
		margin-top: 60px;
		position: relative;
        border-radius: 15px;
        overflow: hidden;
	}

	.locationIcon {
		width: 75px;
		display: block;
		margin: auto;
		padding-top: 20px;
	}

	.whiteBox3 {
		max-width: 365px;
		height: 347px;
		background: #fff;
		display: block;
		margin: 0 auto;
		margin-top: 60px;
		position: relative;
        border-radius: 15px;
        overflow: hidden;
	}

	.tempIcon {
		height: 90px;
		display: block;
		margin: auto;
		padding-top: 20px;
	}

	.boxH {
		color: #221d5a;
		font-size: 20px;
		text-align: center;
		font-weight: bold;
		margin-top: 5px;
	}

	.workoutPlaceP {
		color: #221d5a;
		font-size: 18px;
		text-align: center;
		margin-top: 5px;
	}

	.workoutInfoP1 {
		color: #221d5a;
		font-size: 14px;
		text-align: center;
		margin-top: 5px;
	}
	.workoutInfoP2 {
		color: #221d5a;
		font-size: 14px;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.meetingPlaceP {
		color: #221d5a;
		font-size: 18px;
		text-align: center;
		margin-top: 5px;
    }
    .meetingPlaceP strong {
        font-weight:800;
    }

	.meetingPlaceFine {
		font-size: 14px;
	}

	.whiteBox2 iframe {
		margin-left:1px;
	}
	/*WEATHER*/

	@font-face {
		font-family: 'weather';
		src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
		src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
		url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
		url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
	}

	#weather {
		max-width: 365px;
		margin: 0px auto;
		text-align: center;
		text-transform: uppercase;
	}

	#weather h2, h3 { text-align: right; }
	#weather i {
		color: #221d5a;
		font-family: weather;
		font-size: 100px;
		font-weight: normal;
		font-style: normal;
        height: 100px;
		padding-right: 20px;
	}

	.icon-0:before { content: "1"; } /* open-meteo.com sends 0 for clear weather map it to 1 instead of default : */
	.icon-1:before { content: "p"; }
	.icon-2:before { content: "S"; }
	.icon-3:before { content: "Q"; }
	.icon-4:before { content: "S"; }
	.icon-5:before { content: "W"; }
	.icon-6:before { content: "W"; }
	.icon-7:before { content: "W"; }
	.icon-8:before { content: "W"; }
	.icon-9:before { content: "I"; }
	.icon-10:before { content: "W"; }
	.icon-11:before { content: "I"; }
	.icon-12:before { content: "I"; }
	.icon-13:before { content: "I"; }
	.icon-14:before { content: "I"; }
	.icon-15:before { content: "W"; }
	.icon-16:before { content: "I"; }
	.icon-17:before { content: "W"; }
	.icon-18:before { content: "U"; }
	.icon-19:before { content: "Z"; }
	.icon-20:before { content: "Z"; }
	.icon-21:before { content: "Z"; }
	.icon-22:before { content: "Z"; }
	.icon-23:before { content: "Z"; }
	.icon-24:before { content: "E"; }
	.icon-25:before { content: "E"; }
	.icon-26:before { content: "3"; }
	.icon-27:before { content: "a"; }
	.icon-28:before { content: "A"; }
	.icon-29:before { content: "a"; }
	.icon-30:before { content: "A"; }
	.icon-31:before { content: "6"; }
	.icon-32:before { content: "1"; }
	.icon-33:before { content: "6"; }
	.icon-34:before { content: "1"; }
	.icon-35:before { content: "W"; }
	.icon-36:before { content: "1"; }
	.icon-37:before { content: "S"; }
	.icon-38:before { content: "S"; }
	.icon-39:before { content: "S"; }
	.icon-40:before { content: "M"; }
	.icon-41:before { content: "W"; }
	.icon-42:before { content: "I"; }
	.icon-43:before { content: "W"; }
	.icon-44:before { content: "a"; }
	.icon-45:before { content: "S"; }
	.icon-46:before { content: "U"; }
	.icon-47:before { content: "S"; }
	.icon-48:before { content: ","; }
	.icon-51:before { content: "W"; }
	.icon-52:before { content: "W"; }

    #weather .icon-small {
        font-size: 25px;
        padding: 0 5px;
    }

	#weather h2 {
		margin: 10px 0 0 0;
		color: #221d5a;
		font-size: 75px;
        line-height: 1em;
        height: 1.1em;
		font-weight: 300;
		text-align: center;
		text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
	}

	#weather h3 {
		margin: 0 0 5px 0;
		color: #221d5a;
		font-size: 13px;
		font-weight: 300;
		text-align: center;
		text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
	}

	#weather ul {
		margin: 10px 0 0;
		padding: 0;
		max-width: 365px;
	}
    
    #weather #weather-location {
        margin-top: 0px;
        padding: 0;
    }    

	#weather li {
		background: #fff;
		background: rgba(255,255,255,0.90);
		padding: 5px 0 0;
		display: inline-block;
		border-radius: 5px;
	}

	#weather .currently {
		margin: 0 auto;
	}

	.section-heading,
    .paragraph-heading {
		text-align: center;
		color: #fff;
		margin-top: 65px;
		font-size: 35px;
		font-weight: bold;
		margin-bottom: 15px;
	}

	.section-heading > div,
    .paragraph-heading > div {
		display:inline-block;
		width:auto;
		border-top: 5px solid #fff;
		padding: 5px 5px 0 5px;
	}

	.section-heading .dark {
		border-color: #221d5a;
		color: #221d5a;
	}

	.section-heading .dark-grey {
		border-color: #8a8a8a;
		color: #8a8a8a;
	}

    .paragraph-heading {
        margin-top:50px;
    }

    .paragraph-heading.tighter {
        margin-top:0;
        margin-bottom:30px;
    }

	#introhead {
		margin-top:90px;
	}

	.introP1 {
		color: #fff;
		width: 1200px;
		display: block;
		margin: auto;
		font-size: 18px;
	}

	.introUl {
		color: #fff;
		width: 1200px;
		display: block;
		margin: auto;
		font-size: 18px;
		list-style-type: circle;
		padding-left: 70px;
	}

	.introUl li {
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.introP2 {
		color: #fff;
		text-align: center;
		width: 900px;
		display: block;
		margin: auto;
		font-size: 18px;
		font-weight: bold;
	}

	.introP2.maddog {
		margin-top: 20px;
	}

	p.introP2.maddog img:last-child {
		margin-left:20px;
	}

	.workouticon1,
	.workouticon2,
	.workouticon3 {
		width: 150px;
		display: block;
		margin: auto;
		margin-top: 70px;
	}

	.workouticon3 {
		width: 90px;
		margin-top: 55px;
	}

	.aboutWorkoutP {
		color: #fff;
		width: 250px;
		text-align: center;
		display: block;
		margin: auto;
		margin-top: 20px;
		font-size: 20px;
	}

	.runningIcon {
		width: 75px;
		display: block;
		margin: auto;
		padding-top: 13px;
	}

	.runningIcon1 {
		width: 40px;
		margin-top: 5px;
		margin-right: 10px;
	}

	#newshead {
		margin-bottom: 5px;
	}

	.news-item {
		margin-bottom: 30px;
		min-height: 200px;
	}

	.newsDate {
		color: #221d5a;
		font-size: 22px;
	}

	.newsH {
		color: #221d5a;
		font-weight: bold;
		margin-top: 15px;
	}

	.newsP {
		color: #221d5a;
		max-height: 79px;
		min-height: 79px;
		overflow: hidden;
	}

	.newsReadMore {
		color: #221d5a;
		font-weight: bold;
		margin-right: 30px;
		float: right;
	}

	.newsReadMore:hover {
		color: #c95828;
	}
	
	#seven .moreImages {
		clear:both;
		float:right;
		color: #fff;
		font-size: 20px;
		margin-right: 70px !important;
		margin-top: 2px !important;
	}

	.moreImages:hover {
		color: #8A8A8A;
	}

	.fb-page {
		z-index: 10;
		margin-top: 65px;
		background: #fff;
		width: 300px;
		height: 575px;
		float: left;
	}

	.coachBox {
		position: relative;
		max-width: 477px;
		height: 500px;
		background: #fff;
		margin-top: 65px;
		margin-left: 50px;
	}

	.coachH {
		font-weight: bold;
		color: #c95828;
		font-size: 30px;
		margin-left: 20px;
		margin-bottom: 15px;
		padding-top: 25px;
	}

	.coachH a {
		color: #c95828;
	}

	.coachH a:hover {
		color: #41b4fb;
	}

	.coachMan {
		height: 30px;
		margin-left: 25px;
		margin-top: 0px;
	}

	.coachHP {
		position: absolute;
		top: 75px;
		font-weight: bold;
		color: #c95828;
		font-size: 20px;
		left: 66px;
	}

	.coachP {
		padding: 15px 25px 10px;
		font-size: 16px;
		height: 337px;
		overflow: hidden;
	}

	.coachReadMore {
		position: absolute;
		bottom: 20px;
		font-weight: bold;
		color: #c95828;
		font-size: 16px;
		right: 35px;
	}

	.coachReadMore:hover {
		color: #8a8a8a;
	}

	.coachP ul {
		list-style: inherit !important;
		padding-left: 20px;
	}
	.coachP ol {
		list-style: inherit !important;
		padding-left: 20px;
	}
	.coachP ul li {
		list-style: inherit !important;
		list-style-type: disc !important;
		padding-top:5px;
	}
	.coachP ol li {
		list-style: inherit !important;
		list-style-type: decimal !important;
		padding-top:5px;
	}

	.results {
		text-align:left;
		margin-bottom:0;
		padding-bottom:35px !important;
	}

	.resultsUL {
		color: #fff;
		font-size: 19px;
		line-height: 1.75;
	}

	.resultsUL a:hover {
		color: #7b0001;
	}

	.resultsUL a {
		color: #fff;
	}

	.bold {
		font-weight: bold;
	}

	.resultsDate {
/*		float: right;*/
		padding-left: 20px;
	}
	
	.race-button {
		margin-top:30px;
		background:#008cba;
	}
	
	#nine .row .medium-12 .coachBox {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	#nine .ads {
		margin-top: 35px;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		text-align: center;
	}

	#nine .ads img {
		border: none;
	}

	.contactH1 {
		color: #8a8a8a;
		text-align: center;
		font-weight: bold;
		font-size: 20px;
		margin-top: 20px;
	}

	.contactH2 {
		color: #8a8a8a;
		text-align: center;
		font-size: 18px;
		margin-top: 10px;
	}

	.contactEmail {
		transition:  1s ease-in-out;
		-moz-transition:  1s ease-in-out;
		-webkit-transition:  1s ease-in-out;
		display: block;
		margin: auto;
		width: 40px;
		height: 50px;
		margin-top: 10px;
		background: url(../images/email.png) no-repeat;
		background-size: 40px;
	}

	.contactEmail:hover {
		transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-webkit-transition:  1s ease-in-out;
		display: block;
		margin: auto;
		width: 40px;
		height: 50px;
		margin-top: 10px;
		background: url(../images/email-hover.png) no-repeat;
		background-size: 40px;
	}

	.contactImg {
		width: 250px;
		display: block;
		margin: auto;
	}

	footer {
		padding-bottom: 40px;
	}

	footer p {
		color: #fff;
		text-align: center;
		font-size: 17px;
		padding-top: 20px;
		line-height: 1.1;
	}

	.blue {
		background: #221d5a;
	}

	.orange {
		background: #c95828;
		padding-bottom: 20px;
	}

	.grey {
		background: #8a8a8a;
	}

	.me {
		font-weight: bolder;
		color: #fff;
	}

	.me:hover {
		color: #8a8a8a;
	}

	#aboutus-content {
		padding-top: 40px;
		padding-bottom: 60px;
		color: #fff;
		background: #2c6943;
/*		background: #398554;*/
/*		background: #5474a6;*/
/*		background: #5f83bb;*/
/*		background: #7099db;*/
		background-color: #f4f4f4;
		color: #444;
		max-width: 100%;
		font-size: 18px;
		line-height: 30px;
		text-align: center;
	}

	#aboutus-content p {
		margin-top: 20px;
		text-align: left;
	}

	#aboutus-content strong {
		font-weight: 800;
	}

	#aboutus-content em {
		font-style: italic;
	}

	#aboutus-content div:first-child,
	#aboutus-content div:last-child {
		height: 20px;
	}

	#aboutus-content ol {
		padding: 0 5%;
		text-align: left;
	}

	#aboutus-content ol li:first-child {
	 list-style: none;
	}
	#aboutus-content ol li {
		 list-style: circle;
	 }

 	#aboutus-content ol {
 		padding: 0 5%;
 		text-align: left;
 	}
	/* dev style */
	.news-hide { display:none; }

	.galleryImg {
		max-width: 300px;
		width: 100%;
	}

	.section-heading.left {
		margin-left: -10px;
	}

	#seven ul.medium-block-grid-2,
	#seven ul.small-block-grid-1 {
		text-align: center;
	}
	
	h2#poweredby {
		font-size: 19px;
		font-weight: 800;
		margin-top: 10px;
	}
    
    .voli label {
        color: white;
    }
    
    .voli h2 {
        font-size:1.2em;
        color: white;
        line-height: 2em;
        font-weight:600;
    }
    
    .voli.col-2 button {
        box-shadow:none;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 1208px) {

	#zero { /*MENU*/
		height: 125px;
	}

	.navBox {
		margin-top: 27px;
	}
}

@media only screen and (max-width: 1207px) {

	#zero { /*MENU*/
		height: 118px;
	}

	.navBox {
		margin-top: 20px;
	}
}

@media only screen and (min-width: 1155px) and (max-width: 1370px) {

	.introP1 {
		width: 1000px;
	}

	.introUl {
		width: 1000px;
	}
}

@media only screen and (min-width: 1045px) and (max-width: 1154px) {

	.introP1 {
		width: 800px;
	}

	.introUl {
		width: 600px;
	}

	.introP2 {
		width: 600px;
	}
}

@media only screen and (max-width: 1024px) {

	.logo {
		margin-top:11px;
	}

	.box-shadow-menu {
	  position: relative;
	  padding-left: 1.25em;
	}
	.box-shadow-menu:before {
	  content: "";
	  position: absolute;
	  left: 0;
	  top: 0.25em;
	  width: 1em;
	  height: 0.15em;
	  background: #444;
	  box-shadow:
	    0 0.25em 0 0 #444,
	    0 0.5em 0 0 #444;
	}

	.show-for-medium-down {
		position: relative;
		padding: 0;
		margin: 0;
		font-size: 50px;
		top: 37px;
		right: 50px;
	}

	#mobileNav {
		display: none;
	}

	.mobileNav {
		text-align: left;
		margin-right: 10px;
		background-color: #221D5A;
		position: absolute;
		top: 45px;
		right: 0px;
		width: 300px;
        padding: 30px;
		border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
/*box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;*/
	}

	.mobileList {
		color: #fff;
		font-weight: bold;
		padding-right: 10px;
		padding-top: 5px;
		font-size: 16px;
	}

	.mobileList1 {
		color: #fff;
		font-weight: bold;
		padding-top: 10px;
		padding-right: 10px;
		font-size: 16px;
	}

	.mobileList2 {
		font-weight: 600;
		padding-bottom: 20px;
		padding-right: 10px;
		font-size: 26px;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1045px) {

	.introP1 {
		width: 600px;
	}

	.introUl {
		width: 600px;
	}

	.introP2 {
		width: 600px;
	}
}

@media only screen and (min-width: 886px) and (max-width: 959px) {

	.introP1 {
		width: 600px;
	}

	.introUl {
		width: 600px;
	}


	.introP2 {
		width: 600px;
	}
}

@media only screen and (min-width: 751px) and (max-width: 885px) {

	.introP1 {
		width: 600px;
	}

	.introUl {
		width: 600px;
	}

	.introP2 {
		width: 600px;
	}
}

@media only screen and (min-width: 621px) and (max-width: 750px) {

	.introP1 {
		width: 500px;
	}

	.introUl {
		width: 500px;
	}

	.introP2 {
		width: 500px;
	}
}

@media only screen and (min-width: 300px) and (max-width: 640px) { /*MOBILE JUMP*/

	.introP1 {
		width: 500px;
	}

	.introUl {
		width: 500px;
	}

	.introP2 {
		width: 500px;
	}

}

@media only screen and (min-width: 300px) and (max-width: 477px) {

	.me {
		font-weight: bolder;
		color: #fff;
	}

	.me:hover {
		color: #8a8a8a;
	}
}

@media only screen and (min-width: 547px) and (max-width: 631px) {

	.introP1 {
		width: 500px;
	}

	.introUl {
		width: 500px;
	}

	.introP2 {
		width: 500px;
	}

}

@media only screen and (min-width: 452px) and (max-width: 547px) {

	.introP1 {
		width: 400px;
	}

	.introUl {
		width: 400px;
	}

	.introP2 {
		width: 400px;
	}

}

@media only screen and (min-width: 385px) and (max-width: 452px) {

	.introP1 {
		width: 320px;
		margin-left: 18px;
	}

	.introUl {
		width: 300px;
	}

	.introP2 {
		width: 300px;
	}

}

@media only screen and (min-width: 300px) and (max-width: 385px) {

	.introP1 {
		width: 280px;
		margin-left: 0px;
	}

	.introUl {
		width: 250px;
	}

	.introP2 {
		width: 250px;
	}
}

/*----ABOUT PAGE----*/

@media only screen {

	#what {
		margin: 0 auto;
		margin-top: 140px;
		padding-bottom: 80px;
		background: #221d5a !important;
	}

	.whatP {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 18px;
		text-align: center;
		width: 700px;
		line-height: 1.7;
	}


	#where {
		margin: 0 auto;
		padding-bottom: 100px;
		background: url(../images/sunnybrookPark.jpg) 50% no-repeat;
	}

	.whereP {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 18px;
		text-align: center;
		width: 700px;
		line-height: 1.7;
	}

	#how {
		margin: 0 auto;
		padding-bottom: 100px;
		background: #c95828 !important;
	}

	.howP1 {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 21px;
		text-align: center;
		line-height: 1.7;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.howP2 {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 18px;
		text-align: center;
		width: 700px;
		line-height: 1.7;
	}

	#who {
		display: block;
		margin: 0 auto;
		padding-bottom: 100px;
		background: #8a8a8a !important;
	}

	.whoP1 {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 25px;
		font-weight: bold;
		text-align: center;
		margin-top: 15px;
	}

	.whoP2 {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 23px;
		text-align: center;
		margin-top: 10px;
	}

	#who img {
		width: 45%;
		display: block;
		margin: 0 auto;
		margin-top: 60px;
	}

	.the-grid li {
		float: none;
		display: inline-block;
		width: 49.4%;
	}
    
	@media only screen and (min-width: 40.063em) {
		.the-grid li {
			float: none;
			display: inline-block;
			width: 32.5%;
		}
	}
}

@media only screen and (min-width: 535px) and (max-width: 748px) {

	.whatP {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 18px;
		text-align: center;
		width: 500px;
		line-height: 1.7;
	}

	.whereP {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 18px;
		text-align: center;
		width: 500px;
		line-height: 1.7;
	}


	.howP2 {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 18px;
		text-align: center;
		width: 500px;
		line-height: 1.7;
	}

	.whoP1 {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
	}

	.whoP2 {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 20px;
		text-align: center;
		margin-top: 10px;
	}

}

@media only screen and (min-width: 300px) and (max-width: 535px) {

	.whatP {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 18px;
		text-align: center;
		width: 300px;
		line-height: 1.7;
	}

	.whereP {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 18px;
		text-align: center;
		width: 300px;
		line-height: 1.7;
	}


	.howP2 {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 18px;
		text-align: center;
		width: 300px;
		line-height: 1.7;
	}

	.whoP1 {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
	}

	.whoP2 {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 20px;
		text-align: center;
		margin-top: 10px;
	}

	#where {
		margin: 0 auto;
		margin-top: -80px;
		background: url(../images/sunnybrookPark.jpg) 100% no-repeat;
	}

	#how {
		margin-top: -60px;
	}
}

/*----CALENDAR PAGE----*/

@media only screen {

	#calendar {
		margin: 0 auto;
		margin-top: 150px;
		padding-bottom: 100px;
		background: #221d5a !important;
		border-bottom:2px solid #2c68ab;
	}

	.calendarP {
		display: block;
		margin: auto;
		font-size: 18px;
		text-align: center;
		margin-top: 20px;
	}

	.calendar-container {
		width: 100%;
		background: #fff;
		display: block;
		margin: 0 auto;
		margin-top: 50px;
	}

	.calendar-container p {
		padding-top: 100px;
		font-weight: bold;
		color: #000;
		font-size: 40px;
		text-align: center;
	}
	
	#calendar div.title-row { margin: 0 auto; }
	#calendar div.title-row div:first-child { text-align:center; }
	#calendar button { width:200px }
	#calendar button:first-child { margin-right:50px; }
	#calendar button:last-child { margin-left:50px; }
	#calendar h2 { font-size:30px; color:#fff; font-weight:800; text-align:center; margin-top:0px; display:inline-block; }
	/* calendar */
	table.calendar { border-left:1px solid #92dbec; width:100%; }
	tr.calendar-header { height:50px; }
	th.calendar-day-head { vertical-align:middle; color:#fff; background:rgb(0, 140, 186); font-weight:400; font-size:20px; text-align:center; min-width:120px; padding:5px; border-bottom:1px solid #92dbec; border-top:1px solid #92dbec; border-right:1px solid #92dbec; height:40px; }
	tr.calendar-row { height:150px;  }
	td.calendar-day { min-height:150px; font-size:11px; position:relative; } * html div.calendar-day { height:150px; }
	td.calendar-day:hover { background:#eceff5; }
	td.calendar-day-np { background:#f9f9f9; min-height:150px; } * html div.calendar-day-np { height:150px; }
	div.day-number { padding:5px 10px 5px 15px; color:#000; font-weight:300; font-size:24px; margin:0 0; width:100%; text-align:right; }
	div.day-number-light { color: #bbb; }
	td.calendar-current-day { background:#a3d179; }
	/* shared */
	td.calendar-day, td.calendar-day-np { width:120px; border-bottom:1px solid #92dbec; border-right:1px solid #92dbec; }
	table.calendar tr.even, table.calendar tr.alt, table.calendar tr:nth-of-type(even) { background: #fff; }
	td.calendar-day-event { padding-top:8px; font-size:13px; }
	td.calendar-day-event a { color:#bd0a0a; }
	td.calendar-day-event a:hover { color:#fdb409; }
	div.calendar-event { margin-bottom:10px; font-size:14px; } 
	div.calendar-event-light { color: #bbb; }
	div.calendar-event strong { font-weight:600; }
	
	#calendar h2#poweredby { margin-top:5px; text-align:center; font-size:25px; width:100%;}
}

/*----RACE REPORTS PAGE----*/

@media only screen {

	#reports {
		margin: 0 auto;
		margin-top: 150px;
		padding-bottom: 100px;
		background: #221d5a !important;
	}

	#reports a {
		color: #fff;
	}

	#reports a:hover {
		color: #41b4fb;
	}

	.reportsUL  {
		color: #fff;
		font-weight: bold;
		margin-left: 300px;
		font-size: 20px;
		line-height:40px;
	}

	.reportsDate {
		float: right;
		font-weight: normal;
		margin-right: 300px;
	}
    
    #over-content b {
        font-weight: 800;
    }
    #over-content em,
    #over-content i  {
        font-style: italic;
    }
}

@media only screen and (min-width: 1191px) and (max-width: 1470px) {

	.reportsUL  {
		color: #fff;
		font-weight: bold;
		margin-left: 200px !important;
	}

	.reportsDate {
		float: right;
		color: #fff;
		font-weight: normal;
		margin-right: 200px !important;

	}
}

@media only screen and (min-width: 862px) and (max-width: 1191px) {

	.reportsUL  {
		color: #fff;
		font-weight: bold;
		margin-left: 30px !important;
	}

	.reportsDate {
		float: right;
		color: #fff;
		font-weight: normal;
		margin-right: 30px !important;

	}
}

@media only screen and (min-width: 100px) and (max-width: 862px) {

	.reportsUL  {
		color: #fff;
		font-weight: bold;
		margin-left: 30px !important;
		float: left;
		margin-top: 20px;
	}

	.reportsDate {
		float: none;
		color: #fff;
		font-weight: normal;
		margin-top: 5px;
		display: block;
	}
}

/*----MAD DOG SCRAMBLE----*/

@media only screen {

	/* Alignment styles for images, videos and iframes in editable regions */
	
	[data-editable] b {
		font-weight:bold;
	}

	[data-editable] i,em {
		font-style:italic;
	}
	
	#madIntro {
		margin: 0 auto;
		margin-top: 100px;
		padding-bottom: 100px;
		background: #221d5a !important;
	}

	#madIntro img.introbody.tcr {
		height:auto;
		margin-top:10px;
	}
	#madIntro img.introbody {
		display: inline-block;
		height:25px;
		padding-left:3px;
		padding-right:5px;
		margin-top:0;
		vertical-align:middle;
	}

	#madIntro img {
		display: block;
		margin: 0 auto;
		margin-top: 100px;
	}

	#madIntro ul  {
		margin-left: -80px;
		position: fixed; /* keeps menu in same position on page */
		z-index: 100;
		margin-top: 100px;
	}

	#madIntro ul li a {
		color: #000;			
	}
	#madIntro ul li a:hover {
		color: #0000DF;			
	}
	
	#madIntro ul li {
		margin-top: 0px;
		font-size: 20px;
		font-weight: bold;
		background: #eff7fd;
		padding: 10px;
		padding-left: 20px;
		padding-right: 20px;
		border-bottom: 1px solid #005E9E;
		border-right: 7px solid #005E9E;
	}
	
	#madIntro ul li:first-child {
		border-top-right-radius: 15px;
		border-top: 7px solid #005E9E;
	}

	#madIntro ul li:last-child {
		border-bottom-right-radius: 15px;
		border-bottom: 7px solid #005E9E;
	}

	#madIntro .sponsor-line {
		color:white;
		text-align:center;
		margin-top:30px;
		font-size:20px;
	}
	
	#madIntro .sponsor-text {
		vertical-align:middle;
	}
	
	#madIntro .sponsor-logo {
		vertical-align:middle;
		display:inline-block; 
		height:50px;
		margin-top:0;
	}
	
	#madIntro p, #madreg p, #madresults p {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 20px;
		text-align: center;
		margin-top: 20px;
		line-height: 1.2;
		width: 60%;
	}
	
	#madresults p {
		text-align: left;
	}

	#madresults p.centered {
		text-align: center;
	}
	
	.madNav {
		max-width:300px;
		width:15%;
	}
	.madNav a {
		color: #221D5A;
	}

	.madNav a:hover {
		color: #8a8a8a;
	}

	#madreg {
		margin: 0 auto;
		padding-bottom: 60px;
		background: url(../images/footpath-1-2.jpg) 100% no-repeat;
	}

	#madreg img {
		padding-right: 10px;
	}

	/*

	.madregP {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 21px;
		text-align: center;
		margin-top: 20px;
		line-height: 1.2;
		font-weight: bold;
		font-style: italic;

	}

	.madregCostP {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 20px;
		text-align: center;
		margin-top: 20px;
		line-height: 1.2;
		width: 60%;
		font-weight: 600;
	}

	.madregHowP {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 20px;
		text-align: center;
		margin-top: 30px;
		line-height: 1.2;
		margin-top: 20px;
		width: 60%;
		font-weight: 600;
	}

	.madregHowP a {
		color: #c95828;
		font-weight: 900;
	}

	.madregHowP a:hover {
		color: #c95828;
		font-weight: 900;
	}

	.madregDeadlineP {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 20px;
		text-align: center;
		margin-top: 30px;
		line-height: 1.2;
		margin-top: 20px;
		width: 60%;
		font-weight: 600;
	}
*/

	.brTitle {
		font-weight: bold;
		font-size: 25px;
	}

	#madlog {
		margin: 0 auto;
		padding-bottom: 100px;
		background: #C95828 !important;
	}

	#madlog img {
		padding-right: 10px;
	}

	.madlog-content,
	#map_canvas,
	#directions-panel {
		color: #fff;
		display: block;
		font-size: 20px;
		text-align: center;
		line-height: 1.2;
		padding: 8px;
		margin-top: 10px;
		margin-left: 20%;
		text-align: left;
	}
	
	.madlog-content {
		text-align:left;
	}

	#map_canvas {
		height: 250px;
		border: thin solid #fff;
		display: block;
	}

	#directions-panel {
		background: #fff;
		margin-right: 35%;
		overflow: auto;
		padding:0;
		height:400px;
	}

	table.adp-placemark {
		margin-top: 0;
	}

	.adp-summary {
		vertical-align: middle;
	}

	.adp-directions {
		width: 100%;
	}

	.adp-directions tr td {
		line-height: 25px;
	}

	.adp-placemark tr td {
		font-weight: 600;
		font-size: 18px;
		vertical-align: middle;
	}

	.adp-legal {
		font-size: 11px;
	}

	#directions-panel table {
		margin-left: auto;
		margin-right: auto;
	}

	#madresults {
		margin: 0 auto;
		padding-bottom: 100px;
		background: #8A8A8A !important;
	}

	#madresults img {
		padding-right: 10px;
	}


	#madresults h3 {
		text-align: center;
		color: #fff;
		margin-top: 10px;
		font-size: 30px;
		font-weight: bolder;
		margin-bottom: 15px;
	}

/*
	.madresultsP {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 20px;
		text-align: left;
		margin-top: 20px;
		line-height: 1.2;
		width: 60%;
	}
*/

	.madresultsWinnersP {
		color: #fff;
		display: block;
		margin: auto;
		font-size: 30px;
		text-align: center !important;
		margin-top: 50px;
		font-weight: bold;
	}

	.madresultsWinnersP img {
		width: 40px;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.madWinnersP1 {
		color: #fff;
		display: block;
		margin: auto;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 50px;
		font-size: 18px;
		border: thin solid #fff;
		padding: 8px;
		width: 300px;
		margin-right: -50px;
	}

	.madWinnersP2 {
		color: #fff;
		display: block;
		margin: auto;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 50px;
		font-size: 18px;
		border: thin solid #fff;
		padding: 8px;
		width: 300px;
	}

	.madWinnersP3 {
		color: #fff;
		display: block;
		margin: auto;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 50px;
		margin-left: -50px;
		font-size: 18px;
		border: thin solid #fff;
		padding: 8px;
		width: 320px;
	}

	table#volunteers-list tr {
		background: #8a8a8a;
	}

	table#volunteers-list td,
	table#volunteers-list th {
		color: #fff;
		font-size: 20px;
		padding: .3em;
	}

	table#volunteers-list th {
		font-weight:600;
	}

	#md-results-table tr {
		background: #CCC;
	}

	#md-results-table table {
		max-width: 650px;
	}

	#volunteers-list,
	#md-results-table {
		margin-left: 20%;
	}

	.madresultsThanksP {
		color: #fff;
		font-size: 20px;
		margin-left: 20%;
		margin-top: 20px;
	}

	.madresultsP a,
	.madresultsThanksP a {
		color: #008cba;
	}

	.madresultsP a:hover,
	.madresultsThanksP a:hover {
		color: #221d5a;
	}

	.madresultsThanksP img {
		width: 100px;
	}

	.contactDir {
		margin-left: -20px !important;
	}

	#madArchives-container {
		float: left;
		margin-left: 10px;
	}

	.madArchives {
		color: #fff;
		font-weight: bold;
		font-size: 25px;
		margin-bottom: 20px;
	}

	.madArchives img {
		width: 60px;
		margin-top: 50px;
	}

	.madArchivesUl a{
		color: #fff;
		font-size: 22px;
		padding-top: 10px;
		margin-top: 20px;
	}

	.madArchivesUl a:hover{
		color: #c95828;
	}

	.madArchivesUl li {
		padding-top: 8px;

	}

	#madPhotos {
		margin: 0 auto;
		padding-bottom: 100px;
		background: #221D5A !important;
	}

	#madPhotos img:hover {
		filter: blur(2px);
		-webkit-filter: blur(2px);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}

	.madBullet {
		padding-right: 10px;
	}

	.madBullet:hover {
		filter: none !important;
	}

	#madPhotos ul li img {
		display: block;
		margin: 0 auto;
	}

	#madPhotos ul {
		margin-left: 300px;
		margin-top: 50px;
	}

	#madPhotos div.credits {
		color: #fff;
		margin: 10px 0 -30px 350px;
		line-height: 20px;
		font-style: italic;
	}

	#madPhotos div.credits span {
		float: right;
	}

	#madPhotos span.has-tip {
		color: #fff !important;
		font-weight: normal;
		font-style: italic;
	}

	/* anchors */
	h2#about,
	h2#reg,
	h2#log,
	h2#results,
	h2#md-photos,
	h2#archives {
		display: block;
		content: " ";
		margin-top: -150px;
		height: 150px;
		visibility: hidden;
	}
}

/*----GALLERY----*/

@media only screen {

	#photos {
		margin: 120px auto 0;
		padding-bottom: 50px;
		background: #8a8a8a !important;
	}

	.section-heading {
		padding-bottom: 40px;
	}

	#photos img:hover {
		filter: blur(2px);
		-webkit-filter: blur(2px);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}
}

/*----RETRO----*/

@media only screen {

	#retro {
		margin: 0 auto;
		margin-top: 150px;
		padding-bottom: 100px;
		background: #8A8A8A !important;
	}

	#retro img{
		display: block;
		margin: 0 auto;
		margin-top: 30px;
	}

	#retro p {
		color: #8A8A8A;
		font-weight: bold;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
		background: #fff;
		width: 500px;
		display: block;
		margin: 0 auto;
	}

	.retroBox {
		width: 240px;
		height: 210px;
		background: #fff;
		color: #8A8A8A;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
		font-weight: bold;
		font-size: 25px;
		padding-top: 55px;
		position: relative;

	}

	.retroBox:hover {
		background: #8A8A8A;
		color: #fff;
		border: thin solid #fff;
	}


	.retroBox img {
		width: 70px;
		padding-top: 90px;

	}

	.imgDiv:hover {
		width: 240px;
		height: 210px;
		filter: brightness(100);
	}

	.imgDiv {
		width: 240px;
		height: 210px;
		position: absolute;
		top: 0;
	}

	.retroDate {
		font-weight: normal !important;
		font-size: 20px;
	}

}

/*----MEMBERSHIP----*/

@media only screen {

	#member,
    #member-thankyou {
		margin: 0 auto;
		margin-top: 150px;
		padding-bottom: 100px;
		background: #C95828 !important;
	}

    #member-thankyou {
		padding-bottom: 0px;
    }
    
    #member-payment {
        background-color: #c95828;
		padding-bottom: 100px;
    }

	.memberPay,
	.memberStatus,
	.memberP {
		text-align: center;
		color: #fff;
		font-size: 20px;
		display: block;
		margin: 0 auto;
		line-height: 1.7;
		width: 50%;
	}

	#member form {
		display: block;
		margin: 30px;
		overflow: hidden;
		background: #fff;
		border: 1px solid #e4e4e4;
		border-radius: 5px;
		font-size: 0;
	}

	form a {
		color: #c95828;
	}

	form a:hover {
		color: #8a8a8a;
	}

	input {
		-webkit-font-smoothing: antialiased;
		outline: none !important;
	}

	form > div > label {
		display: block;
        padding: 20px 20px 10px;
		vertical-align: top;
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
		color: #939393;
		cursor: pointer;
	}

	label > input {
		display: inline-block;
		position: relative;
		width: 100%;
/*        height: 27px;*/
/*        line-height: 27px;*/
		margin: 5px -5px 0;
		padding: 7px 5px 3px;
		border: none;
		outline: none;
		color: #555;
		font-weight: bold;
		font-size: 14px;
		opacity: .6;
		transition: all linear .3s;
	}

	.col-submit {
		text-align: center;
		padding: 20px;
		margin-top: -40px;
		margin-bottom: 10px;
	}

	input,textarea {
		border: none !important;
		padding-left: 20px !important;
	}

	input:focus,textarea:focus {
		color: #C95828 !important;
	}

	textarea {
		top: -100px;
		width: 90%;
		margin-left: 20px;
		height: 134px;
		resize: none;
	}

	label {
		word-break: normal;
	}

	textarea::-moz-placeholder,
	input::-moz-placeholder {
		color: #ccc;
	}
	textarea::-webkit-input-placeholder,
	input::-webkit-input-placeholder {
		color: #ccc;
	}

	label {
/*		box-shadow: inset 0 -3px 2px -2px rgba(0,0,0,0.1) !important;*/
	}

	#wrapper input  {
/*		box-shadow: inset 1px 0 0px rgba(0,0,0,0.1) !important;*/
		box-shadow: inset 1px 1px 0px rgba(0,0,0,0.1) !important;
	}

	.input-div,
	.input-questions {
/*        height:37px;*/
		line-height:16px;
		padding-bottom:16px;
		padding-top: 11px;
		box-shadow: inset 1px 1px 0px rgba(0,0,0,0.1) !important;
	}

	.input-div.gender {
        padding-top:10px;
        padding-bottom:12px;
	}

	.input-questions {
		height: 150px;
	}

	button {
		width: 100%;
		height: 35px;
		border: none;
		border-radius: 4px;
		margin: 0 0 15px 0;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
		text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
		overflow: hidden;
		outline: none;
		padding-top: 8px;
	}

	button.submitbtn {
		background-image: -moz-linear-gradient(#009, #221D5A);
		background-image: -webkit-linear-gradient(#009, #221D5A);
		background-image: linear-gradient(#009, #221D5A);
		border-bottom: 1px solid #648c3a;
		cursor: pointer;
		color: #fff;
	}
	button.submitbtn:hover {
		background-image: -moz-linear-gradient(#221D5A, #009);
		background-image: -webkit-linear-gradient(#221D5A, #009);
		background-image: linear-gradient(#221D5A, #009);
	}

	#wrapper {
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
	}

	input[type="radio"],
	input[type="checkbox"] {
		font-size:13px;
		margin-left:20px;
	}

	input[type="checkbox"] + label,
	input[type="radio"] + label {
		color: rgb(147,147,147);
		font-family: 'Roboto Condensed', san-serif;
		font-weight: bold;
		font-size: 13px;
		text-transform: uppercase;
        line-height: 17px;
        vertical-align: baseline;
	}

	input[type="checkbox"] + label {
		line-height: 14px;
	}

	#juste-pour-record {
        position: relative;
        top: -25px !important;
	}

	#comments {
		position: relative;
	}
    
    #shirt-size {
        position: relative;
        top: -5px;
    }
    
    #shirt-size select {
        width: 30%;
        margin-left: 20px;
		color: rgb(147,147,147);
    }
    
	#waiver-box {
		position: relative;
		width:100%;
		top: -80px;
		text-align: center;
	}

	#waiver-box label {
		margin-left: 0px;
	}

	p.memberPay {
		padding-top:30px;
	}

	p.memberStatus {
		padding-top:20px;
	}

	#paypal-form {
		margin:0 auto;
		padding:0;
		height:35px;
		width:300px;

	}

	#paypal-button {
		padding: 20px 0;
		height: 45px;
		width: auto;
	}

	#member h1 {
		color: #fff;
	}
	
	#contactemail {
		vertical-align:top;
	}
    
    #aboutyou {
        position: relative;
    }
}

@media(min-width: 970px) {

	form > div { display: inline-block; }
	.col-submit { display: block; }

    .col-1 { width:100%; }
	.col-2, .col-3, .col-4 { box-shadow: 1px 1px #e4e4e4; border: none; vertical-align:top;}
    .voli.col-2 {
        box-shadow:none;
        margin-left:auto;
        margin-right:auto;
    }

	.col-2 { width: 50% }
	.col-3 { width: 33.3333333333% }
	.col-4 { width: 25% }

	.col-submit button { width: 30%; margin: 0 auto; }
}

/*---------- WMA Page --------*/

ul.wma {
    padding-left: 80px;
    padding-right: 80px;
    margin-left: auto;
    margin-right: auto;
    list-style: url(bullet.png);
}

ul.wma li  {
    color: white !important;
    line-height: 1.8em;
    font-size: 18px;
}

#where-wma {
	margin: 0 auto;
	padding-bottom: 100px;
	background: url(../images/BEACHES-half-marathon-small.jpg) 50% no-repeat;
    text-shadow: 2px 2px #000;
    color: white;
}

#interested {
    text-align: center;
    font-size: 20px;
    margin-top:20px;
}

/*---------- Coaches Corner Page --------*/

ol.coacheslist {
    list-style: circle inside;
}

.coaches .reportsUL {
/*    padding-left: 250px;*/
}