html, button, input, select, textarea {color: #222; }  body {font-size: 1em;line-height: 1.4; 	padding-top: 50px;background: url("/img/bg.png") repeat-y 100%; 	height: 100% }  #bg {background: url("/img/bg-img.jpg") no-repeat 100% top; }  .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: #b3d4fc;text-shadow: none; }  ::selection {background: #b3d4fc;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 { 	padding: 1em 2em 2em; 	margin: 0 auto;background-image: linear-gradient(to top, #3c3c3c 0%, #222 100%);background-repeat: repeat-x; 	position:relative; 	z-index:2; }  #footer-cont {width:100%; 	background-image: linear-gradient(to top, #3c3c3c 0%, #222 100%);background-repeat: repeat-x; 	position:relative; 	z-index:1; }  .navbar-brand img {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:20px;   height:25px;   position:relative;   top: -4px;   float: left;   padding: 0px 15px } /* ===== 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;}  .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; color:#428484} 	 .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; }  #footslide { 	color: #999; 	width: 100%; 	position: fixed; 	bottom: 0; 	background-image: linear-gradient(to bottom, #222 0%, #3c3c3c 100%);background-repeat: repeat-x; }  #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; }  .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;}  .fl {float: left;} .fr {float: right;}  .tr {text-align:right}  .tcl, .tcr {padding:1%}  /* 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: 0 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: 10px 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 bottom, #337ab7 0%, #265a88 100%); 	background-repeat: repeat-x; 	border-color: #245580; }  #menu a:link, #menu a:active, #menu a:visited {color: white; }  #menu a:hover {color: white;text-decoration: none;background: #265a88; }  /* ==============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: #999;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%}  }  @media only screen and (min-width: 1140px) { .wrapper {    width: 1026px; /* 1140px - 10% for margins */    margin: 0 auto;} }  @media (max-width: 767px) {  .trip img {width:25%;}   .half {width:70%}   .prevcomyr {width:95%;}  } @media (max-width: 992px) {article {padding:0 0 .5em 0;}   aside {margin:1em 0; border-top:thin solid #999999;}   .upcoming img {width:90px;}  }   /* ==========================================================================    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; }