/* -------------------------------------
/*  Dunstan Flats - Frederick Matzen - 2-2016
/* -------------------------------------*/

@import url(//fonts.googleapis.com/css?family=Inder);

body {
background: #fff;
margin: 0 ; padding: 0;}
#login-page {
background: #9fa8a3; /* Old browsers */
background: -moz-linear-gradient(left,  #9fa8a3 0%, #c5d5cb 30%, #c5d5cb 70%, #9fa8a3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9fa8a3), color-stop(30%,#c5d5cb), color-stop(70%,#c5d5cb), color-stop(100%,#9fa8a3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #9fa8a3 0%,#c5d5cb 30%,#c5d5cb 70%,#9fa8a3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #9fa8a3 0%,#c5d5cb 30%,#c5d5cb 70%,#9fa8a3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #9fa8a3 0%,#c5d5cb 30%,#c5d5cb 70%,#9fa8a3 100%); /* IE10+ */
background: linear-gradient(to right,  #9fa8a3 0%,#c5d5cb 30%,#c5d5cb 70%,#9fa8a3 100%); /* W3C */
}
body,p,table,td,th,ul,ol,textarea,input {font-family: "Inder", sans-serif !important;}
h1,h2,h3,h4,h5,h6 {font-family:"Inder", sans-serif !important;font-weight: 400;}
table {border-collapse:collapse;}		

h1 {font-size:1.8em;margin-top:0px;margin-bottom:10px;font-weight:400;color:#546c6a;line-height:100%;}
h2 {font-size:1.6em;margin-top:10px;margin-bottom:10px;font-weight:400;color:#546c6a;line-height:100%;}
h3 {font-size:1.3em;margin-bottom:10px;font-weight:400;color:#546c6a;}
h4 {font-size:1.1em;font-weight:400;color:#444;margin-bottom:6px;}
h5 {font-size:1em;font-weight:400;color:#000;}
h6 {font-size:0.87em;font-weight:400;color:#333;}
p {font-size:16px;margin-bottom:15px;color:#333;font-weight:400;}
div {font-size:16px;margin-bottom:15px;font-weight:400;}
strong, b {font-weight:700;}

/* Default Values
------------------------------------------------------------------- */
a:link {color: #546c6a;text-decoration:none;}
a:visited {color: #546c6a;text-decoration:underline;}
a:focus {color: #546c6a;text-decoration:underline;}
a:active {color: #546c6a;text-decoration:underline;}
a:hover {color: #A0A9A4;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: #3b3a36;color:#ffffff;}
.large-mobile-button {background-color: #8A918D;color:#ffffff;box-sizing: border-box;padding: 30px 0px;font-size: 80px;text-align: center;font-weight: bold;font-family:'Inder', sans-serif;border-radius: 30px; margin: 20px 20px;width:auto;}
#footer-mobile-button {background-color: #8A918D;color:#ffffff !important;padding: 3px 7px;text-align: center;font-size: 10px;font-family:'Inder', sans-serif;border-radius: 4px;}
#footer-mobile-button:hover {background-color: #3b3a36;color:#ffffff;}

/* Layout Structure Elements 
------------------------------------------------------------------- */
#wrapper {position:relative;background:transparent;width:100%;height:100%;margin:0 auto;}
#shell {background:#fff;height:auto;width:90%;min-width: 1140px;margin:0 auto;}
#content {background:#fff;width:98%;margin: 0 auto;padding-top: 12px;text-align:left;min-height: 50vh;}
#footer {background:#e3e0cf;width:100%;height: 48px;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;}

/*   Header Elements
Use the top, left, or right to move the logo and 2 images around
------------------------------------------------------------------- */
#header {width:100%;position: relative;
background: #9fa8a3; /* Old browsers */
background: -moz-linear-gradient(left,  #9fa8a3 0%, #c5d5cb 30%, #c5d5cb 70%, #9fa8a3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9fa8a3), color-stop(30%,#c5d5cb), color-stop(70%,#c5d5cb), color-stop(100%,#9fa8a3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #9fa8a3 0%,#c5d5cb 30%,#c5d5cb 70%,#9fa8a3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #9fa8a3 0%,#c5d5cb 30%,#c5d5cb 70%,#9fa8a3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #9fa8a3 0%,#c5d5cb 30%,#c5d5cb 70%,#9fa8a3 100%); /* IE10+ */
background: linear-gradient(to right,  #9fa8a3 0%,#c5d5cb 30%,#c5d5cb 70%,#9fa8a3 100%); /* W3C */
margin: 0 auto;text-align: center;height: 320px;border-bottom: 24px solid #e3e0cf; overflow:hidden;}
#logo {padding-top: 78px;width: 25%;text-align: center;}
#hdrImg {position: absolute !important; top: 0; right: 0; margin: 0 auto; width: 70% !important; height: 320px; border-left: 10px solid #fff; border-right: 10px solid #fff;overflow: hidden; box-shadow: 0px 0px 24px #003; z-index: 1;}
#hdrImg img {position: absolute;	top: 50%;	left: 50%;	width: 1230px;	height: 500px;	margin-top: -250px;	margin-left: -615px;}
#hdrWrap {position:relative;width:90%;min-width:1140px;margin:0 auto;}
#nav-bar {width:100%;height:24px;background:#e3e0cf;margin:0 auto;}
#nav-bar .triangle {position: absolute;top:344px;left: 564px;width: 0;height: 0;border-style: solid;border-width: 12px 12px 0 12px;border-color: #e3e0cf transparent transparent transparent;}


/* Nav Menu Elements
------------------------------------------------------------------- */
/*div#listmenu {display:none;}*/
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:"Inder", 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; padding: 0 8px;border:0;display:inline-block; *display:inline; *zoom:1;}
div#listmenu li:hover {background-color: transparent;}
div#listmenu li:first-child {border-left:0;}
div#listmenu li:last-child {border-right:0;}
div#listmenu li:hover {background-color: transparent;}
div#listmenu a {transition: .3s all;display: block;padding: 5px 10px;text-decoration: none;font-family: 'Inder', sans-serif;color: #546c6a;font-weight: 400;font-size: 16px;background: #e3e0cf;border-radius: 0 0 10px 10px;border: 1px solid #fff;border-top: 0;box-shadow: 0 2px 12px #9fa8a3;}
div#listmenu a:visited {color:#546c6a;}
div#listmenu a:focus {color:#546c6a;}
div#listmenu a:hover {color:#546c6a;background: #c5d5cb;}

/* the drop-down starts here */
div#listmenu ul li ul {margin: 0px;z-index: 15;position: absolute;left: 16px;width: 220px;border: 0px;border-radius: 0 20px 20px;}
div#listmenu ul li ul li {background:transparent;width:220px;border-left:0; border-right:0;border-top:0;border-bottom:0;text-align:left;}
div#listmenu ul li ul li a {padding:0 6px;color:#546c6a;font-weight:300;font-size:14px;background: transparent;border:0;box-shadow: none;}
div#listmenu ul li ul li a:visited {color: #546c6a;}
div#listmenu ul li ul li:hover {border-bottom:0;}
div#listmenu ul li ul li a:hover {color:#c5d5cb; background:transparent;}
div#listmenu ul li ul li:first-child, div#listmenu ul li ul li:last-child {border:0;}
div#listmenu ul li ul li ul li {border:0;}
body div#listmenu ul li ul {padding-bottom: 8px;}

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

/* pop-out starts here */
body div#listmenu ul li ul li ul {position:absolute; visibility:hidden;top:-1px;left:214px;}
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;border:transparent;left:-1px;background-color:transparent;}
* html  div#listmenu ul li ul {margin:0;z-index:10;position:absolute;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>body div#listmenu ul li ul li ul {left: 214px;top: 12px;}

/* Footer Content Box */
.footer-content {width:90%;min-width: 1140px;background:transparent;margin:0 auto;position:relative;}
.footer-logo {width:225px;background:transparent;position: absolute; top:4px; left:20px;}
p.ftLine {color: #546c6a;font-size: 16px;text-align: center;font-family: 'Inder', sans-serif !important;padding-top: 12px;font-weight: 400;letter-spacing: 1px;}
p.ftLine a {color:#546c6a;}

/* 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;}
.ahn-category-edit 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:#c5d5cb;}
.ahn-calendar-mini .ahn-cal-events a:link {color:#fff;}
.ahn-calendar-mini TD.ahn-cal-today {background:#ccc;}
/* NEW styles - Frederick */
#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:#c5d5cb;}
#frmCal table td font[size="2"] {background: #c5d5cb; border-radius:3px; padding: 0 6px;color: #3b3a36;font-size: 18px;}
#frmCal table td font[size="-2"] {font-size: 16px;background: #A0A9A4;display: block;border-radius: 3px;color: #fff;}
#frmCal table td[bgcolor="WHITE"] table font[size="1"] {font-size:16px;}
.ahn-category-edit a {height: auto;font-size: 12px;}

/* Cycle2 slideshow */
.cycle-slideshow { position: absolute !important; top: 0; right: 0; margin: 0 auto; width: 720px !important; height: 320px; border-left: 10px solid #fff; border-right: 10px solid #fff; box-shadow: 0px 0px 24px #003; z-index: 1; }
/* This hides everything but the first image to prevent the momentary blink of ALL images */
.cycle-slideshow img { display: none }
.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 */; }