@charset "UTF-8";
@import url("typography.css");
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	margin: 0px;
	padding: 0px;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */



Body {
	background-attachment: fixed;
	background-image: url(images/backgrd.jpg);	
	background-size: cover;
	background-color:#c2dbef;
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 0%;
	padding-right: 2.6 %;
	min-width: 200px;
}




header {
	clear: both;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	width: 100%;
	min-height: 45px;
	position: relative;
	visibility: visible;
	background-image: url(images/header-backgrd.jpg);
	background-repeat: repeat;
	background-position: top;
	margin-bottom: 10px;
}

#max {
	max-width: 1100px;
	min-width: 250px;
}

.content {
	clear: both;
	margin-left: -2%;
	margin-right: auto;
	width: 100%;
	
	background-color: rgba(255, 255, 255, 0.35);
	padding: 2% 2% 0% 2%;
	max-width: 1100px;	
	
}
 .head { margin-left:6%; margin-right:2%; margin-top:10px;}
 
 .plane-img { max-width:100%; visibility:hidden; display:none;
 }
 
.left {
	float: left;
	margin: 0 10 10 10;
	clear: both;
}

.leftnoclear {
	float:left;  min-width:275px; padding-bottom:10px;}
	
.right {
	float:right;
	clear:both;

}

.margin {margin:1%;}

.shadow {
	box-shadow: 1px 1px 3px #888888;
	
}

.shadow a {text-align:center;}

.min { min-width:30px;}

/*NAV*/

nav {
	
	min-height: 20px;
}

nav ul li{
	display:inline;
}

nav ul li a {text-decoration:none; margin:0;}

/*Nav Top*/
.top {
	clear: none;
	float: right;
	width: 20%;
	/*min-width: 200px;*/
	color: #76865f;
	text-align: right;
	font-size: 1em;
	font-weight: bold;
	display: none;
	visibility:hidden;
}

nav.top ul {
	clear: lef;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding: 0;
	margin: 0;
	font-size: 1em;
	display: none;
}

nav.top ul li:last-child { border-right:0;}

