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

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

body {
background: #fff;
margin: 0 ; padding: 0;}
#login-page {
background: #5e0231; /* Old browsers */
background: -moz-linear-gradient(left,  #5e0231 0%, #98034F 30%, #98034F 70%, #5e0231 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5e0231), color-stop(30%,#98034F), color-stop(70%,#98034F), color-stop(100%,#5e0231)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #5e0231 0%,#98034F 30%,#98034F 70%,#5e0231 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #5e0231 0%,#98034F 30%,#98034F 70%,#5e0231 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #5e0231 0%,#98034F 30%,#98034F 70%,#5e0231 100%); /* IE10+ */
background: linear-gradient(to right,  #5e0231 0%,#98034F 30%,#98034F 70%,#5e0231 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:#856046;line-height:100%;}
h2 {font-size:1.6em;margin-top:10px;margin-bottom:10px;font-weight:400;color:#856046;line-height:100%;}
h3 {font-size:1.3em;margin-bottom:10px;font-weight:400;color:#856046;}
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, div { font-size:16px;margin-bottom:15px;color:#333;font-weight:400;}
strong, b {font-weight:700;}

/* Default Values
------------------------------------------------------------------- */
a:link {color: #856046;text-decoration:none;}
a:visited {color: #856046;text-decoration:underline;}
a:focus {color: #856046;text-decoration:underline;}
a:active {color: #856046;text-decoration:underline;}
a:hover {color: #c7a693;text-decoration:underline;}

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

/* 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: #856046;color:#ffffff;}
.large-mobile-button {background-color: #5e0231;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: #5e0231;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: #856046;color:#ffffff;}

/*   Header Elements
Use the top, left, or right to move the logo and 2 images around
------------------------------------------------------------------- */
#header {width:100%;position: relative;
background: #5e0231; /* Old browsers */
background: -moz-linear-gradient(left,  #5e0231 0%, #98034F 30%, #98034F 70%, #5e0231 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5e0231), color-stop(30%,#98034F), color-stop(70%,#98034F), color-stop(100%,#5e0231)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #5e0231 0%,#98034F 30%,#98034F 70%,#5e0231 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #5e0231 0%,#98034F 30%,#98034F 70%,#5e0231 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #5e0231 0%,#98034F 30%,#98034F 70%,#5e0231 100%); /* IE10+ */
background: linear-gradient(to right,  #5e0231 0%,#98034F 30%,#98034F 70%,#5e0231 100%); /* W3C */
margin: 0 auto;text-align: center;height: 320px;border-bottom: 24px solid #c7a693; 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:#c7a693;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: #c7a693 transparent transparent transparent;}


/* 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:"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 a {transition: .3s all;display: block;padding: 5px 10px;text-decoration: none;font-family: 'Inder', sans-serif;color: #856046;font-weight: 400;font-size: 16px;background: #c7a693;border-radius: 0 0 10px 10px;border: 1px solid #fff;border-top: 0;box-shadow: 0 2px 12px #634839;}
div#listmenu a:visited {color:#856046;}
div#listmenu a:focus {color:#856046;}
div#listmenu a:hover {color:#fff;background: #98034F;}

/* 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:#856046;font-weight:300;font-size:14px;background: transparent;border:0;box-shadow: none;}
div#listmenu ul li ul li a:visited {color: #856046;}
div#listmenu ul li ul li:hover {border-bottom:0;}
div#listmenu ul li ul li a:hover {color:#98034F; 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: #856046;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:#856046;}

/* 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;}
.twiggy .ahn-widget {border-top:0;}

/* 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;}
/* 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:#ededdd;}
#frmCal table td font[size="2"] {background: #fff0d3; border-radius:3px; padding: 0 6px;color: #856046;font-size: 18px;}
#frmCal table td font[size="-2"] {font-size: 16px;background: #98034F;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 */; }