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

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

body, #login-page {
background-color:#fff;
background: url('images/container_bg.jpg') fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
}
body,p,table,td,th,ul,ol,textarea,input {font-family: "Open Sans", sans-serif !important;}
h1,h2,h3,h4,h5,h6 {font-family:"Oswald", sans-serif !important;font-weight: 400;}

h1 {font-size:2em;margin-top:0px;margin-bottom:10px;font-weight:400;color:#383634;line-height:100%;}
h2 {font-size:1.6em;margin-top:10px;margin-bottom:10px;font-weight:400;color:#383634;line-height:100%;}
h3 {font-size:1.3em;margin-bottom:10px;font-weight:400;color:#383634;}
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: #034680;text-decoration:none;}
a:visited {color: #034680;text-decoration:underline;}
a:focus {color: #034680;text-decoration:underline;}
a:active {color: #034680;text-decoration:underline;}
a:hover {color: #747371;text-decoration:underline;}

/* Layout Structure Elements 
------------------------------------------------------------------- */
#wrapper {background:transparent;width:1140px;height:100%;margin: 12px auto 0 auto;}
#shell {background:rgba(255, 255,255, 0.6);height:auto;width: 1140px;margin:0 auto;box-shadow: 0 0 6px;}
#content {background:rgba(255, 255,255, 0.8);width:1130px;min-width: 960px;padding:5px;margin: 0 auto;text-align:left;}
#footer {background:#6C6763;width:1100px;height: 60px;postition: relative;margin:0 auto;box-shadow: 0 0 6px;border-radius: 0 0 24px 24px;}
.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:1140px;position: relative;background:rgba(255,255,255,.6); margin: 0 auto;text-align: center;height:360px;box-shadow: 0 0 6px;}
#logo {width:1140px;margin:0 auto}
#hdr1 {position: absolute; top: 0; left:4px;}
#hdr2 {position: absolute; top: 0; right:4px;}

.triSpc {position:relative;height:12px;}
.Spclt {width: 0;height: 0;border-style: solid;border-width: 0 20px 12px 0;border-color: transparent #222 transparent transparent;}
.SpcCent {position:absolute;top:0;left:20px;height:12px; background: #222; width:1100px;}
.Spcrt {position:absolute;top:0;right:0;width: 0;height: 0;border-style: solid;border-width: 12px 20px 0 0;border-color:#222 transparent transparent transparent;}

#nav-bar {position: relative;width:1140px;height:38px;
background: #77726e; /* Old browsers */
background: -moz-linear-gradient(top,  #77726e 0%, #383634 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77726e), color-stop(100%,#383634)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #77726e 0%,#383634 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #77726e 0%,#383634 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #77726e 0%,#383634 100%); /* IE10+ */
background: linear-gradient(to bottom,  #77726e 0%,#383634 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77726e', endColorstr='#383634',GradientType=0 ); /* IE6-9 */
border-top:1px solid rgba(220, 220, 220, 0.8);
margin: 0px -20px;
padding: 0 20px;box-shadow: 0 3px 9px rgba(0,0,0,0.7);}
#navLftTri {position:absolute;top:38px;left:0;width: 0;height: 0;border-style: solid;border-width: 0 20px 12px 0;border-color: transparent #333333 transparent transparent;}
#navRtTri {position:absolute;top:38px;right:0;width: 0;height: 0;border-style: solid;border-width: 12px 20px 0 0;border-color:#333333 transparent transparent transparent;}


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

div#listmenu {float:none;width:n/apx;min-width: 1140px;margin: 0 auto;text-align:center;border-left:0;border-top:0;border-bottom:0;border-right:0;font-family:"Oswald", sans-serif;z-index:500;position:relative;padding-left:0px; font-size: 1.2em;font-weight: 400; color: #333;
background: #77726e; /* Old browsers */
background: -moz-linear-gradient(top,  #77726e 0%, #383634 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77726e), color-stop(100%,#383634)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #77726e 0%,#383634 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #77726e 0%,#383634 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #77726e 0%,#383634 100%); /* IE10+ */
background: linear-gradient(to bottom,  #77726e 0%,#383634 100%); /* W3C */
}
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:transparent;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:6px 12px 7px;text-decoration:none;font-family: 'Oswald', sans-serif;color:#fff;font-weight:300 !important;letter-spacing:1px;font-size:1.1em;}
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: #ADACAB;}
div#listmenu ul li ul li {background: #747371;}
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: 0;background-color: transparent;width: 160px;border: 0px;}
div#listmenu ul li ul li {background:#ccc;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:#000;font-weight:400;font-size:.95em;border-right:0px #eee solid;}
div#listmenu ul li ul li a:visited {color: #000;}
div#listmenu ul li ul li:hover {background:#ccc;border-bottom:0px #eee solid;}
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:960px;min-width: 960px;background:transparent;margin:0 auto;position:relative;}
p.line {color:#fff;font-size:1.1em;text-align:center;padding-top:22px;font-weight: 300;letter-spacing: 1px;}
p.line a {color:#fff;}
#aftrFoot {position: relative;width: 1140px;height:12px;}
#leftAft {float:left;width: 0;height: 0;border-style: solid;border-width: 0 12px 12px 0;border-color: transparent #5e5a56 transparent transparent;}
#aftCent {background:#5e5a56; width: 1116px; margin: 0 auto;height:12px;}
#rtAft {float:right;width: 0;height: 0;border-style: solid;border-width: 12px 12px 0 0;border-color:#5e5a56 transparent transparent transparent;}

/* 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 !important;}
.ui-state-default.ui-state-active a {color: #003 !important;}

/* 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-gallery-panel-overlay p {color: #eee;}

/* Cycle2 slideshow */
.cycle-slideshow {
margin: 0 auto;
width: 1140px !important;
height: 360px;
} 

/* 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 to your needs */ 
left: 0 /* Change this also */
}