@charset "UTF-8";
/* CSS Document */

a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:focus { text-decoration:none; }
a:active { color: #333; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a img { border: 0; }

body {
	font-family: 'Open Sans', sans-serif;
	-webkit-text-size-adjust: 100%;
	/*background:url(images/system/bg.png);*/
	background:#FFF;
	margin: 0;
	padding: 0;
}
.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand. 
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.menu_trigger {
	display:none;
}
span.text-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
/* TESTING MAP CODE */

#map {
	width: 100%;
	height: 300px;
}
#map2 {
	height:200px;
	width:100%;
}
#infowindow {
	max-width:400px;
}
a.infowindow {
	text-align:center;
}
/* News */
.news-slider {
  /* Style the actual content */
}
.news-slider .text-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 1em;
  width: 20%;
  height: 100%;
}
.news-slider .text-content h2 {
  margin: 0;
}
.news-slider .text-content p {
  margin: 1em 0;
}
.news-slider .text-content a.button-link {
  padding: 0.25em 0.5em;
  position: absolute;
  bottom: 1em;
  right: 1em;
}
.news-slider .image-content {
  line-height: 0;
}
.news-slider .image-content img {
  width: 100%;
}
.news-slider .news-pager {
  text-align: right;
  display: block;
  margin: 0.2em 0 0;
  padding: 0;
  list-style: none;
}
.news-slider .news-pager li {
  display: inline-block;
  padding: 0.6em;
  margin: 0 0 0 1em;
}
.news-slider .news-pager li.sy-active a {
  color: #31ace2;
}
.news-slider .news-pager li a {
  font-weight: 500;
  text-decoration: none;
  display: block;
  color: #222;
}


/* END OF TESTING CODE - START OF RESPONSIVE SLIDES CODE */

.buffer {
	margin-top: 20px;
}
textarea {
	resize:none;
}
.spacer {
	margin-top: 20px;
}
img.stars {
	margin-left: 15px;
	margin-bottom: 12px;
}
p.mini {
	font-size: .8em;
}
p.tiny {
	font-size: .7em;
}
p.crumbs {
	font-size: .9em;
	padding:0;
	margin:0;
}
p.pdf-dialog {
	line-height:32px;
	text-align:left;
}
p.details, h3.details {
	margin-left: 20px;
}
h1.details {
	margin-bottom:0;
}
h1.listing {
	margin:0;
	padding: 1em 0;
}
h1.center, h2.center, h3.center, h4.center, p.center {
	text-align:center;
}
a.home:hover {
	color:#999;
}
nav a.nounder:hover {
	border-bottom:none;
}
a.btn-success:link {
	color:#FFF;
}
a.greenbg {
	color:#FFF;
	background:#5cb85c;
	padding: 10px 16px;
	border-radius: 5px;
}
a.greenbg:hover {
	background:#449d44;
	border: none;
}
.hover:hover img {
	opacity:0.7;
}
input[type=text], input[type=password], textarea {
  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  /*margin: 5px 1px 3px 0px;*/
  border: 1px solid #DDDDDD;
}
 
input[type=text]:focus, input[type=password]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  /*margin: 5px 1px 3px 0px;*/
  border: 1px solid rgba(81, 203, 238, 1);
}
form.center {
	width: 300px;
	margin: 0 auto;
}

/* full width layout */

.panel-counter {
	padding: 5px;
	font-size: 20px;
	color: #333;
	-moz-transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-moz-transform: rotate(-90deg) translateY(100%);
	-webkit-transform: rotate(-90deg) translateY(100%);
	transform: rotate(-90deg) translateY(100%);
}
.breadcrumbs {
	padding: 5px 0;
	margin-top: 10px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#container, .breadcrumbs_inner {
	width: 100%;
	max-width: 1170px;
	/*background:#CCC;*/
	overflow:hidden;
}
#logo_responsive {
	display:none;
}
#header_container {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding: 0 15px 0 15px;
	max-width: 1170px;
}
#footer {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1170px;
	color:#FFF;
}
.footer_col2r a {
	color:#FFF;	
	font-size:12px;
}
.footer_col2r a:hover {
	color:#999;
}
.nav ul li.emphasis {
	border:3px solid #37B72D;
}
.nav ul li.emphasis:hover, .nav ul li.emphasis:active {
	background:#37B72D;
	color:#FFF;
}
.nav ul li.mobileonly {
	display:none;
}

