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

@import url(//fonts.googleapis.com/css?family=Comfortaa:400,300,700|Cinzel+Decorative:400,700,900);

body {margin: 0; padding:0;background-color:#fff;background: url('images/container_bg.jpg') fixed;}
html {height:100% !important;}

body,p,table,td,th,ul,ol,textarea,input,h4,h5,h6 {font-family: 'Comfortaa', sans-serif;}
h1,h2,h3 {font-family: 'Cinzel Decorative', sans-serif;font-weight: 400;}

h1 {font-size:2.6em;font-size: 1.5vw;margin-top:0px;margin-bottom:0;font-weight:900;color:#3c3f27;line-height:2em;text-align:center;}
h2 {font-size:2.2em;font-size: 1.4vw;margin-top:10px;margin-bottom:10px;font-weight:700;color:#3c3f27;line-height:100%;}
h3 {font-size:1.8em;font-size: 1.15vw;margin-bottom:10px;font-weight:700;color:#3c3f27;}
h4 {font-size:1.4em;font-weight:400;color:#444;margin-bottom:6px;}
h5 {font-size:1.1em;font-weight:300;color:#000;}
h6 {font-size:0.95em;font-weight:300;color:#333;}
p { font-size:1.1em;font-size: .85vw;margin-bottom:15px;text-align:left;color:#222;font-weight:300;}
table {border-collapse:collapse;}

/* Default Values
------------------------------------------------------------------- */
a:link {color: #3c3f27;text-decoration:none;}
a:visited {color: #3c3f27;text-decoration:underline;}
a:focus {color: #3c3f27;text-decoration:underline;}
a:active {color: #3c3f27;text-decoration:underline;}
a:hover {color: #46492A;text-decoration:underline;}

/* Layout Structure Elements 
------------------------------------------------------------------- */
#wrapper {background:transparent;width:100%;height:100%;margin:0 auto;}
#shell {background:rgba(242, 247, 227,.7);width: 70%;margin: 6px 20px 36px auto;float:right;height: 100%;padding-top: 40px;box-shadow: 0px 0 12px rgba(20, 40, 8, 0.6);}
#content {background:transparent;width:95%;padding:0 5px;margin: 0 auto;text-align:left; min-height: 90vh;}
#footer {position: fixed;bottom:0;background:rgba(92, 96, 59, 0.8);width:100%;height: 28px;padding-bottom: 6px;}
.ahn-wrapper {padding: 4px 20px;}
#ahn-bottom-content {display:none;}
.ui-tabs .ui-widget-header .ui-state-default.ui-state-active {background: transparent;}

/*   Header Elements */
#header {position:fixed;float:left;width:25%;padding-left:1.8%;background:transparent; margin: 0 auto;text-align: center;}
#logo {margin:60px auto;}
#hdr1 img {box-shadow: 0 0 6px #000; border-radius: 24px;}
#nav-bar {position:fixed;width:100%;height:36px;background:rgba(144, 150, 100, 0.8);margin:0 auto;box-shadow: 0px 2px 6px rgba(20, 40, 8, 0.6);z-index: 100;}
#sideBar {margin-top: 40px;overflow: hidden;height: 220px;width: 100%;}
#sideBar p {text-align: center;font-weight:700;font-size:16px;line-height: 12px;}
.std-table {width:96%;}
iframe {width:100%;}

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

div#listmenu {float:none;width:100%;margin: 0 auto;text-align:center;border-left:0;border-top:0;border-bottom:0;border-right:0;font-family: 'Cinzel Decorative', 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-left:0;display:inline-block; *display:inline; *zoom:1;border:0;}
div#listmenu li:first-child {border-left:0;}
div#listmenu li:last-child {border-right:0;}
div#listmenu a {display:block;padding:3px 12px 4px 9px;text-decoration:none;font-family: 'Cinzel Decorative', sans-serif;color:#fff;font-weight:600;letter-spacing:0px;font-size:18px;font-size: 1.1vw;}
div#listmenu a:visited {color:#fff;}
div#listmenu a:focus {color:#fff;}
div#listmenu a:hover {color:#fff;}
div#listmenu ul li:hover, div#listmenu ul li ul li:hover {background: rgba(144, 150, 100, 0.8);}
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;background-color: transparent;width: 160px;border: 0px;}
div#listmenu ul li ul li {background:rgba(92, 96, 59, 0.9);width:200px;border-left:0; border-right:0;border-bottom:0;text-align:left;border-top:1px solid rgb(104, 110, 50);border-radius: 5px;}
div#listmenu ul li ul li a {padding:2px 6px;font-family:"Comfortaa",sans-serif;color:#fff;font-weight:400;font-size:1em;font-size: 1vw;border-right:0px #eee solid;}
div#listmenu ul li ul li a:visited {color: #fff;}
div#listmenu ul li ul li:hover {background:#444B1E;border-bottom:0;}
div#listmenu ul li ul li:hover a {color:#fff;}
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:120px; }

/* pop-out starts here */
body div#listmenu ul li ul li ul {position:absolute; visibility:hidden;top:0;left:201px;}
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:200px; border:0;left:-1px;background-color:transparent;}
* html  div#listmenu ul li ul {margin:0;z-index:10;position:absolute;width:200px;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:201px; voice-family: "\"}\""; voice-family:inherit;left:10.85em;} 

html>body div#listmenu ul li ul li ul {left:201px;}

/* Footer Content Box */
.footer-content {width:90%;background:transparent;margin:0 auto;}
p.line {text-align:center;color:#fff;padding-top:6px;}
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;}
.ui-state-default a {color: #fff;}
.ui-state-default.ui-state-active a {color: #fff;}
#ahn-side2-content {background: transparent;}

/* 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-widgetSize2-title h2 {font-family: 'Comfortaa', sans-serif;font-size: 20px;text-align: center;text-transform: capitalize;background: rgba(104,110,60,0.6);padding: 5px 0 0;border-radius: 3px;color: #fff;}

#homeSpc {height: 120px;}

/* 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="#aaaaaa"] {background:rgba(144, 150, 100, 0.3);}
#frmCal table font {font-family: "Comfortaa",sans-serif;}
#frmCal table font[size="1"] strong {font-size:12px;}
#frmCal table td font[size="2"] {background: rgba(144, 150, 100, 0.8); border-radius:3px; padding: 0 6px;color: #fff;font-size: 16px;font-weight: 300;letter-spacing: 1px;font-size: 16px;font-weight: 300;letter-spacing: 1px;}
#frmCal table td font[size="-2"] {font-size: 16px;background: #444B1E;display: block;border-radius: 3px;color: #fff;}
#frmCal table td[bgcolor="WHITE"] table font[size="1"] {font-size:16px;}
table td[bgcolor="black"] {background: #fff !important;}

/* Cycle2 slideshow */
.cycle-slideshow {
margin: 0 auto;
width: 800px !important;
height: 320px;
z-index:1;
} 

/* This hides everything but the first image to prevent the momentary blink of ALL images */
.cycle-slideshow img {display:none;margin:0 !important; border-radius: 24px; box-shadow: 2px 4px 8px #777;}
.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 to your needs */ 
left: 0 /* Change this also */
}