@import url(http://fonts.googleapis.com/css?family=Raleway:400,600,800,200);

body, #login-page { margin: 0; padding: 12px; background: #e0ddd8 url("images/content_bg.jpg") repeat; background-attachment: fixed; }
h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; color: #2c231d; 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, a, table, tr, td, span, font, ol, ul, li { font-family: 'Raleway', sans-serif; font-size: 14px; }
p, a, table, tr, td, span, font, ol, ul, li [style] { font-family: 'Raleway', sans-serif !important; font-size: 14px; }

#wrapper {width: 949;min-width: 1024px;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: #856f61;color:#ffffff;}
.large-mobile-button {background-color: #594A41;color:#ffffff;box-sizing: border-box;padding: 30px 0px;font-size: 80px;text-align: center;font-weight: bold;font-family:'Raleway', Arial, sans-serif;border-radius: 30px; margin: 20px 0px;width:auto;}
#footer-mobile-button {background-color: #594A41;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: #856f61;color:#ffffff;}

/* main content areas */
#wrapTable { margin: 8px 0; padding: 0; height: 100%; width: 100%; }
#headerTD { position: relative; background: transparent; margin: 0px; padding: 0px; width: 100%; text-align: center; height: 290px; }
#headerLogo { position: absolute; background: #594b42; border-radius: 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 280px; height: 280px; padding: 15px; overflow: hidden; box-shadow: 1px 1px 3px #000; -webkit-box-shadow: rgba(0,0,0,0.8) 1px 1 3px; -moz-box-shadow: rgba(0,0,0,0.8) 1 1 3px; }
#headerIMG { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; height: 280px; margin-left: 300px; 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: 1px 1px 3px #000; -webkit-box-shadow: rgba(0,0,0,0.8) 1px 1 3px; -moz-box-shadow: rgba(0,0,0,0.8) 1 1 3px; }
#headerIMG img { width: 100%; background-position: center; }
#menuTD { display: block; position: absolute; background: #8a756b; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; top: 220px; margin-left: 40px; height: 33px; padding-bottom: 6px; padding-left: 30px; padding-right: 30px; box-shadow: 1px 1px 3px #000; max-width: 80%;min-width: 800px; -webkit-box-shadow: rgba(0,0,0,0.8) 1px 1 3px; -moz-box-shadow: rgba(0,0,0,0.8) 1 1 3px; }
#sideIMG { display: block; margin-right: 20px; }
#contentTD { margin: 0 0 4px 8px; padding: 15px; background: #c6b7b0; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; width: 100%; /* box-shadow: 1px 1px 3px #000;; -webkit-box-shadow: rgba(0,0,0,0.8) 1px 1 3px; -moz-box-shadow: rgba(0,0,0,0.8) 1 1 3px; */ }
#footerTable { padding: 8px; color: #9A8478; left: 300px; position: absolute; width: 75%; }

/* Vertical Flyout Menu */
div#listmenu { font-size: 16px; font-family: 'Raleway', arial,verdana,sans-serif; z-index: 5; float: none; background: transparent; border-bottom: medium none; border-right: medium none; }
div#listmenu ul { margin: 0; padding: 0; }
div#listmenu li { transition: all .3s linear; text-align: right; position: relative; list-style-type: none; background-color: transparent; border-right: none; line-height: 8px; display: inline; }
div#listmenu li:hover { background: none }
div#listmenu li a { transition: all .25s linear; color: #fff; font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 300; padding: 15px 10px; }
div#listmenu li a:hover { color: #fff !important; background: #594a41; }
body div#listmenu ul li ul { padding-bottom: 0px }
div#listmenu ul li ul { transition: all .3s linear; z-index: 10; width: 214px; border: 0; padding-bottom: 0px; border-radius: 0px 0px 25px 25px; margin: 0px; }
div#listmenu ul li ul li:first-child { border-top: 0 }
div#listmenu ul li ul li:last-child { margin-bottom: 20px }
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 { padding: 1px; width: 200px; border: none; height: 100%; text-align: left; }
div#listmenu ul li ul li:hover { background: transparent }
div#listmenu ul li ul li a { padding: 6px; width: 200px; margin: 0px; margin-bottom: -2px; line-height: 20px; font-size: 14px; }
div#listmenu ul li ul li ul { background: transparent }
div#listmenu li ul li a:hover { color: #fff !important }
div#listmenu li ul li a:after { content: " " }
html > body div#listmenu ul li ul li ul { left: 212px; top: 0; border: 0; }
/* End Menu */

.user-actions A { color: #ffffff }
.ahn-bottom-box { color: #ffffff }
.ahn-search-box { background-color: #fff }
.ahn-single-column { background-color: #fff }
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; }
#main-content { width: 100% }
#main-content-left { width: 500px; float: left; text-align: justify; padding: 0 0 0 15px; font: 12pt #362520; }
#main-content-right { width: 274px; float: right; padding: 15px 15px 15px 0px; text-align: justify; }
#resources ul { list-style-type: circle }
#clear { clear: both }
.image { padding-right: 10px }
.our-community { padding: 5px 0 0 10px; text-align: justify; }
.feedback { float: left }
.italic { font-style: italic }
.map { border: 5px solid #e2e2e2 }

#footerTable p { text-align: center; color: #9A8478; }
#footerTable a { color: #9A8478; text-decoration: none; }
#footerTable a:hover { color: #aaa }

.style1 { font-size: 10px }
.ahn-feature-action-bar div a { color: #fff }
#maincontent { margin-left: 0; margin-right: 0; }
table { border-collapse: collapse }
img.border { border: 4px solid #59a800; margin: 12px 20px; border-radius: 9px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.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 !important }
.ui-state-default.ui-state-active a { color: #bbb }
.ui-tabs .ui-widget-header .ui-state-default.ui-state-active { background: transparent }
#ahn-bottom-content { background: transparent }
#slideWrap { width: 420px; height: 336px; position: relative; background: #ffffff url(slides/slide_bg.jpg) no-repeat; }
#ahn-side2-content { background: transparent }
.ahn-category-edit a {font-size: 12px;}
.std-table ul[style] {background: #fff !important;}

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