

/* -------------------------------------
/*  Nature Walk - Frederick Matzen
/* -------------------------------------*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

body { background: #fff; margin: 0; }
#login-page {background:#fff;}
body, p, table, td, th, ul, ol, textarea, input { font-family: "Open Sans", sans-serif !important }
h1, h2 { font-family: "Open Sans", script !important; font-weight: 300; }
h3, h4, h5, h6, .ahn-widgetSize2-title h2 { font-family: "Open Sans", sans-serif !important; font-weight: 400; }
h1 { font-size: 3.6em; margin-top: 0px; margin-bottom: 10px; font-weight: 400; color: #014f6b; line-height: 2em; : ; }
h2 { font-size: 2.6em; margin-top: 10px; margin-bottom: 10px; font-weight: 400; color: #014f6b; line-height: 100%; }
h3 { font-size: 1.3em; margin-bottom: 10px; font-weight: 400; color: #014f6b; }
h4 { font-size: 1em; font-weight: 400; color: #444; margin-bottom: 6px; }
h5 { font-size: 0.93em; font-weight: 300; color: #000; }
h6 { font-size: 0.87em; font-weight: 300; color: #333; }
p { font-size: 14px; margin-bottom: 15px; text-align: left; color: #333; font-weight: 300; }

/* Default Values
------------------------------------------------------------------- */
a:link { color: #014f6b; text-decoration: none; }
a:visited { color: #014f6b; text-decoration: underline; }
a:focus { color: #014f6b; text-decoration: underline; }
a:active { color: #014f6b; text-decoration: underline; }
a:hover { color: #016b51; text-decoration: underline; }

/* Mobile Site Buttons
------------------------------------------------------------------- */
.mobile-button-wrapper {margin:auto;box-sizing: border-box;box-sizing: border-box;padding:auto;}
.mobile-button-wrapper a {text-decoration: none;}
.mobile-button-wrapper a:hover .large-mobile-button {background-color: #6b9aa6;color:#ffffff;}
.large-mobile-button {background-color: #83bcca;color:#ffffff;box-sizing: border-box;padding: 30px 0px;font-size: 60pt;text-align: center;font-weight: bold;font-family:'Open Sans', sans-serif;border-radius: 30px; margin: 0px 0px 20px;width:auto;}
#footer-mobile-button {background-color: #83bcca;color:#ffffff !important;padding: 3px 7px;text-align: center;font-size: 11px;font-family:'Open Sans', sans-serif;border-radius: 4px;}
#footer-mobile-button:hover {background-color: #6b9aa6;color:#ffffff;}

/* Layout Structure Elements 
------------------------------------------------------------------- */
#wrapper { background: transparent; width: 100%; height: 100%; margin: 0 auto; }
#shell { background: #fff; height: auto; width: 1070px;margin: 0 auto; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }
#content { background: transparent; width: 98.5%;padding: 5px; margin: 0 auto; text-align: left; }
#footer {background: #243344;background: -moz-linear-gradient(top, #243344 0%, #192431 100%);background: -webkit-linear-gradient(top, #243344 0%,#192431 100%);background: linear-gradient(to bottom, #243344 0%,#192431 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243344', endColorstr='#192431',GradientType=0 );width: 100%; height: 110px; postition: relative; }
.ahn-wrapper { padding: 4px 20px }
#ahn-bottom-content { background: #F0EFEC }
.ui-tabs .ui-widget-header .ui-state-default.ui-state-active { background: transparent;box-shadow: -1px -2px 2px rgba(0,0,0,.1);}
.std-table { border-collapse: collapse; border: 1px solid #006000; }
/*   Header Elements
Use the top, left, or right to move the logo and 2 images around
------------------------------------------------------------------- */
#header { width: 100%; margin: 0 auto; text-align: center; }
#hdr-wrap { position: relative; width: 1070px; min-width: 960px; background: transparent; margin: 0 auto; height: 134px; }
#logo {position: absolute;top: 36px; width: 200px;}
#nav-bar { width: 100%; height: 36px; margin: 0 auto;padding-top: 68px;}
#hdr1, #hdr3, #hdr5 { position: absolute; transition: .35 all; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px;text-transform: uppercase;padding: 8px 15px;width: 175px;text-align: center;letter-spacing: .075em;}
#hdr1{top: 0; right: 205px;background: #73a7b4;}
#hdr3, #hdr5 {top: 0; right: 0;background: #83bcca;}
#hdr3:hover, #hdr5:hover {background:#8cc8d7;}
#hdr1:hover {background: #6b9aa6;}
#hdr1 a, #hdr1 a:hover, #hdr3 a, #hdr3 a:hover, #hdr5 a, #hdr5 a:hover {color: #fff;text-decoration: none;}
.ahn-search-results-container .ahn-feature-action-bar p { font-size: 1.1em; color: #fff; }
.ahn-search-results-container LI A { font-size: 1.05em }
#imageBar { width: 100%; margin: 0 auto; }
/* Nav Menu Elements
------------------------------------------------------------------- */
div#listmenu { float: none; width: 100%; min-width: 960px; margin: 0 auto; text-align: center; border-left: 0; border-top: 0; border-bottom: 0; border-right: 0; font-family: "Open Sans", sans-serif; background-color: transparent; z-index: 500; position: relative; padding-left: 0px; font-size: 1.2em; font-weight: 400; color: #333; }
div#listmenu ul { margin: 0; border: 0; padding: 0; text-align: right; }
div#listmenu li { float: none; text-align: center; position: relative; list-style: none; background-color: transparent; border-right: 0; border-left: 0; display: inline-block; *display: inline; *zoom: 1; }
div#listmenu li:first-child { border-left: 0 }
div#listmenu li:last-child { border-right: 0 }
span.spacer:hover { background-color: #ccc; border: 0; }
div#listmenu a { display: block; padding: 3px 8px 4px 5px; text-decoration: none; font-family: 'Open Sans', sans-serif; color: #333; font-weight: 400 !important; letter-spacing: 0px; font-size: 1.2em;text-transform: uppercase;}
div#listmenu a:visited, div#listmenu a:focus {color: #333;}
div#listmenu a:hover {color: #333;}
div#listmenu ul li:hover, div#listmenu ul li ul li:hover { background: #8CC8D7;}

/* the drop-down starts here */
div#listmenu ul li ul { margin: 0px; z-index: 15; position: absolute; left: -1px; background-color: transparent; width: 160px; border: 0px; }
div#listmenu ul li ul li { background: #017099; width: 160px; border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; text-align: left; border-top: 1px solid #fff; }
div#listmenu ul li ul li a { padding: 0 6px; color: #fff; font-weight: 400; font-size: .95em; border-right: 0px #eee solid; }
div#listmenu ul li ul li a:visited { color: #fff }
div#listmenu ul li ul li:hover { background: #015e80; border-bottom: 0px; }
div#listmenu ul li ul li:hover a { color: #fff }
div#listmenu ul li ul li:first-child { border-top: 0px #cc4400 solid }
div#listmenu ul li ul li ul li { border: 1px solid #fff !important }
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul { display: none }
div#listmenu ul li:hover ul { display: block; width: 120px; }
/* pop-out starts here */
body div#listmenu ul li ul li ul { position: absolute; visibility: hidden; top: -1px; left: 10.85em; }
div#listmenu ul li ul li:hover ul { visibility: visible }
/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul { visibility: hidden }
div#listmenu ul li ul li ul li:hover ul { visibility: visible }
/* THE HACK ZONE - */
* html div#listmenu ul { border: 0 }
* html div#listmenu ul li ul { margin: 0 0 0 -40px; z-index: 10; position: absolute; width: 120px; border: transparent; left: -1px; background-color: transparent; }
* html  div#listmenu ul li ul { margin: 0; z-index: 10; position: absolute; width: 120px; border-right: 0px; left: 0px; }
* html div#listmenu ul { float: left; border-left: 0; margin-left: 0px; }
* html  div#listmenu ul li ul { border-top: 0; border-left: 0px; }
* html  div#listmenu ul li ul li ul { left: 9.85em; voice-family: "\"}\""; voice-family: inherit; left: 10.85em; }
html>body div#listmenu ul li ul li ul { left: 10.85em }
/* Footer Content Box */
.footer-content { width: 1024px; min-width: 960px; background: transparent; margin: 0 auto; position: relative; }
.footer-logo { background: transparent; position: absolute; top: 2px; right: 20px; }
.footer-logo a { display: block; padding-top: 12px; font-family: "Open Sans", script !important; font-weight: 300; font-size: 2.7em; color: #fff; text-shadow: -1px 2px 2px #000; }
p.ftLine { color: #fff; font-size: 1.1em; text-align: center; font-family: 'Open Sans', sans-serif !important; position: absolute; top: 48px; left: 12px; font-weight: 400; letter-spacing: 1px; }
p.ftLine a { color: #fff }
/* UP Features */
.ahn-feature-action-bar a:link, .ahn-feature-action-bar a:visited, .ahn-feature-action-bar a:focus { color: #fff }
.ahn-feature-action-bar a:hover { color: #d5d013 }
.ahn-feature-bottom-bar { background: #333333; padding: 0; height: 2px; text-align: center; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; clear: left; }
#ahn-bottom-content { background: transparent }
#ahn-side2-content {background: transparent;}
.ui-state-default a { color: #fff;}
.ui-state-default.ui-state-active a { color: #003 }
.ahn-gallery-panel-overlay p {color:#ddd;}
.ahn-gallery-panel-overlay a {color: #bbb;}
.user-actions a {color: #777 !important;}
.ahn-bg-dark .ahn-widget-edit-menu-btn > a, .ahn-bg-dark .ahn-widget-edit-menu-btn > a:hover {color: #fff;}
.ahn-widget-edit-menu ul li a {color: #fff;}

/* Event Calendar Styles */
.wide-calendar-upcoming-events-wrap .ahn-calendar-mini { width: 250px }
.wide-calendar-upcoming-events-wrap ul.ahn-list-items { padding-left: 250px }
.ahn-calendar-mini .ahn-cal-events { background: #65acd4 }
.ahn-calendar-mini .ahn-cal-events a:link { color: #fff }
.ahn-calendar-mini TD.ahn-cal-today { background: #ccc }
.ahn-widget-content .user-actions a { color: #fff }
/* Cycle2 slideshow */
.cycle-slideshow { margin: 0 auto; width: 1014px !important; height: 450px; }
/* This hides everything but the first image to prevent the momentary blink of ALL images */
.cycle-slideshow img { display: none; margin: 0 !important; }
.cycle-slideshow img.first { display: block }
/* if positioning the slideshow is an issue, then this is generally the problem */
.cycle-slide { top: 0; /* Change this also */; }

