html {
	min-width: 980px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

* {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

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

body	{
	margin: 0;
	padding: 0;
	background: #002f6c;
	}

	/*   Basic Layout Divisions	*/
	
.block	{
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	}
	
.vp	{
	box-sizing: border-box;
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	}
	
	/* Special Notice */

#special-notice	{
	position: relative;
	font-weight: bold;
	color: #fff;
	background: #8497a7;
	padding: 10px 25px;
	text-align: center;
	}

#special-notice p	{
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	}

#special-notice a	{
	color: #fff;
	}

#special-notice .btn { 
	padding: 12px 18px;
	font-size: 1em;
	} 

.alert .close	{
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 5px 7px;
	font-size: 15px;
	line-height: 1;
	background: #fff;
	text-decoration: none;
	color: #002f6c !important;
	border-radius: 18px;
	z-index: 800;
	}
	

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

	#special-notice	{font-size: 1.25em;}

}

	/* Account Links */

.account	{
	box-sizing: border-box;
	background: #000;
	color: #e5e5e5;
	text-align: right;
	padding: 5px 20px;
	font-size: .85em;
	border-bottom: 1px solid #666;
	}

.account a	{
	color: #e5e5e5;
	margin: 0 7px;
	}

spektrix-logged-in-status:not([connected]) :not(.no-javascript) {display: none;}

.spektrix	{
	width: 100%;
	}

.spektrix iframe	{
	width: 100%;
	height: 700px;
	border: 0;
	}

	/* Logo */

.logo	{background: #002f6c;}

.logo h1	{
	width: 50%;
	display: inline-block; 	
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	padding: 15px;
	margin: 0;
	}

.logo h1 a	{
	display: block; 	
	width: 300px;
	height: 100px;
	margin: 0;
	background: url(../img/icons.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}

.logo p	{
	width: 48%;
	display: inline-block; 	
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	text-align: right;
	}

.logo a	{color: #fff;}

.logo .btn	{
	padding: 15px 20px;
	font-size: 1em;
	/* text-transform: uppercase; */
	}

.tickets	{background: #000;}

.donate, .contact	{color: #002f6c !important; background: #8497a7;}
.donate:hover, .contact:hover	{color: #002f6c !important; background: #fff !important;}

.logo p a	{
	display: inline-block; 	
	zoom: 1;
	*display: inline;
	text-decoration: none;
	}
	
.logo .acct	{
	padding-right: 8px;
	text-decoration: underline;
	}

	/* Navigation */

.menu	{
	position: relative;
	z-index: 900;
	background: #d4d9de;
	text-align: center;
	}

.toggleMenu	{
	box-sizing: border-box;
	display: none;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 15px;
	font-family: "Karla", sans-serif;
	font-weight: 700;
	font-size: 1.25em;
	line-height: 1;
	color: #fff !important;
	cursor: pointer;
	/* text-transform: uppercase; */
	background: #8497a7;
	}

.nav	{
	width: 100%;
	margin: 0;
	padding: 0 40px 0 0;
	list-style: none;
	z-index: 100;
	}

.tab	{
	position: relative;
	display: inline-block; 	
	zoom: 1;
	*display: inline;
	white-space: nowrap;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	}

.tab a {
	display: block;
	font-family: "Karla", sans-serif;
	font-weight: 700;
	font-size: 1em;
	line-height: 1;
	color: #002f6c;
	padding: 17px;
	text-decoration: none;
	/* text-transform: uppercase; */
	}
	
.tab:hover a	{
	text-decoration: underline;
	color: #002f6c;
	background: #fff;
	}

.nav > li.hover > ul {display: block;}

.sub {
    position: absolute;
    display: none;
    list-style: none;
	width: 300px;
	top: 100%;
	margin: 0;
	padding: 10px;
	background: #fff;
	}
	
.sub li a {
	box-sizing: border-box;
    display: block;
	padding: 14px 18px;
	background: none;
	white-space: normal;
	color: #002f6c !important;
	font-size: 1em;
	font-weight: 700;
	text-align: left;
	text-decoration: none !important;
	/* text-transform: uppercase; */
    z-index: 100;
    transition: all 0.2s ease-in-out;
	}

.sub li a:hover	{
	color: #fff !important;
	background: #002f6c;
	}
	
.about .sub	{left: -100px;}
	
	/* Site Search */

.site-search	{
	width: 100%;
	padding: 15px 0;
	background: #000;
	}
	
#search	{
	position: relative;
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
	}

#search label	{display: none;}

#search input	{
	width: 100%;
	outline: none;
	padding: 10px 35px 10px 15px;
	margin: 0;
	border: 0;
	border-radius: 30px;
	font-size: .85em;
	background: #fff;
	color: #002f6c;
	}

#search button	{
	position: absolute;
	top: 3px;
	right: 5px;
	display: block;
	background: url(../img/icons.png) -512px -112px no-repeat;
	box-shadow: 0 0 0 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	border: 0;
	border-radius: 0 !important; /* Fix FF ghosting issue */
	text-indent: -9999px;
	z-index: 500;
	transition: none;
	}
	
@media screen and (min-width: 975px) { 

	.site-search	{
		position: absolute;
		top: 50%;
		right: 15px;
		width: auto;
		margin-top: -17px;
		padding: 0;
		z-index: 800;
		background: none;
		}
	
	#search	{
		width: 35px;
		height: 35px;
		max-width: none;
		margin: 0;
		}

	#search input	{
		position: absolute;
		top: 0;
		right: 0;
		width: 25px;
		padding: 10px 30px;
		background: none;
		overflow: hidden;
		z-index: 100;
		}

	#search:hover input, #search input:focus	{
		width: 350px;
		padding: 10px 40px 10px 15px;
		color: #fff;
		background: #002f6c;
		transition: all 0.2s ease-in-out;
		}

	#search:hover button, #search input:focus ~ button	{background: url(../img/icons.png) -562px -112px no-repeat;} 
	
}

	/* Section Navigation */