/*#header_left, #header_right {
	width: 50%;
	float: left;
}
img.header_logo {
	position:absolute;
	left:2%;
	top:12px;
}*/
#header_left {
	width: 25%;
	float: left;
}
.fw h2 {
	text-align:center;
	font-size: 1.7em;
	color:#333;
	padding: 1% 0;
}
.fw p {
	text-align: center;
	padding-bottom: 2%;
}
.fw_band_top {
	width: 100%;
	background:#0094D9;
	height:60px;
}
.fw_band, .fw_band_header {
	width: 100%;
	background:#FFF;
	/*height:180px;*/
	/*margin-bottom:15px;
	border-bottom:2px solid #000;*/
}
.fw_band_foot {
	width: 100%;
	background: #0094D9;
	/*margin-top:50px;*/
}
.fw_band_top_buttons {
	width: 100%;
	background: #0094D9;
}
.fw_band_main_image {
	width: 100%;
}
.fw_band_dark {
	width: 100%;
	background: #fff;
}
ul, ul.menu {
	text-align:right;
	margin:0;
	padding: 0 1.0416667%;
	font-size: 20px;
}
ul.error {
	text-align: center;
	list-style-type: none;
}
ul.error li {
	font-size: 24px;
}
ul.pagelinks, ul.contentlist, ul.walk-details {
	list-style-type:none;
	text-align:left;
	padding:0;
}
ul.content {
	text-align:left;
	font-size:14px;
}
ul.details {
	margin:0;
	padding:0;
}
ul.details li {
	text-align: left;
	list-style-type: none;
}
#top_buttons ul li {
	background:#FFF;
	color: #000;
	font-size:0.7em;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-top:1px solid #CCC;
	display: inline-block;
	margin-top: 10px;
	padding: 5px 1.0416667%;
}
#top_buttons ul li.user {
	background: none;
	color: #FFF;
	border:none;
}
#top_buttons ul li:hover {
	color: #000;
	background: #FFF;
}
#top_buttons ul li.user:hover {
	color: #FFF;
	background: none;
	cursor:default;
}
#nav a.red:hover {
	border-color:#F00;
}
#nav a.yellow:hover {
	border-color:#FF3;
}
#nav a.green:hover {
	border-color:#0F3;
}
#nav a.blue:hover {
	border-color:#00F;
}
.nav ul li {
	display: inline-block;
	padding: 3.5em 1% 3.5em 2.0416667%;
}
.nav ul li.emphasis {
	display: inline-block;
	padding: 1em 1% 1em 1%;
}
.nav a.normal:hover {
	border-bottom: 2px solid #333;
	padding-bottom:5px;
}
.fw {
	width: 96%;
	margin: 0 1% 0;
	padding:1%;
}
.fw_shaded {
	width: 96;
	margin: 0 1% 0;
	padding:1%;
	text-align:left;
}
.col2 {
	margin: 0 1% 2%;
	float: left;
	padding:1%;
	width: 46%;
	height:400px;
	background: #999;
}
.col3 {
	margin: 0 1% 2%;
	float: left;
	padding:1%;
	width: 29.33333333%;
	height:400px;
	background: #999;
}
.atoz {
	font-size: 20px;
}
ul.walk-details li {
	float: left;
	padding-right: 10px;
}
ul.atoz li {
	list-style-type: none;
	width: 160px;
	float: left;
	padding-right: 20px;
	text-align: left;
	font-size: 13px;
}
#footer {
	overflow: hidden;
	font-size: 0.8em;
}
#footer ul {
	list-style-type: none;
	display:block;
}
#footer ul li {
	display:inline-block;
	margin-top:30px;
	font-size:12px;
}
#footer a:hover {
	border-bottom: 1px dotted #333;
}
.footer_col2r ul li {
	padding-left: 10px;
	margin-top: 30px;
	margin-bottom: 60px;
}
.footer_col2l, .footer_col2r {
	float: left;
	width: 50%;
}
.footer_col2l {
	padding: 1% 2% 1% 0;
}
.footer_col2r {
	padding: 1% 0% 1% 2%;
}
.footer_col2l ul {
	text-align: left;
	padding: 0;
}
.footer_col2r ul {
	text-align: right;
	padding: 0;
}
.footer_col2l ul li {
	
}
.events_title {
	float: left;
	margin-left:1%;
	margin-right:1%;
	width:98%;
}
h2.events_title {
	margin:0;
	padding:0;
	font-size: 1.2em;
}
.events_holder {
	padding: 1%;
	margin-left:1%;
	margin-right:1%;
	width:96%;
	min-height:150px;
	/*background: #333;*/
	float: left;
}
.events_col {
	float: left;
	margin:1%;
	width: 23%;
	min-height: 100px;
	background: #CCC;
}
.events_col_inner {
	float: left;
	margin: 2%;
	width: 96%;
	padding: 0;
}
.events_title h3 {
	margin:0;
	text-align:center;
}
.events_text p {
	margin: 0;
	font-size:0.9em;
}
.listing_thirds {
	width: 100%;
	display:table;
	border-spacing:10px;
	background: #CCC;
}
.listing_third, .listing_third_right {
	display:table-cell;
	width: 32%;
	min-height: 300px;
}
.listing_third {
	margin-right: 2%;
}
.listing_container {
	width: 100%;
	display: table;
}
.listing_content_details {
	width: 25%;
	display: table-cell;
}
.listing_content_text {
	width: 72%;
	padding-left: 3%;
	display: table-cell;
	vertical-align:top;
}
.listing_content_text p {
	text-align: justify;
}
.listing_content_details img, .listing_content_text img {
	vertical-align: top;
}
#map-canvas {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.listing_content_map {
	position: relative;
	width: 100%;		/* desired width */
}
.listing_content_map:before {
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
#Info {
	margin-left: 10px;
}
ul.terms li {
	text-align:left;
}
img.header_logo {
	position:absolute;
	top:12px;
    display: block;
	margin: 0 auto;
}
a.paragraph:link {
    color: #000;
    border-bottom: 1px dotted;
}
a.paragraph:focus {
	text-decoration:none;
	border-bottom: 1px solid #000;
}
a.paragraph:hover {
	text-decoration:none;
	border-bottom: 1px solid #000;
}
/* Menu breakpoint layout */

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

