/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body { background: #0e76BC; }
h1, h2, h3, h4, h5 { color: #0e76bc; }
.navBg { position: absolute; top: 0; width: 100%; height: 220px; background: #093e61;}

img { max-width: 100%; height: auto; }
img.full-width { width: 100%; }

.schedule { border: 1px solid #ccc; margin-bottom: 1em; background: #f1f1f1; color: #000; }
.schedule-inner { padding: 15px 10px 0; }
.schedule h3 { background: #0e76bc; color: #FFF; padding: 10px; text-transform: uppercase;}
p span.schedule-title { font-weight: bold; font-size: 16px; }
/* Navigation */
#nav { margin-top: 75px; }
#nav a.navBtn { display: none; }
#nav ul { padding-left: 0; margin-left: 0; text-align: right;}
#nav ul li { display: inline; }
#nav ul li a { display: inline; padding: 0.2em .5em; text-decoration: none; color: #FFF; }
#nav ul li a:hover { color: #25aae1; }
#nav ul li a.current { color: #25aae1; }

.content { background: #FFF; border-radius: 10px; padding: 30px; margin-bottom: 10px; }
a, a:visited { color: #0E76BC; }
a:hover, a:focus { color: #25aae1; }

.footer { color: #fff; font-family: Verdana, Geneva, sans-serif; font-size: 10px; text-align: center; }
.footer a { color: #FFF; text-decoration: none; }

.thumb { max-width: 32%; margin-right: 1%; float: left; box-sizing: border-box; }

p:before, p:after { display: table; content: ''; }
p:after { clear: both; }

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.content { max-width: 748px; padding: 20px 10px; border-radius: 0; }
		.content .columns { width: 350px !important; }
		.offset-by-one { padding-left: 0px !important; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#nav ul li a { display: block; width: 285px; font-size: 20px; padding-bottom: 10px; }
		.content { max-width: 280px; padding: 10px; border-radius: 0; }
		.content div.columns, .content div.columns img { max-width: 280px; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#nav ul li a { width: 405px; }
		.content { max-width: 400px; }
		.content div.columns, .content div.columns img { max-width: 400px; }
		.thumb { display: none; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		h1 { font-size: 32px; line-height: 1.125em; }
	}