

@import url(http://fonts.googleapis.com/css?family=Raleway:400,600,800,200);

body, #login-page {background: #89918d url(images/container_bg.jpg) top center repeat;margin: 0; padding:0;}

table { border-collapse: collapse }

h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; color: #3b3a36; font-weight: 600; }
h1 { font-size: 28px }
h2 { font-size: 24px; font-weight: 800; }
h3 { font-size: 18px }
h4 { font-size: 12px }
h5 { font-size: 11px }
h6 { font-size: 10px }
p, table, tr, td, span, ol, ul, li {font-family: 'Raleway', sans-serif; font-size: 14px; color: #3b3a36;font-weight:400;}
a:link, a:visited, a:active {color: #3b3a36;}
a:hover {color: #9fa8a3;}
strong, b {font-weight:600;}
div {border-color: transparent;}

#wrapper {\width: 90%; min-width: 960px; margin: 0 auto; background: transparent; margin-top: 15px;}

/* 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: #ACB4C1;color:#FFFFFF;}
.large-mobile-button {background-color: #11294C;color:#ffffff;box-sizing: border-box;padding: 10px 0px;font-size: 60pt;text-align: center;font-weight: bold;font-family:'Raleway', Arial, sans-serif;border-radius: 30px; margin: 0px;width:auto;}
#footer-mobile-button {background-color: #11294C;color:#ffffff !important;padding: 3px 7px;text-align: center;font-size: 11px;font-family:'Raleway', Arial, sans-serif;border-radius: 4px;}
#footer-mobile-button:hover {background-color: #ACB4C1;color:#FFFFFF;}

/* main content areas */
#wrapTable { margin: 8px 0; padding: 0; height: 100%; }
#headerTD { position: relative; background: transparent; margin: 0 auto; padding: 0px; width: 98.3%; text-align: center; height: 278px; }
#headerLogo { position: absolute; background: #ACB4C1; border-radius: 80px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 380px; height: 280px; padding: 15px; overflow: hidden; box-shadow:  inset 0 2px 6px #b2c0b7;-moz-box-shadow: inset 0 2px 6px #b2c0b7;-webkit-box-shadow: inset 0 2px 6px #b2c0b7;  -ms-transform: skewX(-10deg);-webkit-transform: skewX(-10deg);transform: skewX(-6deg);z-index: 10;}
#headerIMG { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0 80px 0 80px; -webkit-border-radius: 25px; -moz-border-radius: 25px; height: 280px; margin-left: 336px; background: transparent url("images/header_bg.jpg") no-repeat scroll center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; box-shadow: inset 1px 8px 20px rgba(0,0,0,.9); -webkit-box-shadow: inset 1px 8px 20px rgba(0,0,0,.9); -moz-box-shadow: inset 1px 8px 20px rgba(0,0,0,.9); -ms-transform: skewX(10deg);-webkit-transform: skewX(10deg);transform: skewX(6deg);z-index:1;}
#menuTD { display: block; background: #ACB4C1; border-radius: 0 60px; -webkit-border-radius: 25px; -moz-border-radius: 25px; margin-right: 8px; margin-left: 0; width: 280px !important;box-shadow:inset 0 2px 6px #b2c0b7;-moz-box-shadow: inset 0 2px 6px #b2c0b7;-webkit-box-shadow: inset 0 2px 6px #b2c0b7;}
#contentTD { margin: 0 0 4px 8px; padding: 15px; background: #ffffff; -webkit-border-radius: 60px 0; -moz-border-radius: 60px 0; border-radius: 60px 0; width: 100%;}
#footerTable {color: #ACB4C1;width: 400px;background: rgba(255,255,255,.5);margin: 0 auto;border-radius: 28px;box-shadow: inset 0 2px 6px #b2c0b7;-moz-box-shadow: inset 0 2px 6px #b2c0b7;-webkit-box-shadow: inset 0 2px 6px #b2c0b7;}

/* Vertical Flyout Menu */
div#listmenu { font-size: 16px; font-family: 'Raleway', arial,verdana,sans-serif; margin-top: 12px; z-index: 5; width: 240px; float: none; background: transparent; border-bottom: medium none; border-right: medium none; height: 100%;}
.sticky {position: fixed !important;	top:8px !important;}
div#listmenu ul { position: relative; margin: 0; padding: 0; }
div#listmenu li { position: static; transition: all .3s linear; text-align: right; list-style-type: none; float: none; background-color: transparent; border-right: none; line-height: 8px; }
div#listmenu li:hover { background: none }
div#listmenu li a { transition: all .25s linear; color: #3b3a36; font-family: 'Raleway', sans-serif; font-size: 18px; font-weight:400; padding: 3px 20px 3px 0px; line-height: 28px; text-align: right; }
div#listmenu li a:hover { color: #fff !important; background: #7d8796; }

body div#listmenu ul li ul {padding: 12px 0 0 0;margin-top: 2px;min-height: 115%;}
div#listmenu ul li ul { position: absolute; top: -12px; transition: all .3s linear; z-index: 500; width: 220px; border: 0; background: transparent; border-radius: 25px; margin: -29px 0px 0px 240px; }
div#listmenu ul li ul li:first-child { margin-top: 8px; border-top: 0; }
div#listmenu ul li ul li:last-child { margin-bottom: 20px }
div#listmenu ul li ul li:hover { background: transparent }
div#listmenu ul li ul li ul { background: transparent }
div#listmenu ul li ul:hover { -webkit-transition: width 0.3s ease-in; -moz-transition: width 0.3s ease-in; -o-transition: width 0.3s ease-in; -ms-transition: width 0.3s ease-in; transition: width 0.3s ease-in; }
div#listmenu li:first-child { border-left: none }
div#listmenu ul li ul li, div#listmenu ul li ul li:hover { background: transparent; padding: 1px; width: 220px; border: none; height: 100%; text-align: left; }
div#listmenu ul li ul li:hover { background: transparent }
div#listmenu ul li ul li a { padding: 8px; width: 200px; margin: 0px; margin-bottom: -2px; line-height: 16px; font-size: 15px; }
div#listmenu li ul li a:hover { color: #fff !important }
html > body div#listmenu ul li ul li ul { left: -20px; top: 0; border: 0;min-height: 91%;}
/* End Menu */

.user-actions A { color: #ffffff }
.ahn-bottom-box { color: #ffffff }
.ahn-search-box { background-color: #fff }
.ahn-single-column { background-color: #fff }
#ahn-side2-content { background: none }
DIV#committee-wrapper { width: 98% }
DIV#amenities-wrapper { width: 98% }
.ahn-category-edit a { color: #ffffff }
.ahn-feature-title-bar h2 { font-weight: 400; line-height: 1.1em; font-size: 2em; }

#footerTable p { text-align: center; color: #3b3a36;padding: 6px 12px;}
#footerTable a { color: #3b3a36; text-decoration: none; }
#footerTable a:hover { color: #aaa;}

.ahn-feature-action-bar div a { color: #fff }
.ahn-gallery-panel, .ahn-galleryview { width: 492px !important }
.ahn-galleryview img { padding: 0; margin: 0; }
.ahn-gallery-panel img { margin: 0; width: 492px; }
.ui-state-default a { color: #fff }
.ui-state-default.ui-state-active a { color: #003 }
#ahn-bottom-content { background: transparent }
.std-table {border: 2px solid #e8ebf0;}

tr:nth-child(even) {background: #e8ebf0;}
td[bgcolor="#ffffff"], table.tablesorter tbody td {background:transparent;}
#frmCal table tr:nth-child(even) {background: transparent;}

/* NEW Calendar style - 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="#dddddd"] {background:#ddd;}
#frmCal table td font[size="2"] {background: #F9F0D1; border-radius:3px; padding: 0 6px;color: rgb(78, 37, 5);font-size: 18px;}
#frmCal table td font[size="-2"] {font-size: 16px;background: #9fa8a3;display: block;border-radius: 3px;color: #fff;}
#frmCal table td[bgcolor="WHITE"] tab#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:#ebfced;}
#frmCal table td[valign="top"] font[size="2"] {background: #9fa8a3; border-radius:3px; padding: 0 6px;color: #fff;font-size: 18px;}
#frmCal table td[align="center"] font[size="2"] {background: #9fa8a3; border-radius:3px; padding: 0 6px;color: #fff;font-size: 18px;}
#frmCal table td font[size="2"] strong {background: #9fa8a3; border-radius:3px; padding: 0;color: #fff;font-size: 18px;}
#frmCal table td font[size="2"][color="#ffffff"] {background: transparent;}
#frmCal table td font[size="-2"] {font-size: 16px;background: #9fa8a3;display: block;border-radius: 3px;color: #fff;}
#frmCal table td[bgcolor="WHITE"] table font[size="1"] {font-size:16px;}
#frmCal table font[size="1"] {font-size:16px;}

.rndIMG {border-radius: 28px;box-shadow: inset 0 2px 6px #b2c0b7;-moz-box-shadow: inset 0 2px 6px #b2c0b7;-webkit-box-shadow: inset 0 2px 6px #b2c0b7;}

/* Cycle2 slideshow */
.cycle-slideshow { top: 92px; left: 28px; margin: 0; width: 365px !important; height: 216px; }
/* 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 */ border-radius: 18px;; }