nav.top ul li a {
	padding: 10px;
	line-height: 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

nav.top ul li a:hover {
	color: #004e88;
}

/*Nav Main */

nav.main {
	margin-top: 10px;
	list-style-type:none;
	width: 100%;
	overflow: hidden;
}

nav.main ul {clear:left; }

nav.main ul li {
	display: inline;
	float:left;
	margin-left:0; 
	margin-right:0;
	box-sizing: border-box;
max-width: calc(100% / 2);
	 overflow:hidden;
}

.main img { max-width:100%; }

.hide { 	
	display:none;
	visibility:hidden; }

/*Nav Sub*/



.sub {
	display:none;
	visibility:hidden;
	margin-top: 0px;
	margin-bottom: 10px;
	background-color: #e4eff8;
 list-style-type:none;
	width:100%;
	overflow: hidden;
	min-width:200px;
	
	
}

nav.sub ul { text-align:center; /*margin-left:5%;*/}

nav.sub ul li {
	display: inline;
float:left;
	box-sizing: border-box;
max-width: calc(100% / 2);
min-width: 130px;
padding-right:1%;
}

nav.sub img {max-width:100%}

.row { 	width: 94%;
	margin: 10px auto 0 auto;
	padding-left:3%;
	padding-right:3%;
	clear:both;
	


}


nav.int {
	text-align:center;	
	color: #000;
}

nav.int ul li:after {
    content: "|";
    padding: 0px 1em;
    font-weight: normal;
}

nav.int ul li:last-child:after {
	content:"";
	padding: 0 0 0 1em;
}

nav.int a {
	color: #004e88;
	font-weight:bold;		
}

nav.int a:hover {
	color: #e03b2a;	
	
}

.select { color:#e03b2a; }


.index-head {
	background-color:rgba(213, 229, 192, 0.7);
	/*min-height: 20px;*/
	border: thin solid #FFF;
	box-shadow: 0px 1px 3px #878787;
	margin-top: 0;
	display: block;
	overflow: hidden;
	padding: 9%;
	border-radius: 10px;

}

#wowslider-container4 {
	width: 100%;

	max-height: 100%;
	margin: 0 10 10 0;
	min-width: 290px;
	padding-bottom: 10px;
	padding-top: 0;
	clear: both;
	display: none;
	visibility:hidden;

} 

.index-head p { display:inline; }

.int-head {width:100%; display:none; visibility:hidden;}

.padded {
	padding-left: 3%;
	padding-right: 3%;
	padding-top: .5%;
	

}

.space img {
	width:40%;
	max-width:100px;

	
	
}

.space li {
	display: block;
	text-align: left;
	
}

.end {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 0px;
	overflow: hidden;
	min-height: 25px;
	position: relative;
	background-color: #e4eff8;
	background-position: bottom;
	text-align: center;
	padding-left: 2%;
	padding-right:0%;
	display:block;
}

.end img { max-height:25px; margin-bottom:5px; margin-top:5px;}

section {
	clear: none;
	width: 95%;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 2%;
	float: left;
	text-align: center;
	border-radius: 8px;
	min-width: 200px;
}



section ul {list-style-type:none;}

section a {
	font-weight: bold;
	color: #003c78;
	text-align: left;
	line-height: 1.5em;
	font-size: 1.1em;
	
}

section a:hover { color:#e03b2a;}

section a:visited { color:#003c78;}

figure { float:left;
	padding:0px;
	width:100%;

}

figcaption {
	padding:10px;
	text-align:center;
	color: #004e88;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;;
	font-weight: bold;	
}


footer {
	clear: both;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 10px;
	width: 100%;
	min-width: 300px;
	min-height: 140px;
	position: relative;
	background-image: url(images/footer-backgrd.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #004e88;
	text-align: center;
	overflow: auto;
}

table {
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	border-top-width: .5em;
	border-bottom-width: .5em; 
	border-right-width: .5em;
	border-left-width: .5em;
	border-style:solid;
	min-width:200px;
	
}

.schedule {
	width:100%; min-width:280px; background-color:#fff; border-color:#ccc; border-width:5px;
}
.schedule img {width:70%; min-width:50px;}

.schedule td {padding:5px; border-width:0 0 2px 0; border-bottom-color:#ccc !important;}

.schedule h5 {color:#fff; text-align:left; margin:5px 5px 5px 0; vertical-align:text-bottom;}

.schedule-head{width:100%; background-image:url(images/schedule-gradient.jpg); background-repeat:repeat-x;vertical-align:bottom; 
}

.schedule-head h2 { padding-left:15px; color:#fff; font-style:normal;margin-bottom:0; padding-top:20px;}
.schedule-head img {padding:10px;}

.green {background-color:#00af4c; text-align:center;  color:#fff; font-weight:bold;}

.red {background-color:#f32938; text-align:center;  color:#fff; font-weight:bold;}

#gray {
	background-color:rgba(0, 0, 0, 0.2);
}

#start {
	display:inline;
}

.two-column {
	width:45%; min-width:300px; padding-left:2%; float:left;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.min { min-width:100px;}

.gridContainer {
	width: 90.675%;
	padding-left: -10%;
	padding-right: 1.1625%;
}

.content {
	clear: both;
	margin-left: 0%;
	margin-right: auto;
	width: 97%;
	
	background-color: rgba(255, 255, 255, 0.35);
	padding: 1.6% 1.6% -2% 1.6%;
	max-width: 1100px;	
	
}



.top {
	clear: none;
	display: block;
	visibility: visible;
	float: right;
	margin-top:3px;
	width: 30%;
	min-width: 200px;
	overflow:hidden;
	color: #FFF;
	text-align: right;
	font-weight: bold;
}

.head { margin-left:10%; margin-right:auto;  margin-top:0;}

 .plane-img { max-width:100%; visibility:hidden; display:none;
 }

nav.top ul {
	clear: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding: 0;
	margin: 0;
	font-size: 1em;
	display: inherit;
}

nav.top ul li {display:inline; overflow:hidden;}

nav.top ul li:last-child { border-right:0; padding-right:0px;}

nav.top ul li a {
	padding: 10px;
	line-height: 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

nav.top ul li a:hover {
	color: #004e88;
}

nav.main ul li {
	display: inline;
	float:left;
	margin-left:0; 
	margin-right:0;
	box-sizing: border-box;
max-width: calc(100% / 4);
	min-width: 80px; overflow:hidden;
}

.sub {
	visibility:visible; 
	display:block;
	margin-top: 0px;
	margin-bottom: 10px;
	background-color: #e4eff8;
 list-style-type:none;
	width:100%;
	overflow: hidden;
	
}

nav.sub ul li {
	display: inline;
float:left;
	box-sizing: border-box;
width: calc(100% / 4);
min-width: 90px;
}

.hide {display:none;
	visibility:hidden;}
	
.int-head {width:100%; display:block; visibility:visible;}

.row { 	width: 97%;
	margin: 0 auto 0 auto;
	padding-left:1.5%;
	padding-right:1.5%;
	display:block;
	clear:both;

}

img .right {
	clear:none;
	float:right;
	display:block;	
	width: 60%;
}

.index-head {
	
	padding: 5%;

}

#wowslider-container4{
	width: 100%;
	margin: 0 10 10 0;
	min-width: 290px;
	padding: 0px;
	clear: both;
	display: block;
	visibility: visible;
	
} 

.padded {
	padding-left: 1.5%;
	padding-right: 1.5%;
	padding-top: .5%;
	

}
section {
	clear: none;
	width: 30%;
	display: block;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 2%;
	float: left;
	text-align: center;
	border-radius: 8px;
	min-width: 310px;
}

figure { float:left;
	padding:2%;
	width:28%;
}

table {
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	border-width: 0.1em;
	
	border-style:solid;
}

#start {
	display:none;
}

.end {
	display:block;
	padding-left: -5%;
	margin-right: 5%;
	width: 100.25%;}

}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	
.min { min-width:100px;}
	
.gridContainer {
	width: 88.2%;
	max-width: 1100px;
	padding-left: 0%;
	padding-right: 0.9%;
	margin: auto;
}

.content {
	clear: both;
	margin-left: -2%;
	margin-right: auto;
	width: 100%;
	
	background-color: rgba(255, 255, 255, 0.35);
	padding: 1.1% 1.1% -1.1% 1.1%;
	
	
}

/*.content {
	clear: both;
	margin-left: -2%;
	margin-right: auto;
	width: 100%;
	
	background-color: rgba(255, 255, 255, 0.35);
	padding: 2% 2% 0% 2%;
	max-width: 1100px;	
	
}*/

.index-head {
	
	padding: 2%;

}

 .plane-img { max-width:100%; visibility:visible; display:inline;
 }

.hide {display:table-cell;
	visibility:visible;}

nav.main ul li {
	display: inline;
	float:left;
	margin-left:0; 
	margin-right:0;
	box-sizing: border-box;
max-width: calc(100% / 8);
	
}


.head { margin-left:10%; }

.top {
	clear: none;
	display: block;
	float: right;
	width: 30%;
	margin-top: 3px;
	min-width: 300px;
	color: 76865f;
	text-align: right;
	font-weight: bold;
}



nav.top ul {
	clear: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding: 0;
	margin: 0;
	font-size: 1em;
		display: inherit;
}

nav.top ul li {display:inline;}

nav.top ul li:last-child { border-right:0;  padding-right:0px;}}

nav.top ul li a {
	padding: 10px;
	line-height: 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}

nav.top ul li a:hover {
	color: #004e88;
}

nav.sub {visibility:visible; width:100%; display:block;}

nav.sub ul li {
	display: inline;
float:left;
	box-sizing: border-box;
max-width: calc(100% / 8);

}

.row {
	width: 98%;
	margin: 0 auto 0 auto;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 0px;
}

	
#wowslider-container1 {padding-bottom:0px;}

.end {
	margin-left: -2%;
	margin-right: 0;
	width: 102%;
	overflow: hidden;
}
	
 .center {text-align:center}

}