

/* -------------------------------------
/*  White Space
/* -------------------------------------*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,700,800|Oswald:400,300);

body, #login-page {
background-color:#fff;
background: url('images/container_bg-4.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:#222;line-height:100%;}
h2 {font-size:1.6em;margin-top:10px;margin-bottom:10px;font-weight:400;color:#222;line-height:100%;}
h3 {font-size:1.3em;margin-bottom:10px;font-weight:400;color:#222;}
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:#000;font-weight:600; }

/* Default Values
------------------------------------------------------------------- */
a:link {color: #4e6473;text-decoration:none;transition: all 0.2s linear;padding: 0 3px;border-radius: 3px;}
a:visited {color: #4e6473;}
a:focus {color: #4e6473;}
a:active {color: #4e6473;}
a:hover {color: #FFF;background:#747371;}
a[name]:hover {background: none;}
table {border-collapse: collapse;}

/* 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: #888888;color:#ffffff;}
.large-mobile-button {background-color: #666666;color:#ffffff;box-sizing: border-box;padding: 30px 0px;font-size: 60px;text-align: center;font-weight: bold;font-family:Arial, Verdana, Helvetica, sans-serif;border-radius: 30px; margin: 20px 20px;width:auto;}
#footer-mobile-button {background-color: #666666;color:#ffffff !important;padding: 3px 7px;text-align: center;font-size: 10px;font-family:Arial, Verdana, Helvetica, sans-serif;border-radius: 4px;}
#footer-mobile-button:hover {background-color: #888888;color:#ffffff;}

/* Layout Structure Elements 
------------------------------------------------------------------- */
#wrapper {background:transparent;width:100%;height:100%;margin:60px auto;}
#shell {/height:auto;width: 900;min-width: 960px;margin:0 auto;padding-top:20px;padding-bottom: 60px;}
#content {background:rgba(255, 255,255, 0.8);min-width: 930px;padding:5px;margin:0 auto;text-align:left;border-radius:12px;}
#content .WideTextAreaWidget img {border-radius:9px;box-shadow: -1px 1px 3px rgba(0,0,0,.7);border: 4px solid #FFF;}
#footer {background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9);width: 100%;height: 60px;position: fixed;bottom: 0;}
.ahn-wrapper {padding: 4px 20px;}
#ahn-bottom-content {background: #F0EFEC;}
.ui-tabs .ui-widget-header .ui-state-default.ui-state-active {background: #eee;}
.std-table font[size="4"] {font-family:"Oswald", sans-serif !important;font-weight: 400;color:#fff;font-size:24px;font-weight:400;}

/*   Header Elements
Use the top, left, or right to move the logo and 2 images around
------------------------------------------------------------------- */
#header {width:100%;background:rgb(255,255,255); margin: 0 auto;text-align: center;height: 60px;position: fixed;top:0;z-index: 100;}
#hdr-wrap {position: relative;width:900;min-width: 960px;background:transparent;margin:0 auto;height: 200px;}
#logo {float: left;margin: 12px 0 0 12px;font-size:24px;font-weight: 600;}
#nav-bar {width:100%;height:36px;margin:14px auto;min-width: 960px;width:900}

/* Nav Menu Elements
------------------------------------------------------------------- */

div#listmenu {float:none;width:900px;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 {transition:all .3s linear;float:none;text-align:center;position:relative;list-style:none;background-color:transparent;border-right:0;border-left:0;display:inline-block; *display:inline; *zoom:1;border-radius: 3px;}
div#listmenu li:first-child {border-left:0;}
div#listmenu li:last-child {border-right:0;}
div#listmenu li:hover {border-radius: 9px;}
span.spacer:hover {border:0;}
div#listmenu a {transition:all .3s linear;display:block;padding:5px 8px 5px 5px;text-decoration:none;font-family: 'Oswald', sans-serif;color:#444;font-weight:400 !important;letter-spacing:0px;font-size:1.1em;}
div#listmenu a:visited {color:#444;}
div#listmenu a:focus {color:#444;}
div#listmenu a:hover {color:#bbb;background: #FFF;}
div#listmenu li:hover, div#listmenu ul li ul li:hover {background: transparent;}
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: -1px;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:#999;}
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: 900;min-width: 960px;background:transparent;margin:0 auto;position:relative;}
.footer-logo {position:absolute;width:250px;background:transparent;top:-10px;font-size: 2em;font-weight: 600;}
p.ftLine {color:#333;font-size:1em;text-align:center;margin-top:24px;font-weight: 400;}
.ahn-breadcrumbs {font-size:10pt; text-align: left;color: #555;font-weight: 400;border-bottom: 1px solid #999;border-radius:0 0 0 9px;font-family: "Open Sans", sans-serif !important;}
.ahn-small-bank {visibility: hidden;}
#bgSelect {position: absolute;top: 0px;right: 40px;color: #000;font-weight: 600;padding: 2px 12px;background: #aaa;border-radius: 12px;box-shadow: inset -1px 1px 4px #444;text-transform: uppercase;}

/* 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 !important;}
.ui-state-default.ui-state-active a {color: #003 !important;}
.ui-tabs .ui-widget-header {border-color: #ccc;}

/* 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-feature-title-bar h2 {font-weight: 300;}
#reservation_calendar_date a {font-size: 20px;font-weight: 600;}
td[background|="images/tabs"] nobr a, td[background|="images/tabs"] nobr b {font-family: "Open Sans", sans-serif !important;font-size:14px;}
#frmCal table {border:0!important;border-collapse: collapse;}
#frmCal table a:hover {background: #ddd;}
#frmCal table a:hover strong {color: #777;}
#frmCal table font[face="Arial, Verdana, Helvetica"]  {font-family: "Arimo", sans-serif !important; font-size: 14px;}
#frmCal table font[face="Arial, Verdana, Helvetica"]  a {color: #000;font-size: 14px; font-weight: 400;}
#frmCal table font[size="+1"] {font-family:"Oswald", sans-serif !important;font-size:24px;color:#fff;padding: 1px 3px;font-weight:300;}
#frmCal table font[size="-2"] {font-family:"Oswald", sans-serif !important;font-size:16px;color:#444;font-weight:300;}
#frmCal table font[size="2"] {font-family:"Oswald", sans-serif !important;font-size:18px;color:#000;padding: 1px 3px;font-weight: 300;}
table[bordercolor=""] TD {border: 1px solid #bbb;border-radius: 3px;}

/* Cycle2 slideshow */
.cycle-slideshow {
margin: 0 auto;
width: 1014px !important;
height: 450px;
} 

/* 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 */
} 

<!-- zJG_item_list.asp customization BEGIN -->
.template-left-column, .template-right-column {width: 25%;min-width: 300px;}
.template-main-column {width: 50%;}
.template-main-column-2-column {	width: 75%;}
.template-left-column table, .template-right-column table {width: 100%;border: 1px solid #dddddd;padding: 15px;}
.template-section-title {padding: 4px;background: #666666;color: #ffffff;font-size: 20px;text-align: center;}
.template-section-subnav, .template-section-photo, .template-section-content {padding: 4px;font-size: 16px;}
.template-section-subnav ul {	margin: 0 0;	padding:0;	list-style-type: none;}
.template-section-subnav li {	margin: 6px 0;}
.template-main-column table, .template-main-column-2-column table {width: 100%;background: #ffffff;}
.template-main-column table td, .template-main-column-2-column table td {padding: 0 25px;}
<!-- zJG_item_list.asp customization END -->