html,
button,
input,
select,
textarea {
    color: #222;
}

html {
  overflow-y: scroll;
}

body {
    font-size: 1em;
    line-height: 1.4;
	padding-top: 65px;
    background: #444;
	height: 100%
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #007D7D;
}

/*header {
  overflow: hidden;
  padding-bottom: 55%;
}

@media (min-width: 600px) {

header { padding-bottom: 50%; }

}

@media (min-width: 700px) {

header { padding-bottom: 45%; }

}*/

@media screen and (orientation: landscape) {
  .parallax-zoom-blur {
    height:100vh
  }
}

@media screen and (orientation: portrait) {
  .parallax-zoom-blur {
    height:40vh
  }
}

.parallax-zoom-blur img {
	width: 101%;
	max-width: none;
	position: fixed;
	top: 8%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border: none;
}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.parallax-container {
    position:relative;
	padding:30px;
    background: url("../images/bg.png");
}

.parallax-container a {
	color: #0bb;
}

.parallax-container a:hover,
.parallax-container a:focus {
	color: #0ee;
	text-decoration: underline;
}

.justified-container {
    position:relative;
    background: url("../images/bgl.png");
}

#bg {
    background: url("../images/bgl.png");
}

.content {
	color: #000;
	/* Fallback for web browsers that don't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.75);
	padding: 1% 2%;
}

::-moz-selection {
    background: #006455;
    text-shadow: none;
}

::selection {
    background: #006455;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #999;
    *margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

footer {
	color: #999;
	padding: 1em;
	margin: 0 auto;
    background-image: linear-gradient(to top, #444 0%, #222 100%);
    background-repeat: repeat-x;
	position:relative;
	z-index:2;
}

#footer-cont {
    width:100%;
	background-image: linear-gradient(to top, #444 0%, #222 100%);
    background-repeat: repeat-x;
	position:relative;
	z-index:1;
}

.navbar-brand img {width:190px; height:40px; display:inline; position:relative; top:-2px; margin:0 .5em 0 0;}

.navbar-brand #logo{
  background-image: url("../images/logo.png");
  background-image: url("../images/logo.svg"), none;
  background-repeat: no-repeat;
  image-rendering: optimizequality;
  background-size: contain;
  width:190px;
  height:40px;
  position:relative;
  top:-3px;
}

/* ===== Initializr Styles ================================================== */

body {font: 14px/22px Helvetica, Helvetica Neue, Arial; }

.wrapper {width: 90%; margin: 0 5%; }

/*Google fonts =
    font-family: 'Dosis', sans-serif;
    font-family: 'Expletus Sans', cursive;
    font-family: 'Exo', sans-serif;
    font-family: 'Quicksand', sans-serif;
*/	

.navbar {font-family: 'Expletus Sans', Helvetica, Helvetica Neue, Sans-Serif; font-weight:500; background-image: linear-gradient(to top, #333 0%, #444 100%);}

.content h1, footer h1,
.content h2, footer h2,
.content h3, footer h3,
.content h4, footer h4,
.content h5, footer h5,
.content h6, footer h6 {
	font-family: 'Exo', Helvetica, Helvetica Neue, Sans-Serif; font-weight:600;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	margin-left: -3px;
}

.content header {position:relative}
	
.com_a h3 {font-family: 'Dosis', Helvetica, Helvetica Neue, Sans-Serif; font-weight:600;}

.jumbotron h1, .jumbotron p {font-family: 'Exo', Helvetica, Helvetica Neue, Sans-Serif; font-weight:bold;}

/* ===================
          Theme
   =================== */

.header-container {
    padding-bottom: 5px;
    background: url("../img/head-img.png") no-repeat scroll left bottom transparent;
    -webkit-box-shadow: 0 5px 10px #aaa;
    -moz-box-shadow: 0 5px 10px #aaa;
    box-shadow: 0 5px 10px #aaa;
    }

/*.footer-container,*/
/*aside {
    -webkit-box-shadow: 0 -5px 10px #aaa;
    -moz-box-shadow: 0 -5px 10px #aaa;
    box-shadow: 0 -5px 10px #aaa;
    padding-bottom: 20px;
}*/

.main-container {
    background: url("../img/foot-img.png") repeat-x bottom;
    padding-bottom: 55px;
}

.footer-container {
    background: #242014;
}

.logo {
    float: left;
    margin: 10px 15px 10px 0;
}

.title {
    width: 200px;
    float: left;
    margin: .75em 0;
    padding: 5px 0;
}

.jumbotron {
	padding: 50% 0;
	background-size: 100%;
}

.jumbotron .container {
	width: 100%;
	position: absolute;
	top: 7.5em;
}

#welcome {
	width: 100%;
	position: relative;
	background-image: linear-gradient(to bottom, #bbb 0%, #eee 100%);
    background-repeat: repeat-x;
	z-index:1;
}

#welcome h1 {
	padding:.75% 0;
	margin:0;
	font-size:100%;
}

#blue-line {
	position: relative;
	width:100%;
	height:1px;
	z-index:3;
	background-image: linear-gradient(to right, #007 0%, #00D 50%, #007 100%);
}

#green-line {
	position: relative;
	width:100%;
	height:1px;
	z-index:3;
	background-image: linear-gradient(to right, #050 0%, #090 50%, #050 100%);
}

#footslide {
	color: #ccc;
	width: 100%;
	position: fixed;
	bottom: 0;
	padding: 5px 0;
	background-image: linear-gradient(to bottom, #222 0%, #3c3c3c 100%);
    background-repeat: repeat-x;
}

#footslide p{
	margin:0;
	text-align:center;
	font-size:1.2em;
}

#slidecover {
	width: 100%;
	background: #000;
	color: #BBB;
	padding: 0 0 2%;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 0px -15px 25px 15px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -15px 25px 15px rgba(0,0,0,0.75);
	box-shadow: 0px -15px 25px 15px rgba(0,0,0,0.75);
}

