@charset "UTF-8";
/* CSS Document */

/*@import url(https://fonts.googleapis.com/css?family=Raleway:600,700);*/

/************************/
/* Basic Styles         */
/************************/
body {background-color: #000000; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #1f2933; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; margin: 0px 0px 20px 0px; text-align: center;}

h1, h2, h3, h4, h5, p, ul, ol, hr, table {padding-bottom: 0.8em; line-height: 1.5em;}
h1, h2, h3, h4, h5 {font-weight: 500; /*font-family: 'Raleway',  Tahoma, Verdana, Arial, Helvetica, sans-serif;*/}
h1 {font-size: 2em; color: #f073ab;}
h2 {font-size: 1.8em; color: #f073ab;}
h3 {font-size: 1.6em; color: #f073ab;}
h4 {font-size: 1.4em; color: #f073ab;}
h5 {font-size: 1.2em; color: #000000;}	

p {font-size: 1.0em; padding-bottom: 0.8em; margin-bottom: 0px;}
	
a:link {color: #f073ab; text-decoration: underline;}
a:visited {color: #f073ab; text-decoration: underline;}	
a:hover, a:active, a:focus {color: #006fb8; text-decoration: underline;}
	
ul {margin: 10px;}	
li {margin: 5px 0px 0px 20px;}

div.hr {width: 100%; height: 1px; background: #004679;}
.break {clear: both;}
	
.red {color: #004679;}
.redBold {color: #004679; font-weight: bold;}

table thead tr th {font-weight: bold;}
table thead th, table tbody th, table tbody td {padding: 10px 5px;}

/**************************/
/* Additional Styles      */
/**************************/
div.mapcontainer {display: block;}
div.mapcontainer > a img {display: block; /*Center Align Img -->*/ margin: 0px auto; max-width: 1280px;}

div.productDisplay {margin: 0px auto; padding: 0px; width: 100%; text-align: center;}
div.productDisplay > div {margin: 0px 0px 20px 20px; padding: 0px; display: inline-block; color: #ec008c;}
div.productDisplay > div:first-child {margin: 0px 0px 20px 0px; padding: 0px;}
div.productDisplay > div img {display: block;}

.fontHighlight {color: #ffdd00;}
.fonted {/*font-family: 'Raleway', Tahoma, Verdana, Arial, Helvetica, sans-serif;*/}
.shadow {-moz-box-shadow: 0 5px 10px #a6a6a6;  -webkit-box-shadow: 0 5px 10px #a6a6a6; box-shadow: 0 5px 10px #a6a6a6;}

#introTitle {font-size: 1.8em; color: #ec008c; margin-top: 1.2em; line-height: 1.2em; /*font-family: 'Raleway',  Tahoma, Verdana, Arial, Helvetica, sans-serif;*/}

.faq h3, .faq h4, .faq h5 {color: #006fb8;}

.display thead tr th, .display tbody tr th {border: 1px solid #ffffff; /*font-family: 'Raleway',  Tahoma, Verdana, Arial, Helvetica, sans-serif;*/}
.display tbody tr th {background-color: #f1a41d; color: #ffffff; /*font-family: 'Raleway',  Tahoma, Verdana, Arial, Helvetica, sans-serif;*/}
.display tbody td {background-color: #eaeef1; border: 1px solid #ffffff; vertical-align: top;}
.display tbody tr th.rowHeader {background-color: #007ad1;}

.full {width: 100%;}

.indent {margin-left: 10px;}

div.hr {width: 100%; height: 1px; background: #00b2f0; margin-bottom: 10px;}
.break {clear: both;}

.responsive-videos {
	position: relative;
	padding-bottom: 53.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.responsive-videos, .responsive-videos iframe {
	max-width: 100%;
	max-height: 720px;
}
.responsive-videos iframe {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
}

.buttonLink {background-color: #ffcc3d; padding: 0px; display: inline-block;}
.buttonLink a:link {padding: 20px 20px; color: #000000; text-decoration: none; text-transform: uppercase; font-weight: 700; display: block;}
.buttonLink a:visited {color: #000000; text-decoration: none;}
.buttonLink a:hover, .buttonLink a:focus {background-color: #f073ab; color: #ffffff; text-decoration: none;}

	
/**************************/
/* Containers               */
/**************************/
/*header {background-color: #1a9441; padding: 0px 15% 0px 0px;
	width: 85%;
	min-height: 100%;}*/

header {/*background-color: #1a9441;*/ padding: 0px 0% 0px 0px;
	width: 100%;
	min-height: 100%; background: #002c50; /*background-image: radial-gradient(farthest-corner at 80% 5%, #1a9441 0%, #5cbba7 40%, #ffcc3d 100%);*/ margin-bottom: 0px;}

#logo {float: left; display: inline-block; width: 40%; max-width: 350px;}
header > #logo img {display: block; width: 100%; max-width: 450px;}

/*** Header - Event Info ***/
#headerInfo {width: 700px; margin-right: 15%; display: inline-block; float: right;}
#headerInfo > * {/*font-family: 'Raleway',  Tahoma, Verdana, Arial, Helvetica, sans-serif;*/}
#headerInfo #eventInfo > * {float: left;}
/* Sign Up */
#eventSignup {width: 100%; display: block;}
#date {width: 70%; color: #ffffff; text-align: right; font-weight: 700; float: left; display: inline-block;}
#register {background-color: #ffcc3d; float: right; display: block;}
#register a:link {padding: 20px 20px; color: #000000; text-decoration: none; text-transform: uppercase; font-weight: 700; display: block; }
#register a:visited {color: #000000; text-decoration: none;}
#register a:hover, #register a:focus {background-color: #000000; color: #f073ab; text-decoration: none;}
#promo {width: 100%; padding: 20px 0px 20px 0px; color: #ffffff; text-align: right; display: block;}
/* Top Navigation -- First Level */
#topNav {display: inline-block; height: 100%; width: 100%;}
#topNav ul {margin: 0px; padding: 0px; display: inline-block; float: right;}
#topNav ul li {margin: 0px; padding: 0px; float: left; display: inline-block; position: relative;}
#topNav ul li a:link {border-bottom: 1px solid #ffffff; color: #ffffff; font-size: 1.0em; padding: 10px 15px 10px 15px; margin: 0px; display: inline-block; text-decoration: none;}
#topNav ul li a:visited {color: #ffffff; border-bottom: 1px solid #ffffff;}
#topNav ul li a:hover, #topNav ul li a:focus {color: #f073ab; border-bottom: 1px solid #f073ab;}

/*highlight nav item*/
.topNav-highlight {font-weight: 900;}

/*Top Navigation -- Sub Nav */
#topNav ul li.subNav > a {float: left; padding-right: 5px;}
#topNav ul li.subNav:hover ul {background-color: #f073ab;}
#topNav ul li.subNav ul {float: left;}
#topNav ul li.subNav ul li {float: left;}
#topNav ul li.subNav ul li > a {padding-right: 10px;}
#topNav ul li.subNav ul li > a:hover, #topNav ul li.subNav ul li > a:focus {color: #000000; background-color: #f073ab;}
#topNav ul li.subNav ul li {float: left;}

#social a:link {display: block; padding: 10px 0px 20px 5px;}
#social img {display: block;}
#social > * {float: right;}

/*** Banner ***/
#banner {width: 100%; padding: 0px; margin: 0px auto;}
#banner img {width: 100%; display: block;}
#banner h1 {padding: 10px 0%; margin: 0px 0%;}
#banner ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; min-height: 100%; width: 100%;}
#banner ul li {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; display: block;}
#banner ul li img {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; display: block; top: 0; left: 0;}

/*** Hot Nav - Register, Volunteer, Sponsor, Donate ***/
#hotNav {margin: 0px; padding: 0px;}
/*columns*/
.col-container {
    display: table;
    width: 100%;
}
.col {
    display: table-cell;
    padding: 20px 1%;
	text-align: center;
	width: 17%;
}
.col > a {color: #000000; display: block; /*text-transform: uppercase;*/ font-size: 1.6em; font-weight: bold; /*font-family: 'Raleway',  Tahoma, Verdana, Arial, Helvetica, sans-serif;*/ text-decoration: underline;}
.col > a:visted {color: #000000;}
.col > a:hover, .col > a:active, .col > a:focus {color: #ffffff;}
.col-1 {background-color: #ffcc3d;} /*yellow*/
.col-2 {background-color: #6ac9cf;} /*ice blue*/
.col-3 {background-color: #f073ab;} /*pink*/
.col-4 {background-color: #4a91a5;} /*cool blue*/


/*#hotNav nav {display: inline-block;}
#hotNav nav ul {margin: 0px auto; padding: 0px; display: inline-block;}
#hotNav nav ul li {width: 100%; max-width: 300px; margin: 0px 50px 0px 0px; padding: 0px; float: left; display: block;}
#hotNav nav ul li:last-child {margin-right: 0px;}
#hotNav nav ul li a:link {padding: 20px 40px; color: #ffffff; text-transform: uppercase; font-size: 1.4em; font-weight: 700; font-family: 'Raleway',  Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; display: block; position: relative; top: -40px; z-index: 20000;}*/
/* Hot Nav colors */
 /*yellow
 #hotNav nav ul li a.color1:link {background-color: #fdc222; border: 10px solid #fdc222; color: #000000;}
 #hotNav nav ul li a.color1:visited {background-color: #fdc222; border: 10px solid #fdc222; color: #000000;}
 #hotNav nav ul li a.color1:hover, #hotNav nav ul li a.color1:focus {background-color: #000000; color: #ffffff;}*/
 /*green
 #hotNav nav ul li a.color2:link {background-color: #38b64a; border: 10px solid #38b64a; color: #000000;}
 #hotNav nav ul li a.color2:visited {background-color: #38b64a; border: 10px solid #38b64a; color: #000000;}
 #hotNav nav ul li a.color2:hover, #hotNav nav ul li a.color2:focus {background-color: #000000; color: #ffffff;}*/
 /*fuscia
 #hotNav nav ul li a.color3:link {background-color: #e04686; border: 10px solid #e04686; color: #000000;}
 #hotNav nav ul li a.color3:visited {background-color: #e04686; border: 10px solid #e04686; color: #000000;}
 #hotNav nav ul li a.color3:hover, #hotNav nav ul li a.color3:focus {background-color: #000000; color: #ffffff;}*/



/*************************************/
/******* Main Site Content    ********/
/*************************************/
#contentContainer {width: 100%; background-color: #ffffff; padding: 0px; /*text-align: center;*/ margin: 0px auto;}
#content {width: 60%; padding: 20px 5% 50px 5%; margin: 0px auto; text-align: left;}
#intro {}
#teaser {margin: 0px 0%; padding: 15px 0%; font-size: 2em; font-weight: bold;}
#teaser > p { color: #ffffff;}

/*** FOOTER ***/
body > footer {width: 100%; display: inline-block;}
body > footer * {color: #ffffff; padding: 0px; margin: 0px;}
body > footer ul {width: 100%; list-style-type: none; margin: 0px; padding: 0px; display: block;}
body > footer ul li {margin: 0px; padding: 0px; display: inline-block;}

body > footer a:link {color: #ffffff;}
body > footer a:visited {color: #ffffff;}
body > footer a:hover, body > footer a:focus {color: #000000;}

footer > * {/*font-family: 'Raleway',  Tahoma, Verdana, Arial, Helvetica, sans-serif;*/ background: #000000;}
#footerHashTags {padding: 30px 0px 30px 0px; font-size: 2.6em; font-weight: 700; display: block;}
#footerHashTags a:link {color: #ffffff; text-decoration: none;}
#footerHashTags a:visited {color: #ffffff; text-decoration: none;}
#footerHashTags a:hover, #footerHashTags a:focus {color: #f073ab; text-decoration: none;}
#footerSponsors {padding: 10px 0px; margin: 0px; display: block;}
#footerSponsors a:link {display: inline-block; padding: 10px;}
#footerSponsors img {display: block;}
#footerLinks {background-color: #4a91a5; padding: 10px 0px; font-size: 1.2em; font-weight: 600; display: block;}

/*** Sponsors ***/
#sponsors > h2 {border-bottom: 1px solid #e04686;}
@media screen and (max-width: 1024px) { #sponsors img {width: 200px;} }

/*Back to Top
.toTop {background-color: #00b2f0; display: inline;}
.toTop a:link {padding: 5px; color: #ffffff; text-decoration: none;}
.toTop a:visited {padding: 5px; color: #ffffff; text-decoration: none;}
.toTop a:hover, .toTop a:focus {padding: 5px; color: #000000; text-decoration: none;}*/

@media screen and (max-width: 2000px) {
	header {padding: 0px 0% 0px 0px; width: 100%; }
	#headerInfo {margin-right: 0%;}
	
	div.mapcontainer > a img {max-width: 1024px;}
}

@media screen and (max-width: 1600px) {
	#headerInfo {float: right;}
	
	/*#hotNav nav ul li {margin: 0px 30px 0px 0px;}
	#hotNav nav ul li a:link {padding: 15px 35px; font-size: 1.2em; top: -35px; }*/
	
	#content {width: 70%;}	
	
	div.mapcontainer > a img {max-width: 800px;}
}

@media screen and (max-width: 1500px) {
	
	header #logo {width: 30%;}
	
	#content {width: 80%;}
}

@media screen and (max-width: 1150px) {	
	#content {width: 85%;}
}

@media screen and (max-width: 1024px) {	
	/*#hotNav nav ul li {margin: 0px 25px 0px 0px;}
	#hotNav nav ul li a:link {padding: 10px 30px; font-size: 1.1em; top: -30px; }*/
	
	#contentContainer {width: 100%;}
	#content {width: 90%;}	
/*}

@media screen and (max-width: 975px) {*/
	header #logo {width: 100%; max-width: 350px; display: inline-block; margin: 0px auto; float: none;}
	header #logo img { float: none;}
	
	/*** Header - Event Info ***/
	#headerInfo {width: 100%; display: block; float: none;}
	#headerInfo #eventInfo > * {float: none;}
	#eventSignup {width: 100%; display: block;}
	#date {width: 100%; text-align: center; font-weight: 700; float: left; display: block;}	
	#register {background-color: none; background: none; float: left; display: block; width: 100%; text-align: center;}
	#register a:link {background-color: #fec223; display: inline-block; width: 30%;}	
	#promo {text-align: center; display: block;}
	
	/* Top Navigation -- First Level */
	#topNav {display: block; width: 100%;}
	#topNav ul {margin: 0px; padding: 0px; display: inline-block; float: none;}
	#topNav ul li {/*margin: 0px; padding: 0px;*/ float: none; display: inline-block; width: 100%;}
	#topNav ul li a:link {/*border: 1px solid yellow; border-bottom: 1px solid #ffffff; color: #ffffff;  font-size: 1.0em;*/ padding: 10px 0px 10px 0px; margin: 0px; display: inline-block; width: 100%;}	
	
	/*Top Navigation -- Sub Nav -----   No subnavs at the moment (3/11/16)*/
	#topNav ul li.subNav {float: none; display: inline-block; width: 100%;}
	#topNav ul li.subNav ul {display: inline-block; margin: 0px; padding: 0px; width: 100%; clear: both;}
	#topNav ul li.subNav > a {padding: 10px 0px 10px 0px; margin: 0px; display: inline-block; width: 100%;}
	#topNav ul li.subNav ul li {display: inline-block; width: 100%; /*border: 1px solid yellow;*/}
	#topNav ul li.subNav ul li > a {padding: 10px 0px 10px 0px; margin: 0px; width: 100%; display: inline-block; border-bottom: none;}
	#topNav ul li.subNav ul li > a:hover, #topNav ul li.subNav ul li > a:focus {color: #000000;}
	#topNav ul li.subNav ul li {float: left;}
	
	/*************************************/
	/******* Main Site Content ********/
	/*************************************/
	#content {width: 90%; padding: 20px 5% 20px 5%;}
	
	div.productDisplay > div:first-child {margin: 0px 0px 20px 20px;}
	
	#social {width: 100%; display: block; text-align: center;}
	#social a:link {display: inline-block;}
	#social img {display: block;}
	#social > * {float: none;}
}

@media screen and (max-width: 960px) {	
	h1 {font-size: 1.5em;}
	h2 {font-size: 1.3em;}
	h3 {font-size: 1.2em;}
	h4 {font-size: 1.1em;}
	h5 {font-size: 1.0em;}
	
	/*RESPONSIVE TABLE*/
	/*table.display thead {display: none;}*/
    table.responsive td {display: block; position: relative; text-align: center; width: 95%; padding: 10px 5px;}
    table.responsive td:before {display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; width: 95%; max-height: 100%;}	
	
	/*Hot Nav*/
	.col > a {font-size: 1.2em;}
	
	/*#hotNav nav ul li {margin: 0px 15px 0px 0px;}
	#hotNav nav ul li a:link {padding: 5px 20px; top: -15px; }*/
	
	div.mapcontainer > a img {width: 100%;}
	
	/*.sponsors img {height: 80px;}*/
}

@media screen and (max-width: 800px) {
	/*Hot Nav*/
	.col > a {font-size: 1.0em;}
	
	/*#hotNav nav ul li {margin: 0px 10px 0px 0px;}
	#hotNav nav ul li a:link {padding: 5px 10px; top: -20px; }*/
}

@media screen and (max-width: 700px) {	
	h1 {font-size: 1.4em;}
	h2 {font-size: 1.2em;}
	h3 {font-size: 1.1em;}
	h4 {font-size: 1.0em;}
	h5 {font-size: 1.0em;}
	
	/*** TABLE ***/
	table thead th, table tbody th, table tbody td {padding: 5px 5px; font-size: 0.95em;}
	
	div.productDisplay > div img {width: 100%;}
}

@media screen and (max-width: 600px) {	
	
	.col-container {display: block;}
	.col {display: block; padding: 15px 1%; width: 98%;}

	/*#hotNav nav {display: block; width: 100%;}
	#hotNav nav ul {margin: 0px; padding: 10px 0px 0px 0px; display: block;}
	#hotNav nav ul li {margin: 0px 0px 0px 0px; padding: 0px; float: none; display: block;}
	#hotNav nav ul li:last-child {margin-right: 0px;}
	#hotNav nav ul li a:link {padding: 10px 0px 10px 5px; font-size: 1.2em; display: block; top: 0px; }*/
	
	#footerHashTags {font-size: 1.8em;}
}

@media screen and (max-width: 400px) {	
	
	header #logo {width: 280px;}
	
	#register a:link {width: 80%; padding: 10px 20px; display: inline;}
	
	#footerHashTags {font-size: 1.6em;}
}

@media screen and (max-width: 300px) {
	
	#footerHashTags {font-size: 1.2em;}
	#footerSponsors img {height: 50px;}
}


/***Mobile Nav Styles -- Referenced in JQuery file (responsiveDropDown.js)***/
#dropMenuButton {background-color: #ffcc3d; /*border-top: 1px solid #000000;  border-bottom: 1px solid #000000;*/ color: #000000; padding: 10px 0px 10px 0px; margin: 0px;}
/* Rollover for Menu Button */
div#dropMenuButton.highlightNav {background-color: #000000; color: #e04686;}

div#dropMenuSandwich {border-top: 3px solid #ffffff;  border-bottom: 3px solid #ffffff; width: 20px; height: 5px; margin: 2px 5px 0px 0px; padding: 0px; float: right;}