body {background: #7F6439 url(../images/bg.jpg) repeat-x;  margin: 0px; padding: 0px; text-align: center}
body, div {text-align: left}
img {border: 0px}

div, p {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal}

p {margin: 0px 0px 10px 0px; font-size: 11px; color: #7F6439; line-height: 14px}
p a {color: #900;}
a {text-decoration: underline !important}
a:hover {text-decoration: none !important}
a.inverted {text-decoration: none !important}
a.inverted:hover {text-decoration: underline !important}

div#page {margin: 0px auto 0px auto; width: 886px; position: relative;}

div#shadow {text-align: center; line-height: 1px}

div#top-nav-sub {z-index: 6; position: absolute; top: 0px; left: 264px; padding-top: 34px; padding-left: 15px; background: transparent url(../images/nav_background_sub.jpg) no-repeat scroll}
div#top-nav-sub ul {display: inline; overflow: hidden; list-style: none;}
div#top-nav-sub ul li {display: inline; list-style: none;}
div#top-nav-sub a {background-color: transparent; background-repeat: no-repeat; height: 0px !important; padding-top: 58px; background-position: top left; float: left; overflow: hidden;}
div#top-nav-sub a.active-nav, div#top-nav-sub a:hover {background-position: 0px -58px;}

div#top-nav {z-index: 6; position: absolute; top: 0px; left: 264px; padding-top: 34px; padding-left: 15px; background: transparent url(../images/nav_background.jpg) no-repeat scroll}
div#top-nav ul {display: inline; overflow: hidden; list-style: none;}
div#top-nav ul li {display: inline; list-style: none;}
div#top-nav a {background-color: transparent; background-repeat: no-repeat; height: 0px !important; padding-top: 58px; background-position: top left; float: left; overflow: hidden;}
div#top-nav a.active-nav, div#top-nav a:hover {background-position: 0px -58px}

#navabout a {background-image: url(../images/nav_about.jpg); width: 103px;}
#navcompany a {background-image: url(../images/nav_company.jpg); width: 148px}
#navcommunity a {background-image: url(../images/nav_eagle.jpg); width: 106px}
#navfaq a {background-image: url(../images/nav_faq.jpg); width: 140px}
#navcontact a {background-image: url(../images/nav_contact.jpg); width: 98px}

div#logo-large h1 {display: none}
div#logo-large {position: absolute; top: 0px; left: -22px; height: 328px; width: 286px; }
div#logo {position: absolute; top: 0px; left: -22px; height: 182px; width: 286px;}

div#main-wrapper {padding-top: 92px}
div#main {background: transparent url(../images/bg_long.jpg) repeat-y scroll; text-align: center}
div#central {margin: 0px auto 0px auto; width: 862px; text-align: left; background: #E9E2C8 url(../images/bg_central2.gif) repeat-y scroll}

div#home-sidebar {float: left; width: 207px; padding: 270px 17px 0px 28px; position: relative; z-index: 10}
div#sidebar {float: left; width: 207px; padding: 90px 17px 0px 28px; position: relative; z-index: 10}
div#home-sidebar div, div#sidebar div {margin-bottom: 30px; text-align: right}

/* side nav */
div#sidebar ul.top {border-top: 1px solid #C4B596; clear: both; margin: 0px -17px 60px -13px}
div#sidebar ul.top li {border-bottom: 1px solid #c4b596; font-size: 12px}
div#sidebar ul.top li a {color: #7F6439; display: block; text-decoration: none !important;  padding: 3px 0px 3px 26px; font-weight: bold;}
div#sidebar ul.top li a:hover {color: #900; text-decoration: none !important;background: #ffffff; }
div#sidebar ul.top li.active a {color: #900; }
div#sidebar ul.top li.active {background: #fff}

div#sidebar ul.sub li {border-bottom: 0px; background: #F3EFE1; padding: 0px 0px 2px 40px; font-weight: normal; font-size: 10px}
div#sidebar ul.sub {margin-bottom: -3px; margin-top: 3px; background: #F3EFE1; padding: 8px 0px 8px 0px;}
div#sidebar ul.sub li.active a {text-decoration: underline !important;}
div#sidebar ul.sub li.active {background-color: #f3efe1}
div#sidebar ul.sub li a {text-decoration: none !important;  padding: 0px; display: inline; font-weight: normal}
div#sidebar ul.sub li a:hover {text-decoration: underline !important; background: #F3EFE1}

div#content {padding: 20px 0px 20px 20px; float: left; width: 570px}
div#content-subpage {padding: 20px 10px 20px 30px; background: transparent url(../images/bg_subpage_content.gif) no-repeat scroll; width: 570px; float: left}
div#home-swf {margin-right: -4px; float: left; width: 610px}
div#map-swf {margin-right: -4px;  width: 670px}

/* reusable */

div.spacer {clear: both; height: 1px; line-height: 1px}
div.section-right img {float: right; margin: 0px 0px 20px 10px; clear: both}
div.section-left img {float: left; margin: 0px 10px 0px 0px; clear: both;}

/* div.section-right img {float: right; margin: -8px 0px 20px 10px; clear: both} */
/* div.section-left img {float: left; margin: -8px 10px 20px 0px; clear: both} */
div.section-right, div.section-left {margin-bottom: 10px;}

#footer a {color: white; margin: 0px 2px 0px 2px}
#footer a.first {margin-left: 0px}
#footer {color: white; font-size: 11px; margin: 10px; line-height: 18px}
#shadow {text-align: center; background: transparent}

/* specific headers */

h1 {background-color: transparent; background-repeat: no-repeat; float: left; overflow: hidden; height: 0px; margin-bottom: 16px}
h1#hdr-welcome {background-image: url(../images/header_welcome.gif); padding-top: 24px; width: 290px}
h1#hdr-place {background-image: url(../images/header_place.gif); padding-top: 24px; margin-bottom: 8px; width: 260px}
h1#hdr-place2 {background-image: url(../images/header_place.gif); padding-top: 24px; margin-bottom: 8px; width: 560px}
h1#hdr-model-homes {background-image: url(../images/header_model_homes.gif); padding-top: 24px; margin-bottom: 8px; width: 560px}
h1#hdr-schools {background-image: url(../images/header_school.gif); padding-top: 24px; margin-bottom: 8px; width: 560px}
h1#hdr-salesteam {background-image: url(../images/header_salesteam.gif); padding-top: 24px; margin-bottom: 8px; width: 560px}
h1#hdr-community {background-image: url(../images/header_community.gif); padding-top: 29px; margin-bottom: 8px; width: 560px}
h1#hdr-maps {background-image: url(../images/header_mapstv.gif); padding-top: 29px; margin-bottom: 8px; width: 560px}
h1#hdr-bylaws {background-image: url(../images/header_bylaws.gif); padding-top: 29px; margin-bottom: 8px; width: 560px}
h1#hdr-availability {background-image: url(../images/header_availability.gif); padding-top: 29px; margin-bottom: 8px; width: 560px}
h1#hdr-recreation {background-image: url(../images/header_recreation.gif); padding-top: 29px; margin-bottom: 8px; width: 560px}
h1#hdr-events {background-image: url(../images/header_events.gif); padding-top: 29px; margin-bottom: 8px; width: 560px}
h1#hdr-amentities {background-image: url(../images/header_amentities.gif); padding-top: 29px; margin-bottom: 8px; width: 560px}
h1#hdr-aboutus {background-image: url(../images/header_about_us.gif); padding-top: 24px; margin-bottom: 8px; width: 560px}
h1#hdr-faq {background-image: url(../images/header_faq1.gif); padding-top: 29px; margin-bottom: 8px; width: 560px}
h1#hdr-contact {background-image: url(../images/header_contact1.gif); padding-top: 24px; margin-bottom: 8px; width: 560px}
h1#hdr-sitemap {background-image: url(../images/header_sitemap.gif); padding-top: 29px; margin-bottom: 8px; width: 560px}

h1#hdr-side-about {background-image: url(../images/header_about.gif); padding-top: 24px; margin-bottom: 8px; width: 180px}
h1#hdr-side-faq {background-image: url(../images/header_faq.gif); padding-top: 24px; margin-bottom: 8px; width: 180px}
h1#hdr-side-company {background-image: url(../images/header_tradewinds.gif); padding-top: 31px; margin-bottom: 8px; width: 180px}
h1#hdr-side-contact {background-image: url(../images/header_contact.gif); padding-top: 25px; margin-bottom: 8px; width: 180px}
h1#hdr-side-eagle {background-image: url(../images/header_eagle.gif); padding-top: 29px; margin-bottom: 8px; width: 180px}


div#sidebar h1 {margin-left: 12px; margin-bottom: 16px}
h2 {font-size: 14px; color: #900; padding-bottom: 6px}
h3 {font-size: 12px; color: #7F6439; padding-bottom: 6px}