/*=============================================================================
Table styling
==============================================================================*/

table#conversion { border-width: 0px; border-spacing: 0px; border-style: none; margin:20px auto;}
table#conversion th { border-width: 0px; padding:3px 10px 3px 4px; font-size: 1em; border-bottom: 2px solid #128484; }
table#conversion td { border-width: 0px; padding:3px 10px 3px 4px; font-size: .8em; border-top: 1px solid #128484; }
table#conversion th:nth-child(2n+1){ background-color: #BFE0FA; }
table#conversion th:nth-child(2n){ background-color: #D9E9FA; }
table#conversion td:nth-child(2n+1){  background-color: #C3E5FF; }
table#conversion td:nth-child(2n){  background-color: #DDEEFF; }

table.prices { border-spacing: 0px; border-style: none; border-color: #128484; width: 100%;}
table.prices th { width: 140px; border-width: 0px; padding:7px 10px; font-size: .9em; border-right: 3px solid #128484; background-color: #d0dafd; }
table.prices td { border-width: 0px; padding:7px 10px; font-size: .9em; }
table.prices tr:nth-child(2n) th { background: #BFE0FA; }
table.prices tr:nth-child(2n+1) th { background: #D9E9FA; }
table.prices tr:nth-child(2n) { background: #C3E5FF;}
table.prices tr:nth-child(2n+1) { background: #DDEEFF;}

table.pricesCompare { border-spacing: 0px; border-style: none; border-color: #128484; width: 100%;}
table.pricesCompare th { border-width: 0px; padding:7px 10px; font-size: .9em; border-bottom: 3px solid #128484; background-color: #d0dafd; }
table.pricesCompare td { border-width: 0px; padding:7px 10px; font-size: .9em; }
table.pricesCompare th:nth-child(2n+1){ background-color: #BFE0FA; }
table.pricesCompare th:nth-child(2n){ background-color: #D9E9FA; }
table.pricesCompare td:nth-child(2n+1){  background-color: #C3E5FF; }
table.pricesCompare td:nth-child(2n){  background-color: #DDEEFF; }

table.total { border-spacing: 0px; border-style: none; border-top: 3px solid #128484; width: 100%;}
table.total th { width: 140px; border-width: 0px; padding:7px 10px; font-size: .9em; border-right: 3px solid #128484; background-color: #6ED2D2; }
table.total td { border-width: 0px; padding:7px 10px; font-size: .9em; background-color: #A0DCDC;}


/* ==========================================================================
   Custom styles
   ========================================================================== */

p {margin: .7em 0; }

.fl {float: left;}
.fr {float: right;}

.tr {text-align:right}
.tc {text-align:center}

.tsnp {font-size:.9em}
.tstq {font-size:.75em}
.tshf {font-size:.5em}
.tsoq {font-size:.25em}

.nm {margin:0}
.mtenpx {margin:10px}
.mtwtpx {margin:20px}
.mtrtpx {margin:30px}
.mfrtpx {margin:40px}
.mftypx {margin:50px}

.tcl, .tcr {margin-top:20px; padding:1%}

.tcl h1, .tcr h1 {margin-top:0}

.main a, .main a:link, .main a:visited {color: #428484; text-decoration: none; }
.main a:hover {color: #128484; text-decoration: underline; }
.main a:active {text-decoration: none;}

.com_q {float:left; width:40%; padding:0 0 0 2%; font-weight: bold; color: #128484;}
.com_a {float:left; width:60%; padding:0 0 0 2%; }

.upcoming .com_a, .upcoming .com_q {width:45%; padding:.2em 0 .2em 2%;}

.prevcomyr {float:left; width:45%; margin:2%}
.com_r {float: left; width: 50%; padding: .5% 2%; font-weight: bold; color: #128484; border-right: 1px solid #333;}
.com_p {float: left; width: 40%; padding: .5% 2%; position:relative; left:-1px; border-left: 1px solid #333;}
.prevcomyr .box {width:100%; border: 1px solid #333; border-bottom:none}
.prevcomyr .clearfix {width:100%; border-bottom: 1px solid #333;}


/* Styles for Slideshow. */
.rslides {position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:25px auto; /*border:5px solid #55AAAA;*/}
.rslides li {-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; }
.rslides li:first-child {position: relative; display:block; float:left; }
.rslides img {display:block; height:auto; float:left; width:100%; border:0; }

footer a, footer a:link, footer a:visited, #footslide a, #footslide a:link, #footslide a:visited {font-size: 2em; color: #55AAAA; text-decoration: none; display:block; margin:.5em 0;}
#slidecover a, #slidecover a:link, #slidecover a:visited {font-size: .85em; color: #55AAAA; text-decoration: none; margin:-.3em 0;}
footer a:hover, #slidecover a:hover , #footslide a:hover {color: #008E8E; text-decoration: none; }
footer a:active, #slidecover a:active , #footslide a:active {text-decoration: none;}

footer a img {vertical-align: baseline;}

#footslide h2 {font-family: 'Quicksand', Helvetica, Helvetica Neue, Sans-Serif; font-weight:600; margin:.8em 0;}

.indshow { width:100%; }

#map_div {border: 5px solid #F4F4F4; height: 390px; width: 96%;}
.infowindow {font: 14px/18px Helvetica, Helvetica Neue, Arial;}

.acelr {
    margin: 1%;
    height: 35px;
    width: 135px;
    background-image: url(../images/acelr.png);
	background-size: contain;
    float: left;
}

/* Standard Form Element Styles */
form { border:none; margin:0; padding:0; color:#333333; }
label, fieldset { border:none; margin:2px 0 0 0; padding:0; color:#333333; }
textarea, optionvalue { width:99%; border:thin solid #999999; margin:2px 0 0 0; padding:0; }
input:focus, select:focus, textarea:focus { background: #D2F2EC; }
select {height:24px; border:thin solid #999999}
/* Custom classes for Form Element Styles */
.text_input { width:99%; border:thin solid #999999; margin:2px 0 5px 0; padding:0; background:#FFFFFF; }
.radio { margin:0 35px -2px 10px; padding:0; background:#FFFFFF; position:relative; top:2px }
.required, .invalidValue {color: #CC0000; font-size: small; font-weight: normal; margin: 0;}
.highlight { border:thin solid #CC0000; }
#contact { margin:10px 0 }

/* Styles for the Show/Hide functionality. */
.more { display: none; }
a.showLink, a.hideLink { text-decoration: none; color: #128484; font-size: small; text-align: left; display:block; margin-bottom: 10px;}
a.showLink:hover, a.hideLink:hover { text-decoration: underline; display:block; margin-bottom: 10px;}
/*.addmore { color: #128484; font-size: small; text-align: left; float: left; height: 15px; width: 545px; }*/

#archives {padding-bottom: 15px }
#archives ul, ol {padding:0; list-style: none;}
#archives ul div ul {padding:0 0 0 20px; margin:0; list-style: none;}
#archives a.showLink, a.hideLink { margin-bottom: 5px;}
#archives a.showLink:hover, a.hideLink:hover { margin-bottom: 5px;}

#headhome {margin: 0 0 20px 8px}

.date {
    font-size:0.9em;
    color: #009080;
}

aside .events {
    margin: -4px 0 0 0;
}

.stafflist h2, .stafflist h3 {font-size:1.5em; display:inline;}

.stafflist hr {margin:1em 0;}

.stafflist .clearfix{margin: .5em;}

.trip, .upcoming {
	border-bottom: solid #428484;
	padding: 0.42em 0 1em;
}

.trip img, .upcoming img {
	margin:0.42em 0;
}

.upcoming h3, .upcoming h4 {display:inline; margin:.5em .5em .5em 0;}

.half {width:50%;}

.threeq {width:75%;}

.person {
    border-bottom: solid #428484;
	padding: 0.42em 0 1em;
}

.toprule {padding: 0.24em 0; }

.dash {border-bottom: thin dashed #428484;
	padding:.25em;}

.mug {
	width:140px;
    padding-left: 10px;
    padding-right: 10px;
}

footer .fl, footer .fr {
    margin: 1%;
}

#address {
    /*padding: 15px;*/
    font: 12px/18px Helvetica,Helvetica Neue,Arial;
    text-align: center;
}

img.pict_fb {
    width:30px;
    height:30px;
    background:url("../img/pictograms.png") 0 0;
    position: relative;
    top: -5px;
}

img.pict_fb:hover {
    background:url("../img/pictograms.png") -30px 0;
}


/* ==============
    MOBILE: Menu
   ============== */

#menu ul {
    margin: 16px 0px;
    padding: 0;
	list-style: none;
}

#menu a {
    color: white;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: center;
	border-radius: 5px;
	background-image: linear-gradient(to top, #007D7D 0%, #00B4B4 100%);
	background-repeat: repeat-x;
	border-color: #007D7D;
}

#menu a:link,
#menu a:active,
#menu a:visited, {
    color: white;
}

#menu a:hover {
    color: white;
    text-decoration: none;
	background-image: linear-gradient(to bottom, #007D7D 0%, #00B4B4 100%);
}

/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 25px 0 35px 0;
}

.main article {
    margin: 0 2%;
}

.main article h1, #headhome h1 {
    font-size: 2em;
    margin: 0 0 .6em 0;
}

/*aside {
    color: black;
    padding: 1px 2% 25px;
    margin: 42px 1% 20px 0;
}*/

.footer-container footer {
    color: #ccc;
    padding: 20px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}


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

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

/* ====================
    INTERMEDIATE:#menu
   ==================== */

	#top {min-height:calc(100vh - 305px)}
   
    .title {
        width: 75%;
        margin: 1.2em 0 .5em 0;
    }
	
	#menu {
	float: right;
	}
	
    #menu a {
		float: left;
		margin: 0 10px 10px 0;
		padding: 5px 15px;
    }

    #menu li:first-child a {
        margin-left: 0;
    }

    #menu li:last-child a {
        margin-right: 0;
    }

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    #menu ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }
		
	#map_div {width:97%}
	
	footer a, footer a:link, footer a:visited, #footslide a, #footslide a:link, #footslide a:visited {font-size: .85em; margin:-.3em 0;}
	
}

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

/* ============
    WIDE: Main
   ============ */

	#map_div {width:100%}
	
	.tcl, .tcr {width:48%; float: left; padding:0 5% 0 0}
    .tcr {padding:0 0 0 5%;}

    .tclb {width:48%; border-right:thin solid #999999 }
    .tclr {width:48%; border-left:thin solid #999999; position:relative; left:-1px;}
}

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

   .modflex {
        float: left;
        width: 60%;
        padding: 0 2.5% 0 1%;
		border-right: thin solid #999999
		}


    aside {
        float: right;
        width: 40%;
		padding: 0 0 0 2.5%;
		border-left:thin solid #999999; position:relative; left:-1px;
	}

	.report {width:80%}
	
	#welcome h1 {font-size:140%;}  

}

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

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
	
	#welcome h1 {font-size:180%;}
	
}

@media (max-width: 767px) {
    
	.trip img {width:25%;}
	.half {width:70%}
	.clearsm {clear:both}
	.centersm {margin:4% auto; display:block; float:none; text-align:center}
	.tsnp {font-size:.75em}
	.tstq {font-size:.6em}

}


@media (max-width: 992px) {
  
  article {padding:0 0 .5em 0;}
  aside {margin:1em 0; border-top:thin solid #999999;}
  .upcoming img {width:90px;}
  .prevcomyr {float:none; width:95%; margin:2%}
  #welcome h1 {font-size:120%;}  

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
	width: 100%;
    *zoom: 1;
}

.clearboth {
    clear: both;
}