

/* -------------------------------------
/*  Fruit Basket - MELON
/* -------------------------------------*/

@import url(//fonts.googleapis.com/css?family=Lobster+Two:400|Oswald:400,300|Open+Sans:400,600,700,600italic,700italic,400italic);

body, #login-page {background: #8d8d8d;background-image: url(images/container_bg.png), url(images/container_bg2.png);background-repeat: repeat-x;background-position: top, bottom;background-attachment: fixed;color: #000000;font-family: 'Open Sans', sans-serif;font-size: 1em;margin: 0 auto;}

body,p,table,td,th,ul,ol,textarea,input,span {font-family: 'Open Sans', serif !important;}
h1,h2,h3,h4,h5,h6 {font-family: 'Oswald', serif !important;font-weight: 400;}

h1 {font-size:2em;margin-top:0px;margin-bottom:10px;font-weight:400;color:#28a2cb;line-height:100%;}
h2 {font-size:1.6em;margin-top:10px;margin-bottom:10px;font-weight:400;color:#28a2cb;line-height:100%;}
h3 {font-size:1.3em;margin-bottom:10px;font-weight:400;color:#28a2cb;}
h4 {font-size:1em;font-weight:400;color:#28a2cb;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: #28a2cb;text-decoration:none;}
a:visited {color: #28a2cb;text-decoration:underline;}
a:focus {color: #28a2cb;text-decoration:underline;}
a:active {color: #28a2cb;text-decoration:underline;}
a:hover {color: #28a2cb;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: #28a2cb;color:#ffffff;}
.large-mobile-button {background-color: #000000;color:#ffffff;box-sizing: border-box;padding: 30px 0px;font-size: 60px;text-align: center;font-weight: bold;font-family:'Open Sans', 'Open Sans', sans-serif;border-radius: 30px; margin: 20px 20px;width:auto;}
#footer-mobile-button {background-color: #000000;color:#ffffff !important;padding: 3px 7px;text-align: center;font-size: 8pt;font-family:'Open Sans', 'Open Sans', sans-serif;border-radius: 4px;}
#footer-mobile-button:hover {background-color: #28a2cb;color:#ffffff;}

/* Layout Structure Elements 
------------------------------------------------------------------- */
#wrapper {background:#000;width:90%;min-width:960px;height:100%;margin:30px auto;border-radius: 20px;box-shadow: 0 8px 16px #000;padding-top:40px;}
#container {width:100%;margin:0 auto;}
#content {background:#fff;width:100%;min-width: 930px;margin: 0 auto;text-align:left;padding:20px;box-sizing: border-box;}
#footer {background: #fff;width:100%;height: 60px;postition: relative;border-radius: 0 0 20px 20px;}
.ahn-wrapper {padding: 8px 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 {position: relative;width:100%;background:#28a2cb url(images/header_bg.jpg) repeat-x top center;height:200px;border-top: 3px solid #fff;border-bottom: 2px solid #fff;}
#hdr1 {position:absolute;top:13px;left:20px;}
#hdr1 h1 {color:#fff; font-family: 'Lobster Two', 'Oswald', sans-serif !important;font-size: 3.4em;text-shadow: 2px 2px 4px #28a2cb;margin-top: 45px;margin-left: 20px;}
#hdr1 h1 .sub {color:#fff; font-family: 'Lobster Two', 'Oswald', sans-serif !important;font-size: .6em;padding-left: 20px;line-height: 25px;}
#hdr2 {position:absolute;top:13px;right: 16px;}
#hdr2 img {border-radius: 10px;box-shadow: 1px 1px 4px #28a2cb;}
#nav-bar {position: relative;width:100%;background:#000;margin:0 auto;}

/* 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: 'Oswald', 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:#000;border-right:1px dotted #aaa;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: #28a2cb;}
span.spacer:hover {background-color:#ccc;border:0;}
div#listmenu a {display:block;padding:3px 10px;text-decoration:none;font-family: 'Oswald', sans-serif;color:#fff;font-weight:200 !important; letter-spacing:0px; font-size:16pt;}
div#listmenu a:visited {color:#ffffff;}
div#listmenu a:focus {color:#ffffff;}
div#listmenu a:hover {color:#eee;}

/* 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:#eee;width:206px;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:#28a2cb;font-weight:400;font-size:.95em;border-right:0px #eee solid;}
div#listmenu ul li ul li a:visited {color: #28a2cb;}
div#listmenu ul li ul li:hover {background:#28a2cb;border-bottom:0px #eee solid;}
div#listmenu ul li ul li:hover a {color:#ffffff;}
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;}
.footer-logo {width:225px;background:transparent;position: absolute; top:12px; left:20px;}
p.ftLine {color:#28a2cb;font-size:10pt;padding-top:24px; text-align:center;}

/* 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: #003;}
DIV.ui-dialog .ui-widget-header {color: #777;font-weight: 400;}

/* 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-side2-content {background:transparent;}
.ahn-category-edit a {color: #fff;font-size: .8rem;}

/* Cycle2 slideshow */
.cycle-slideshow {
margin: 0 auto;
width: 302px !important;
height: 175px;
} 

/* 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 */
} 