/* -------------------------------------
/*  Bushwood Country Club Website
/* -------------------------------------*/

@import url(//fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600|Coda:400,800);

/* 
   HTML and Body Styling
------------------------------------------------------------------- */
body, #login-page {background:#f2f1ed url(images/container_bg.jpg) fixed repeat;margin:0;}

body,p,table,td,th,ul,ol,textarea,input {font-family: "Josefin Sans", sans-serif !important;}

h1,h2,h3,h4,h5,h6 {font-family:"Coda", sans-serif !important;}

h1 {font-size:2.4em;margin-top:0px;margin-bottom:10px;font-weight:800; color:#254459;line-height:120%;}
h2 {font-size:2em;margin-top:10px;margin-bottom:10px;font-weight:800;color:#254459;line-height:120%;}
h3 {font-size:1.4em;margin-bottom:10px;font-weight:800;color:#254459;}
h4 {font-size:1em;font-weight:400;color:#444;margin-bottom:6px;}
h5 {font-size:0.93em;font-weight:400;color:#444;}
h6 {font-size:0.87em;font-weight:400;color:#444;}

h1,h2,h3,h4,h5,h6 {background-color:transparent;}

p { font-size:1.1rem;margin-bottom:15px;text-align:left;color:#254459;font-weight:400; }

/* 
   Default Values
------------------------------------------------------------------- */
a:link {color: #254459;text-decoration:none;}
a:visited {color: #254459;text-decoration:underline;}
a:focus {color: #254459;text-decoration:underline;}
a:active {color: #254459;text-decoration:underline;}
a:hover {color: #555;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: #254459;color:#ffffff;}
.large-mobile-button {background-color: #3F7396;color:#ffffff;box-sizing: border-box;padding: 30px 0px;font-size: 80px;text-align: center;font-weight: bold;font-family:"Coda", Allegrya , sans-serif;border-radius: 30px; margin: 20px 20px;width:auto;}
#footer-mobile-button {background-color: #3F7396;color:#ffffff !important;padding: 3px 7px;text-align: center;font-size: 10px;font-family:"Coda", Allegrya , sans-serif;border-radius: 4px;}
#footer-mobile-button:hover {background-color: #254459;color:#ffffff;}

/* 
   Layout Structure Elements 
------------------------------------------------------------------- */
#wrapper {position:relative;background:transparent;width:90%; min-width: 960px;height:100%;margin:20px auto;padding-top: 200px;}
#shell {background:rgba(35,25,5,0.4);height:auto;width:100%;border-radius: 6px;overflow: hidden;box-shadow: 0 0 20px #000, 0 0 12px #000;}
#content {background:rgba(255,255,255,0.9);width:98%;margin:204px auto 0px;padding:5px;height:auto;text-align:left;border-radius:12px;}
#footer {margin: 0px auto;background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;width: 94%;height: 32px;border-radius: 6px;}
.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
------------------------------------------------------------------- */
.header {position: absolute; top:0;width:100%;height:132px;background:transparent;}
.logo {width: 640px;	margin: 0px auto;background: rgba(0,0,0,0.35);text-align: center;border: 6px double rgba(255,255,255,0.6);border-radius: 12px 12px 48px 48px;box-shadow: inset 0 0 12px 7px rgba(0,0,0,1);}
#hdrImg {margin: 0 auto;width: 94%;height:342px;border: 6px solid rgba(255, 255, 255, 0.5);border-radius: 80px 80px 6px 6px;background: transparent url(images/hdr_img.jpg) center top;background-size: 100%;overflow: hidden;box-shadow:0px 0px 8px #000, inset 0 0 16px 2px #000;}
.nav-bar {position: absolute;top: 200px;width:100%;height:32px;background:rgba(255,255,255,0.9);margin: 162px auto 12px auto;border-bottom: 2px solid #D7D7D7;}

/* 
   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:"Coda", sans-serif;background-color:transparent;z-index:500;position:relative;padding-left:0px; font-size: 1.2em;font-weight: 800; color: #254459;}
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-right:1px dotted #ADACAB;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: rgba(60,110,150,.5)}
span.spacer:hover {background-color:#ccc;border:0;}
div#listmenu a {display:block;padding:5px 8px 5px 5px;text-decoration:none;font-family: 'Coda', sans-serif;color:#254459;font-weight:800;letter-spacing:0px;font-size:1.1em;}
div#listmenu a:visited {color:#254459;}
div#listmenu a:focus {color:#254459;}
div#listmenu a:hover {color:#254459;}
div#listmenu ul li:hover, div#listmenu ul li ul li:hover {}

/* the drop-down starts here */
body div#listmenu ul li ul {padding-bottom: 0px;}
div#listmenu ul li ul {margin: 0px;z-index: 15;position: absolute;left: -1px;background-color: transparent;width: 200px;border: 0px;}
div#listmenu ul li ul li {background:#fff;width:200px;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:#254459;font-weight:400;font-size:.9em;border-right:0;}
div#listmenu ul li ul li a:visited {color: #254459;}
div#listmenu ul li ul li:hover {background:#254459;border-bottom:0;}
div#listmenu ul li ul li a:hover {color:#fff;}
div#listmenu ul li ul li:first-child {border-top:0;}
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:201px;}

/*    Footer Elements */

/* Footer Logo */
.footer-logo {width:225px;float:left;margin:100px 5px 5px 15px;height:69px;background:transparent;}

/* Footer Content Box */
.footer-content {background:transparent;height:auto;margin: 0px auto;padding: 8px;}

/* Nav Bar */
.footer-content a {color: #fff}
.nav-footer-area {padding-top:80px;}
p.ftLine {color:#fff;font-size:1em;text-align:center;margin-bottom:5px;font-family: 'Coda', sans-serif !important;}
p.ftLine a {color:#fff;}

/* 
   Top Gallery
------------------------------------------------------------------- */
#slider {width:1014px; /* important to be same as image width */height:450px; /* important to be same as image height */position:relative; /* important */overflow:hidden; /* important */}
#sliderContent {width:1014px; /* important to be same as image width or wider */position:absolute;top:0;margin-left:0;}
.sliderImage {float:left;position:relative;display: none;}
.sliderImage span {position:absolute;font: 10px/15px Arial, Helvetica, sans-serif;padding:10px 13px;width:1014px;background-color:#000;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;color: #fff;display: none;}
.clear {clear:both;}
.sliderImage span strong {font-size:14px;}
.top {top:0;left:0;}
.bottom {bottom:0;left:0;}
ul { list-style-type none;}

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

/* NEW styles for Calendar */
#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:#D2E4EF;}
#frmCal table td font[size="2"] {background: #D2E4EF; border-radius:3px; padding: 0 6px;color: rgb(60, 110, 150);font-size: 18px;}
#frmCal table td font[size="-2"] {font-size: 16px;background: #254459;display: block;border-radius: 3px;color: #fff;}
#frmCal table td[bgcolor="WHITE"] table font[size="1"] {font-size:16px;}
table[bordercolor="#D2E4EF"] TD {border: 1px solid rgb(60, 110, 150);}

#imgBttns {margin: 20px auto 0;padding: 40px 0 0;}
#imgBttns img {transition: all .2s linear;border-radius: 5px;box-shadow: 0 0 6px rgba(0,0,0,0.5);}
#imgBttns img:hover {opacity: .7;-webkit-filter: grayscale(100%); filter: grayscale(100%);}

/* 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 */
}