/* -------------------------------------
/*  Nature Walk - Frederick Matzen
/* -------------------------------------*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600|Oswald:400,300|Great+Vibes);

body { background: #025e80 url(images/container_bg.jpg) fixed top center repeat-y; margin: 0; }
body, p, table, td, th, ul, ol, textarea, input { font-family: "Open Sans", sans-serif !important }
h1, h2 { font-family: "Great Vibes", script !important; font-weight: 300; }
h3, h4, h5, h6, .ahn-widgetSize2-title h2 { font-family: "Oswald", 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; }

/* Layout Structure Elements 
------------------------------------------------------------------- */
#wrapper { background: transparent; width: 100%; height: 100%; margin: 0 auto; }
#shell { background: rgba(255, 255,255, 0.6); height: auto; width: 1024px; min-width: 960px; margin: 0 auto; border-left: 2px solid #ddd; border-right: 2px solid #ddd; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }
#content { background: rgba(255, 255,255, 0.8); width: 930px; min-width: 930px; padding: 5px; margin: 0 auto; text-align: left; }
#footer { background: rgba(1,127,173,.6); width: 100%; height: 60px; 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: 1024px; min-width: 960px; background: transparent url(images/header_bg.jpg) repeat-x top center; margin: 0 auto; height: 116px; }
#logo { padding-top: 20px; width: 1000px; margin: 0 auto; font-family: "Great Vibes", script !important; font-weight: 300; font-size: 4.5em; color: #fff; text-shadow: -2px 2px 4px rgba(0,0,0,0.8); }
#nav-bar { width: 100%; height: 36px; background: rgba(1,98,128,.8); margin: 0 auto; border-top: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,.8); }
#hdr1, #hdr1a, #hdr2, #hdr3, #hdr4, #hdr5 { position: absolute; nowhitespace: afterproperty; border: 1px solid #006300; color: #fff; font-family: 'Oswald', sans-serif; font-size: 14px; padding: 0px 12px; background: #0187b8; /* Old browsers */ background: -moz-linear-gradient(top,  #0187b8 0%, #014964 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0187b8), color-stop(100%,#014964)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #0187b8 0%,#014964 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #0187b8 0%,#014964 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #0187b8 0%,#014964 100%); /* IE10+ */ background: linear-gradient(to bottom,  #0187b8 0%,#014964 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0187b8', endColorstr='#014964',GradientType=0 ); /* IE6-9 */ }
#hdr1, #hdr1a { top: 6px; left: 20px; border-radius: 5px; }
#hdr3, #hdr5 { top: 6px; right: 20px; border-radius: 5px; }
#hdr3 a, #hdr5 a, #hdr3 a:hover, #hdr5 a:hover, #hdr4 a, #hdr4 a:hover, #hdr1 a, #hdr1 a:hover, #hdr1a a, #hdr1a a:hover { color: #fff; text-decoration: none; }
#hdr1:hover, #hdr1a:hover, #hdr3:hover, #hdr5:hover, #hdr4:hover { background: #014964; /* Old browsers */ background: -moz-linear-gradient(top,  #014964 0%, #0187b8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014964), color-stop(100%,#0187b8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #014964 0%,#0187b8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #014964 0%,#0187b8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #014964 0%,#0187b8 100%); /* IE10+ */ background: linear-gradient(to bottom,  #014964 0%,#0187b8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014964', endColorstr='#0187b8',GradientType=0 ); /* IE6-9 */ }
#hdr2 { top: 4px; left: 20px; border-radius: 5px; font-size: 12px; letter-spacing: 1px; }
#hdr2 form { margin-bottom: 2px }
#hdr2 input[type="text"] { height: 14px; border-radius: 3px; }
#hdr2 input[type="submit"] { height: 16px; padding: 0px; margin: 0 4px; font-size: 12px; border-radius: 3px; }
#hdr4 { top: 4px; right: 20px; border-radius: 5px; }
.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: 1020px; 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: "Oswald", 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: center; }
div#listmenu li { float: none; text-align: center; position: relative; list-style: none; background-color: transparent; border-right: 1px dotted #ADACAB; 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 }
div#listmenu li:hover { background-color: #ADACAB }
span.spacer:hover { background-color: #ccc; border: 0; }
div#listmenu a { display: block; padding: 3px 8px 4px 5px; text-decoration: none; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400 !important; letter-spacing: 0px; font-size: 1.3em; }
div#listmenu a:visited, div#listmenu a:focus { color: #fff }
div#listmenu a:hover { color: #dde }
div#listmenu ul li:hover, div#listmenu ul li ul li:hover { background: #017099 }
/* 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; left: 20px; }
.footer-logo a { display: block; padding-top: 12px; font-family: "Great Vibes", script !important; font-weight: 300; font-size: 2.7em; color: #fff; text-shadow: -1px 2px 2px #000; }
p.line { color: #fff; font-size: 1.1em; text-align: center; font-family: 'Oswald', sans-serif !important; position: absolute; top: 20px; left: 35%; font-weight: 400; letter-spacing: 1px; }
p.line 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 }
/* 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 */; }