body { color: #000; background: #a0b672; font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;font-size:14px;line-height:1.5;min-width:320px; }
strong { color: #fff; }
.clear { clear: both; }
.wrap { max-width: 950px;margin:0 auto }
img, video, iframe { max-width: 100%;display:block;margin:1em auto;box-sizing:border-box }
.imgCenter{margin:1em auto;}
.imgRight{float:right;margin:0 0 1em 1em;}
.imgLeft{float:left;margin:0 1em 1em 0;}
.imgLeft,.imgRight{max-width:55%}
ul,ol{padding-left:30px}
section li{margin:6px 0}
hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
#logo { display:block;margin: 0px; padding-top: 35px; padding-left: 10px; padding-bottom: 10px; }
#logo img{margin:0;}
ul#nav { display: block; text-align: right; font-size: 0; padding: 0; margin: 0 0 6px }
ul#nav li { margin: 0px; padding: 0px; display: inline-block; }
ul#nav a { display: block; font-weight: bold; text-transform: lowercase; text-decoration: none; padding:6px;margin:5px; color: #FFF; font-size: 12px }
ul#nav a:active,
ul#nav a:hover,
ul#nav a.sn_item_pressed { color: #301009; }
ul#nav li.home  { background-color: #DAA520; }
ul#nav li.community  { background-color: #437c32; }
ul#nav li.villas  { background-color: #ffce00; }
ul#nav li.request  { background-color: #ff0000; }
ul#nav li.planning  { background-color: #00bff3; }
ul#nav li.meetings  { background-color: #f26522; }
.onlinepay { background-color: #ff1493; }
ul#nav li.golf  { background-color: #7F4E33; }
ul#nav li.wedding  { background-color: #0D6A71; }
ul#nav li.hir  { background-color: red }
ul#nav li.contact { background-color: #a67c52; }
#content { background: #f8e7b6; padding: 20px; }
#banner { height: 384px; border-bottom: 10px solid #f8e7b6;  position: relative;overflow:hidden; font-size:12px}
#banner .cycle-slideshow{overflow:hidden;}
#banner img { z-index: 0;margin:0;height:384px;width:950px;max-width:unset }
#banner #integrity { color: #F8E7B6; font: bold 3em "Arvo", Arial, Helvetica, sans-serif; position: absolute; top: 95px; padding-left: 65px; z-index: 100;margin:0 }
#banner #composed { color: #301009; font: bold 1.2em "Arvo", Arial, Helvetica, sans-serif; width: 248px; padding-left: 93px; position: absolute; top: 205px; z-index: 100; }
#banner a.joinUs { position: absolute; top: 236px; z-index: 100; line-height: 35px; height: 35px; width: 149px; padding-left: 261px; font-weight: bold; color: #427C30; text-decoration: none; font-size: 1.1em; padding-top: 5px; }
#nav2 { background: #427C30; clear: both;  padding: 8px; border-bottom: 10px solid #f8e7b6;display:grid;grid-template-columns:1fr 1fr;margin:0 auto }
#nav2 a { display: block; padding-right: 10px; padding-left: 60px; text-decoration: none; color: #f8e7b6;  line-height: 1.5em; position:relative; min-height:80px }
#nav2 h2{color:#fff;font-size:14px;margin-top:0}
#nav2 p{font-size:12px}
#nav2 a img{position:absolute;left:0;top:0;margin:0}
#nav2 a span { font-size: 1.1em; font-weight: bold; color: #FFFFFF; text-transform: lowercase; }
footer .wrap { background: #427C30; padding: 10px 0; border-bottom: 10px solid #f8e7b6; text-align: center; color: #F8E7B6;margin-bottom:80px }
footer address { font-size: 1.0em; padding: 0px; font-style: normal; }
footer ul { list-style: none;  }
footer li {display:inline-block; border-right: 1px solid #F8E7B6; line-height: normal; padding: 2px 0px; margin: 5px; }
footer li.last { border-right-style: none; }
footer a { color: #FFF; text-decoration: none; padding:2px 10px 2px 0; text-transform: uppercase; }
.imgCenter,
.imgRight,
.imgLeft { border: 1px solid #000000; padding: 7px; background: #ffffff; }
#gallery a{display:inline-block}
#gallery img { border: 2px solid #a0b672; margin: 10px; padding: 1px;object-fit:cover }
#a8b-mark { text-align: center; display: block; margin-top: 20px; }
.pnlLogin { border: 1px solid #000000; padding: 5px; background: #DFD6BB; }
dl#create-account dt { margin-bottom: 0; padding-bottom: 0; }
dl#create-account dd { margin-top: 0; padding-top: 0; }
sup.required,
span.required,
.error { color: Red; }
#content div[class^=newsBox] {  display: block; margin: 15px 15px 15px 35px; padding: 10px 10px 20px 25px; border: 4px solid #569F41; color: #F9ECC7; }
.newsBox1 { background: #437C32; border: 4px solid #569F41; }
.newsBox2 { background: #DC5E22; border: 4px solid #E38051; }
.newsBox3 { background: #35BFE4; border: 4px solid #7DD8F1; }
.newsBox4 { background: #A67C52; border: 4px solid #C0966C; }
.newsBox5 { background: #35BFE4; border: 4px solid #7DD8F1; }
.bios h4 a { color: White; font-size: 14px; }
#fall { width: 400px; margin-left: 200px; }
#homeimp strong { color: Black; }
.halfCol { width: 50%; float: left; margin-bottom: 20px; }
.notice { width: 80%; margin: 0 auto; }
#pool td { font-size: 1em; width: 250px; }
#pool .hours { width: 200px; padding: 0 40px; }
#pool span { display: inline-block; width: 70px; }
.golfbox { background: #437C32; display: block; margin: 10px 0; padding: 20px 10px 40px; border: 4px solid #569F41; color: #F9ECC7; }
.golfbox div { margin: 0 auto; width: 90%; }
.golfbox hr { margin: 3% 0; }
.golfbox h3 { color: #fff; margin-top: 20px }
.golfbox h3:first-of-type { margin-top: 0 }
.golfbox h4 { margin-bottom: 0; }
.golfbox ul { padding: 0; }
.weddingbox1 { background: #437C32; display: block; margin: 10px 0; padding: 40px 10px; border: 4px solid #569F41; color: #F9ECC7; text-align: center; }
.weddingbox1 li { list-style-type: none; }
.weddingcursive { font-family: 'Pinyon Script', cursive; color: white; font-size: 45px; margin: 20px 0; }
.weddingtitle { font-family: 'Raleway', sans-serif; color: white; font-size: 20px; }
img.center { margin: 12px auto; display: block; }
.golfbox table td, .golfbox table th { padding: 5px 10px }
.golfbox table { border:none; border-collapse: collapse }
.golfbox table i { margin-left: 50px; }
.golfbox .alt { background-color: #569F41 }
.underline { text-decoration: underline }
.imgbox { display:grid;grid-template-columns:1fr 1fr;grid-gap:10px }
.imgbox img {margin:0}
.imgbox img, .border { outline: 1px solid #569f41 }
.date strong { width: 9%; display: inline-block; }
.nowrap { white-space: nowrap }
.nobull { list-style-type: none; }
#content li { margin: 10px 0; list-style-position: outside }
#contact{margin:10px 0;}
fieldset{padding:0 10px 20px}
form label,form input,form textarea{display:block;max-width:100%}
form textarea{height:90px}
form input, form textarea{width:100%;padding:10px;box-sizing:border-box}
form label{text-align:left;margin:10px 0}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:5px 10px}
#committeeChairs th{text-align:left}
#boa li {font-weight: bold;}

@media(max-width:999px){
	#nav2 h2{font-size:12px;margin:0 0 .25em}
	#nav2 p{margin:.5em 0}
	#content{padding:20px 10px}
}
@media(max-width:767px){
	#nav2{grid-template-columns:1fr;grid-gap:8px}

}
@media(max-width:500px){
	.imgRight{float:none;margin:1em auto;max-width:100%}
	.imgbox{grid-template-columns:1fr}
	#committeeChairs,#committeeChairs th,#committeeChairs td{display:block}
	#committeeChairs th br{display:none}
	#nav2{padding-right: 40px; padding-left:0;text-align:center;}
}

@media(max-width:400px){
	#banner img{margin-left:-90px}
	#banner #integrity{padding-left:10px;}
	#banner #composed{padding-left:20px}
	#banner a.joinUs{padding-left:171px}
	#gallery img{margin:5px;max-width:130px}
	#nav2{padding-right: 40px; padding-left:0;text-align:center;}
}