@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700');
body { 
	margin: 0; padding: 0; 
	font: 20px/1.5 'Roboto', Arial, Helvetica, sans-serif;
	background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
	background-color: #042656;
	background-size: 16px 16px;
}
#wrapper { text-align: left; padding: 0; margin: 0 auto; 
	width: 96%; max-width: 940px; }
#page { margin: 0px 0 25px 0; padding: 25px; background: #fff; position: relative; z-index: 10; color: #222;
	border: 2px solid #FBF233;
	border-radius: 3px; box-shadow: 0 0 14px 6px #F5680C; 
	}
img { border: 0; max-width: 100%; height: auto; }
div { padding: 0; margin: 0; }
a { color: #006; }
a:hover, a:active { color: #c00; }
header { position: relative; overflow: hidden; z-index: 1; text-align: center; }
header img.site-logo { max-width: 100%; }
header .site-title { 
	display: none;
}
header h2 { color: #454545; margin: .5em 0;
	font-size: 33px; line-height: 1.1em; letter-spacing: .3em; 
	font-weight: normal; }
header h3 { color: #000; margin: 0;
	text-shadow: 1px 1px 1px #eee, 1px -1px 1px #eee, -1px -1px 1px #eee, -1px 1px 1px #eee; 
	font-size: 25px; line-height: 1.2em;
	text-transform: uppercase; 
	letter-spacing: 5px; 
	font-weight: normal;
}
article, nav { border-bottom: 1px solid #ccc; padding-bottom: 1em; margin-bottom: 1.25em; overflow: hidden; }
nav { padding-bottom: 1em; text-align: center; font-size: 1.1em; line-height: 170%; }
nav a { font-weight: bold; text-decoration: none; padding: 0 3px; }
h1 { margin: 0; font-size: 1.6em; line-height: 1.2em; }
h1 a { color: #000; text-decoration: none; }
h1 a:hover { color: #c00; }
h2 { color: #DD2500; font-size: 1.3em; line-height: 1.2em; margin-top: .2em; margin-bottom: .5em; }
h3 { font-size: 1.2em; line-height: 1.2em; margin: .2em 0; }
h4 { font-size: 1.1em; line-height: 1.2em; margin: 0; }
p, ul, ol { margin-top: .5em; margin-bottom: 1em; }
.red { color: #c00; }
.cen { text-align: center; }
.sm { font-size: .75em; line-height: 1.3em; }
.nbm { margin-bottom: 0; }
.spons { text-align: center; margin-bottom: 1.5em; clear: right; }
.spons img { padding: 0 10px; }
.top { text-align: right; font-size: .75em; text-transform: uppercase; }
.top a { padding: 4px 8px; background: #eee; border: 1px solid #ddd; border-radius: 6px; text-decoration: none; color: #000; }
.top a:after {
	content: " ^";
}
.top a:hover { background: #ddd; }
.flr { float: right; margin: 5px 5px 10px 15px; }
.fll { float: left; margin: 5px 15px 10px 5px; }
.sep li { margin-bottom: .5em; }
.alert { font-weight: bold; padding: 2px 5px; background: yellow; }
.button { display: inline-block; text-align: center; margin: .5em 0; }
.button a { display: block; padding: 5px 15px; background: red; color: #fff; border-radius: 20px; 
	text-decoration: none; font-weight: bold; font-size: 1.3em; line-height: 1.2em; 
	text-transform: uppercase; letter-spacing: .1em;
	box-shadow: inset -2px -2px 8px rgba(0,0,0,.6); 
	text-shadow: 0 -1px 0 #000; 
	transition: background 1s;
	-webkit-transition: background 1s;
}
.button a:hover, .button a:active {
	background: #FFE527; color: black;
	text-shadow: 0 1px 0 #fff; 
	transition: background 1s;
	-webkit-transition: background 1s;
}
.captioned { display: inline-block; text-align: center; margin: 0 1em 1em 1em; }
.captioned img { display: block; margin: 0 auto .2em auto; }
.phone { text-decoration: none; color: #000; }
.phone:hover, .phone:active { color: #000; cursor: default; }
#page img { border: 1px solid #fff; box-shadow: 0 0 5px #999; }
#page .flexslider img { border: none; box-shadow: none; }
#page img.logo { border: none; box-shadow: none; padding: 20px; }
hr { height: 0; border: 1px solid red; border-width: 1px 0 0 0; padding: 0; margin: 1em 0; box-shadow: none; }
#sponsors { text-align: center; }
#sponsors img { display: inline; vertical-align: middle; padding: 8px; }

@media ( max-width: 800px ) {
	img { max-width: 100%; height: auto; }
	.flr, .fll { max-width: 40%; }
}

@media ( max-width: 640px ) {
    body { font-size: 18px; }
	.phone { text-decoration: underline; color: #00c; }
	.phone:hover, .phone:active { cursor: pointer; color: red; }
}

@media ( max-width: 480px ) {
	#wrapper {
		width: 100%; 
		max-width: 100%;
	}
	#page { margin: 0; padding: 15px; border: none; border-radius: 0; box-shadow: none; }
	h1 { font-size: 1.3em; font-weight: normal; }
	h2 { font-size: 1.25em; font-weight: normal; }
	h3 { font-size: 1.15em; }
	ul, ol { margin-left: 0; padding-left: 1em; }
	article { padding-bottom: .25em; margin-bottom: .5em; }
	nav { border-bottom: 0; padding-bottom: 0; }
	nav a:link, nav a:visited { 
		display: block;
		margin: 2px 0;
		padding: 8px;
		border-radius: 4px;
		text-align: center;
		text-decoration: none;
background: #ffb76b;
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04));
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );

		color: #000;
		text-shadow: 0 1px 1px #fff; 
		font-weight:bold;
		font-size: 20px;
		line-height: 120%;
	}
	nav a:hover, nav a:active {
		color: #fff; 
		text-shadow: 0 -1px 1px #000; 
background: #aebcbf;
background: -moz-linear-gradient(top,  #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
background: -webkit-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
background: -o-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
background: -ms-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
background: linear-gradient(to bottom,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 );
		
	}
	nav span { display: none; }
}
@media ( max-width: 360px ) {
    .captioned { margin: .5em 0; max-width: 96%; }
}

@media ( max-width: 320px ) {
	/* h1#welcomeTitle { display:none; } */
	h2#dateHeader { margin: 0; }
	.fll, .flr { float: none; display: block; margin: 1em auto; max-width: 100%; }
	nav a:link, nav a:visited { font-size: 18px; }
	
}