.section	{
	padding: 14px 24px;
	background: #fff;
	text-align: center;
	}
	
.section ul	{
	list-style: none;
	padding: 0;
	margin: 0;
	}

.section li	{
	display: inline-block; 	
	zoom: 1;
	*display: inline;
	white-space: nowrap;
	vertical-align: middle;
	padding: 0 10px;
	margin: 0;
	font-size: .9em;
	}
	
.section a	{
    color: #002f6c;
	}
	
.section a.current	{
	text-decoration: none;
	font-style: italic;
	}

	/* Header */

.header	{
	position: relative;
	width: 100%;
	height: 0;
    padding-bottom: 15%;
    overflow: hidden;
    background-color: #fff;
	background-size: cover !important;
	}

.ext	{padding-bottom: 40%;}

.header h2	{
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	padding: 0 4%;
	font-size: 5em;
	line-height: 1;
	color: #fff;
	text-shadow: 2px 2px 0 #461347;
	text-align: center;
	}
	
.header h2 a	{
	color: #fff;
	font-weight: normal !important;
	}
	
.header img	{
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	}
	
@media screen and (max-width: 2000px) { 

	.header	{padding-bottom: 25%;}
	.ext	{padding-bottom: 50%;}

}

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

	.header	{padding-bottom: 35%;}
	.ext	{padding-bottom: 50%;}

}

.header-image img	{
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	}
	
	/* Content */
	
.center	{text-align: center;}
	
.copy .vp	{padding: 60px 40px;}

.cols .vp	{
	column-count: 2;
	column-gap: 40px;
	}
	
