/* -------------------------------------
/*  White Space
/* -------------------------------------*/

@import url('//fonts.googleapis.com/css?family=Didact+Gothic|Lobster');

html {height:100%;}
body, #login-page {background:#eeeed4 url(images/content_bg_bott.jpg) center bottom repeat-x fixed;margin:0;padding:0;}
body,p,ul,ol{font-family: "Didact Gothic", sans-serif;font-size: 1rem;}
h1,h2,h3 {font-family:"Lobster", sans-serif;font-weight: 400;}
h4,h5,h6 {font-family:"Didact Gothic", sans-serif;font-weight: 400;}

h1 {font-size:3rem;margin-top:0px;margin-bottom:10px;font-weight:400;color:#464530;line-height:100%;}
h2 {font-size:2rem;margin-top:10px;margin-bottom:10px;font-weight:400;color:#464530;line-height:100%;}
h3 {font-size:1.5rem;margin-bottom:10px;font-weight:400;color:#464530;}
h4 {font-size:1.2rem;font-weight:400;color:#444;margin-bottom:6px;}
h5 {font-size:0.93rem;font-weight:300;color:#000;}
h6 {font-size:0.87rem;font-weight:300;color:#333;}
p { font-size:1.2rem;margin-bottom:15px;text-align:left;color:#333;font-weight:300;}
#login-page table {max-width: 800px;}
table {border-collapse:collapse;}

/* Default Values
------------------------------------------------------------------- */
a:link {color: #464530;text-decoration:none;}
a:visited {color: #464530;text-decoration:underline;}
a:focus {color: #464530;text-decoration:underline;}
a:active {color: #464530;text-decoration:underline;}
a:hover {color: #747371;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: #222214;color:#ffffff;}
.large-mobile-button {background-color: #00688f;color:#ffffff;box-sizing: border-box;padding: 30px 0px;font-size: 80px;text-align: center;font-weight: bold;font-family:"Oswald", Didact Gothic , sans-serif;border-radius: 30px; margin: 20px 0px;width:auto;}
#footer-mobile-button {background-color: #00688f;color:#ffffff !important;padding: 3px 7px;text-align: center;font-size: 11px;font-family:"Oswald", Didact Gothic , sans-serif;border-radius: 4px;}
#footer-mobile-button:hover {background-color: #222214;color:#ffffff;}


/* Layout Structure Elements 
------------------------------------------------------------------- */
#wrapper {background:transparent;width:100%;min-width:1024px;height:100%;margin:0 auto;}
#shell {background:transparent;height:auto;width: 100%;margin:0 auto;-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;}
#content {background:transparent;width:1280px;padding:5px;margin: 0 auto;text-align:left;}
#footer {background: transparent;width:100%;postition: relative;}
.ahn-wrapper {padding: 4px 20px;}
#ahn-bottom-content {background: #F0EFEC;}
.ui-tabs .ui-widget-header .ui-state-default.ui-state-active {background: #eee;}
  
/* Image bar */
  #picFrame {background:#202013;display: flex;justify-content: space-around;align-items: center;padding: 16px 40px;border-top: 8px solid #eca613;border-bottom: 16px solid #eca613;}
  .frame {border: 3px solid #c9c98e; border-radius: 5px;height: 280px;width: 28%;}
  .frOne {background: url(images/frame1.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;}
  .frTwo {background: url(images/frame2.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;}
  .frThr {background: url(images/frame3.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;}
#stripe {border-top: 20px solid #c9c98e;margin:0;}
/*   Header Elements
Use the top, left, or right to move the logo and 2 images around
------------------------------------------------------------------- */
#header {width:100%;position: relative;display:flex;background:#fff; margin: 0 auto;text-align: center;padding: 20px 0;}
#logo {width:442px;margin:0 auto}
#nav-bar {width:100%;background:#646733;margin:0 auto;border-top: 4px solid #eeeed4;border-bottom:2px solid #1b1b0e;}

/* Nav Menu Elements
------------------------------------------------------------------- */

div#listmenu {float:none;width:90%px;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:0;border-left:0;display:inline-block;padding: 10px;}
div#listmenu li:first-child {border-left:0;}
div#listmenu li:last-child {border-right:0;}
div#listmenu li:hover {background-color:#00688F;}
span.spacer:hover {background-color:#ccc;border:0;}
div#listmenu a {display:block;padding:5px 8px 5px 5px;text-decoration:none;font-family: 'Oswald', sans-serif;color:#eeeed4;font-weight:400 !important;letter-spacing:0px;font-size:1.1em;border-right: 2px solid #eeeed4;line-height: 0.4rem;}
div#listmenu a:visited {color:#eeeed4;}
div#listmenu a:focus {color:#eeeed4;}
div#listmenu a:hover {color:#fff;}
div#listmenu ul li:hover, div#listmenu ul li ul li:hover {background: #00688F;}
div#listmenu ul li ul li {background: #646733;}
div#listmenu ul li ul li a {color: #ffffff;}

/* the drop-down starts here */
div#listmenu ul li ul {margin: 0px;z-index: 15;position: absolute;left: -1px;top: 32px;background-color:#646733;width: 280px;border: 0px;border-radius: 5px;box-shadow: 2px 2px 6px rgba(0,0,0,.8);}
div#listmenu ul li ul li {background:#646733;width:280px;border-left:0; border-right:0;border-top:0;border-bottom:0;text-align:left;border-top:0;}
div#listmenu ul li ul li a {padding:0 6px;color:#eeeed4;font-weight:400;font-size:.95em;border-right:0px #eee solid;line-height:1rem;}
div#listmenu ul li ul li a:visited {color: #eeeed4;}
div#listmenu ul li ul li:hover {background:#646733;border-bottom:0px #eee solid;}
div#listmenu ul li ul li:hover a {color:#eeeed4;}
div#listmenu ul li ul li:first-child {border-top:0;}
div#listmenu ul li ul li ul li {border:0;}

/* 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:280px; }

/* 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:280px; border:transparent;left:-1px;background-color:transparent;}
* 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;}
body div#listmenu ul li ul {padding-bottom: 10px;}

/* Footer Content Box */
.footer-content {width:960px;min-width: 960px;background:transparent;margin:0 auto;position:relative;}
.footer-logo {width:225px;margin: 0 auto;padding: 12px;}
p.ftLine {color:#333;font-size:1.1em;text-align:left;font-family: 'Oswald', sans-serif !important;position: absolute; top:22px; left:320px;font-weight: 400;letter-spacing: 1px;}

/* 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;}
.ui-state-default a {color: #555;}
.ui-state-default.ui-state-active a {color: #003;}
.twiggy .ahn-widget {border-top:0;}
.ui-tabs .ui-widget-header .ui-state-default {box-shadow: 0 -1px 3px rgba(0,0,0,0.3);}
.ui-tabs .ui-widget-header .ui-state-default.ui-state-active {box-shadow: -2px -2px 5px rgba(0,0,0,0.15);}
.twiggy .ahn-feature-title-bar h2 {color: #fff;}
.twiggy .ahn-category-title, .twiggy .ahn-widgetSize2-title h2 {color:#555;}
.std-table {width: 100%;}
.ahn-widgetSize2-title {background: #D2D2D2;}
.homeTxt {text-align: center;width: 720px;margin: 20px auto;font-size:1.2rem;font-weight: 600;}

/* 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;}

#frmCal table {width: 100%;border: 0;border-color:transparent;border-collapse: separate;border-spacing: 2px;}
#frmCal table td {margin:4px;padding:4px;border-radius: 5px;}
#frmCal table td[bgcolor="#dddddd"] {background:#f5f5f5;}
#frmCal table font {font-family: "Didact Gothic",serif;}
#frmCal table td font[size="2"] {background: #dedede; border-radius:3px; padding: 0 6px;color: rgb(78, 37, 5);font-size: 18px;}
#frmCal table td font[size="-2"] {font-size: 16px;background: #4E2505;display: block;border-radius: 3px;color: #fff;}
#frmCal table td[bgcolor="WHITE"] table font[size="1"] {font-size:16px;}