.fw_band_top {
	display: none;
}
img.header_logo {
	display: none;
}
.nav ul img.desktoponly {
	display:none;
}
a.greenbg {
	background:none;
	color:#000;
}
a.greenbg:hover {
	background:none;
	border-radius:0;
}
#logo_responsive {
	display:block;
	position:absolute;
	top:20px;
	left:20px;
}
img.header_logo_responsive {
    width:40px;
	height:40px;
	top:20px;
	display: block;
	margin: 0 auto;
}
.fw_band_top_buttons {
	display:none;
}
.nav {
	display: none;
	height:auto;
}
.nav ul li {
	width: 100%;
	text-align:center;
	display: block;
	line-height: normal;
	padding:10px;
	border-bottom:1px solid #CCC;
	margin:0;
}
.nav ul li:last-child {
	border-bottom: none;
}
.menu_trigger {
	display:block;
	/*height: 75px;*/
	height: 55px;
	text-align:right; 
	padding: 10px;
}
.menu_trigger img {
	display:inline;
	margin-top:12px;
}
.nav_expanded {
	display: block;
}
.nav ul li.mobileonly {
	display:block;
}

/* 768px max layout */

@media screen and (max-width: 768px) {
	#container, #header_container {
		max-width:768px;
	}
p {
	font-size: 0.8em;
}
#header_left, #header_right {
	width: 100%;
}
#header_left {
	text-align:center;
}
ul.menu {
	text-align: center;
}
.col2 {
	width: 96%;
	margin: 0 1% 2%;
	padding: 1%;
}
.col3 {
	width: 96%;
	margin: 0 1% 2%;
	padding: 1%;
}
.footer_col2l, .footer_col2r {
	width: 96%;
	margin: 0 1% 2%;
	padding: 1%;
}
#footer ul {
	text-align:center;
	font-size: 0.7em;
}
.footer_col2l {
	margin: 1%;
}
.events_col {
	margin: 0 1% 1%;
	float: left;
	padding:1%;
	width: 46%;
	min-height:300px;
	background: #999;
}
.listing_content_details {
	width: 35%;
}
.listing_content_text {
	width: 62%;
	padding-left: 3%;
}
#map-canvas {
	max-height: 100px;
}
/* 396px max layout */

@media screen and (max-width: 396px) {
	#container, #header_container {
		max-width:396px;
	}
ul.menu {
	text-align: center;
	font-size: 0.8em;
}	
.events_col {
	width: 96%;
	margin: 0 1% 2%;
}
.listing_content_details {
	float: left;
	width: 100%;
}
.listing_content_text {
	float: left;
	width: 100%;
	padding: 0;
}