.type1	{background: #fff;}

.type2	{
	color: #fff;
	background: #002f6c;
	background: -moz-linear-gradient(top,  #002f6c 0%, #000 100%);
	background: -webkit-linear-gradient(top,  #002f6c 0%,#000 100%);
	background: linear-gradient(to bottom,  #002f6c 0%,#000 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f6c', endColorstr='#000',GradientType=0 );
	}
	
.type2 a, .type2 h2, .type2 h4, .type2 h6	{color: #fff;}
	
.pane1, .pane2	{
	box-sizing: border-box;
	display: inline-block; 	
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	width: 49%;
	}

.text	{
	padding: 40px;
	max-width: 600px;
	margin: 0 auto;
	}

.pane3	{
	box-sizing: border-box;
	display: inline-block; 	
	zoom: 1;
	*display: inline;
	vertical-align: top;
	width: 65%;
	padding-right: 20px;
	}

.pane4	{
	box-sizing: border-box;
	display: inline-block; 	
	zoom: 1;
	*display: inline;
	vertical-align: top;
	width: 32%;
	}

	/* Videos */

.video	{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;    
	}

.video iframe	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

	/* Galleries */

.gallery	{text-align: center;}

.gallery_item	{
	box-sizing: border-box;
	position: relative;
	width: 32%;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	margin: 0;
	text-align: center;
	padding: 10px;
	transform: scale(.97,.97);
    transition: all 0.1s ease-out;
	}

.logos .gallery_item	{width: 24%;}

.gallery_item:hover	{
	transform: scale(1,1);
	z-index: 800;
    }

.gallery_pic	{
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	overflow: hidden;
	text-align: center;
	background: #000;
	}
	
.logos .gallery_pic	{background: none;}

.pano	{padding-bottom: 50%;}
.square	{padding-bottom: 100%;}
	
.gallery_pic img	{
	position: absolute;
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	}
	
.gallery_item h6	{
	padding-top: 10px;
	line-height: 1.3;
	}
	
.gallery_item p	{font-size: .8em;}
	
.gallery_item .btn	{
	padding: 15px 20px;
	font-size: 1em;
	}
	
	
	/* Page Numbers */
	
.page-numbers	{
	margin: 20px auto;
	}
	
.page-numbers a, .page-numbers span	{
	margin: 2px;
	padding: 6px 14px;
	color: #fff;
	border-radius: 4px;
	}

@supports (display: flex) {
	
	.page-numbers	{
		display: inline-block;
		}
	
}
	
.page-numbers a	{
	background: #000;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	}

.page-numbers a:hover	{
	color: #fff;
	background: #000;
	text-decoration: underline;
	}

.page-numbers span	{
	color: #fff;
	background: 002f6c;
	}
	

	/* Forms */

.formula input[type=text], .formula input[type=email], .formula input[type=tel], .formula input[type=number], .formula input[type=password], .formula select, .formula textarea	{
	color: #222;
	font-family: "Karla", sans-serif;
	font-weight: 400;
	font-size: 1em;
	background: #fff;
	}

.formula label	{
	box-sizing: border-box;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: bottom;
	width: 49.5%;
	padding: 6px 10px;
	margin: 0;
	}
	
.formula .short	{width: 32.5%;}
.formula .long	{width: 100%;}

.formula input[type=text], .formula input[type=email], .formula input[type=tel], .formula input[type=number], .formula input[type=password], .formula input[type=file]	{
	box-sizing: border-box;
	width: 100%;
	display: block;
	padding: 10px;
	margin: 6px 0;
	}
	
.formula input[type=checkbox], .formula input[type=radio]	{
	box-sizing: border-box;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	width: auto;
	padding: 0;
	margin: 0 7px;
	}
	
.formula select	{
	width: 100%;
	display: block;
	margin: 6px 0;
	}
	
.formula textarea	{
	width: 100%;
	height: 150px;
	}
	
.formula .btn, .formula button	{
	display: block;
	margin: 20px 10px;
	}

.g-recaptcha	{margin: 5px 5px 15px 5px !important;}
	
.error	{
	font-style: italic;
	color: #c00;
	}
	
@media screen and (max-width: 600px) { 

	.formula label	{width: 100%;}
	
}

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

	.formula .short	{width: 100%;}

}

	/*	Toggle Content	*/

.toggle h6	{
	padding: 20px 25px 16px 65px;
	margin: 0;
	color: #000;
	text-decoration: underline;
	cursor: pointer;
	background-image: url(../img/icons.png);
	background-position: -15px -220px;
	background-repeat: no-repeat;
	border-top: 1px dotted #ccc;
	}

.toggle h6:hover, .toggle h6.selected	{
	color: #002f6c;
	background-color: #e5e5e5;
	}

.toggle h6.selected	{
	text-decoration: none;
	background-position: -15px -470px;
	}

.toggle div	{padding: 50px 50px 50px 55px;}

@media screen and (max-width: 600px) { 
	
	.toggle div	{padding: 15px 25px;}

}

	/*	Email Signup	*/

.signup	{
	box-sizing: border-box;
	background: #eee; 
	text-align: center;
	}

.signup h3	{
	padding: 20px;
	font-size: 1.5em;
	margin-bottom: 20px;
	}

.signup .vp	{padding: 0 25px 25px 25px;}

.signup p	{
	font-family: "Karla", sans-serif;
	font-weight: 700;
	font-size: 1.25em;
	color: #002f6c;
	line-height: 1;
	padding: 0;
	margin: 0;
	/* text-transform: uppercase; */
	}

.signup form	{text-align: center;}
	
.signup label	{
	width: 28%;
	padding: 0 10px;
	text-align: left;
	}
	
.signup input	{margin: 0 !important;}
	
.signup button	{
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: bottom !important;
	padding: 14px 20px;
	margin: 10px 7px 0 7px !important;
	font-size: 1em;
	/* text-transform: uppercase; */
	}

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

	.signup label	{width: 25%;}
	
}

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

	.signup label	{width: 48%;}
	
	.signup form	{text-align: left;}
	
}

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

	.signup label	{
		width: 100%;
		padding: 6px 10px;
		}
	
	.signup .vp	{padding: 0 15px 20px 15px;}

}

	/*	Info	*/

.info	{
	box-sizing: border-box;
	padding: 100px 25px;
	color: #fff;
	background: #000; 
	background: -moz-linear-gradient(top,  #302c2d 0%, #000000 100%); 
	background: -webkit-linear-gradient(top,  #302c2d 0%,#000000 100%); 
	background: linear-gradient(to bottom,  #302c2d 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#302c2d', endColorstr='#000000',GradientType=0 ); 
	text-align: center;
	}

.info .vp div	{
	width: 32%;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	text-align: center;
	}
	
#social	{
	list-style: none;
	margin: 0 auto;
	padding: 40px 0 40px 20px;
	}

#social li	{
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	}
	
#social li a	{
	display: block;
	width: 68px;
	height: 68px;
	margin: 0 auto;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 0.5;
    transition: all 0.2s ease-in-out;
	}
	
#social li a:hover	{
	bottom: 15px;
	opacity: 1.0;
	}

#facebook	{background: url(../img/icons.png) -23px -118px no-repeat;}
#instagram	{background: url(../img/icons.png) -117px -118px no-repeat;}
#youtube	{background: url(../img/icons.png) -217px -118px no-repeat;}
#linkedin	{background: url(../img/icons.png) -417px -118px no-repeat;}

.info a	{color: #fff;}

.info p span	{
	font-family: "Karla", sans-serif;
	font-weight: 700;
	font-size: 1.41em;
	text-transform: uppercase;
	}

	/*	Footer	*/

.footer:before	{
	content: "";
	position: absolute;
	top: -28px;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	background: url(../img/icons.png) -320px -121px no-repeat;
	}
	
.footer	{
	background: #002f6c;
	color: #fff;
	z-index: 800;
	}

.footer .vp	{
	padding: 30px 25px 20px 25px;
	text-align: center;
	}

#jump2top	{
	display: block;
	position: absolute;
	bottom: 10px;
	right: 30px;
	width: 64px;
	height: 64px;
	background: transparent url(../img/icons.png) -320px -20px no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	opacity: 0.3;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
	}
	
#jump2top:hover	{
	bottom: 15px;
	opacity: 1.0;
	}

::selection {
	background: #002f6c;
	color: #fff;
	}