/*
#CCFFFF - sidebar link text
#FFFFCC - light yellow/off white site background
#333366 - blue site text
          "top of page" text
          page header line background
          borders
          submit button background
#669966 - medium green side nav bar background
          first top nav bar background
          "top of page" background
#8FBC8F - light green second nav bar background
  white - text against darker background
  black - hover text
*/
body {
    margin: 0;
    padding: 0;
    font-family: serif, "Times New Roman";
    font-size: 18px;
    background: #FFFFCC;
    color: #333366;
    text-align: center;
/*    cursor: url('../images/foundation/banana.ani'), auto; */
}
/* The top line of every page */
div#header {
    padding: 5px 5px;
    background-color: #333366;
    font-size: 32px;
    color: white;
    text-align: left;
    position: relative;
    max-width: 100%;
    min-width: 744px;
    margin: auto;
}
/* MAIN NAVIGATION TABS */
ul {
    padding: 0 30px;
    list-style-type: circle;
}
ul#tabs {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
    height: 18px;
    background: rgb(218, 218, 218);
    position: relative;
    font-size: 16px;
    font-weight: bold;
}
ul#tabs li {
    position: absolute;
    bottom: 0;
    margin: 0;
    height: 23px;
    text-align: center;
    width: 16.66%;
    background: transparent url('../images/foundation/tab_01.png') no-repeat scroll left;
}
ul#tabs li > div {
    height: 23px;
    background: transparent url('../images/foundation/tab_03.png') no-repeat scroll right;
}
ul#tabs li > div > div {
    height: 23px;
    background: transparent url('../images/foundation/tab_02.png') repeat-x scroll center;
    margin: 0 8px 0 7px;
}
ul#tabs a {
    display: block;
    height: 100%;
    text-decoration: none;
    color: white;
}
ul#tabs li#tab1 {
    left: 0;
}
ul#tabs li#tab2 {
    left: 16.66%;
}
ul#tabs li#tab3 {
    left: 33.32%;
}
ul#tabs li#tab4 {
    left: 49.98%;
}
ul#tabs li#tab5 {
    left: 66.64%;
}
ul#tabs li#tab6 {
    left: 83.3%;
}
ul#tabs li:hover,
body#home li#tab1,
body#hoe li#tab2,
    body#hoe-home    li#tab2,
    body#hoe-entry   li#tab2,
    body#hoe-living  li#tab2,
    body#hoe-kitchen li#tab2,
    body#hoe-master  li#tab2,
    body#hoe-guest   li#tab2,
body#tt li#tab3,
    body#tt-home    li#tab3,
    body#tt-entry   li#tab3,
    body#tt-living  li#tab3,
    body#tt-kitchen li#tab3,
    body#tt-master  li#tab3,
    body#tt-den     li#tab3,
    body#tt-guest   li#tab3,
body#golf li#tab4,
body#club li#tab5,
body#contact li#tab6 {
    background: transparent url('../images/foundation/tab-hover_01.png') no-repeat scroll left;
}
ul#tabs li:hover > div,
body#home li#tab1 > div,
body#hoe li#tab2 > div,
    body#hoe-home    li#tab2 > div,
    body#hoe-entry   li#tab2 > div,
    body#hoe-living  li#tab2 > div,
    body#hoe-kitchen li#tab2 > div,
    body#hoe-master  li#tab2 > div,
    body#hoe-guest   li#tab2 > div,
body#tt li#tab3 > div,
    body#tt-home    li#tab3 > div,
    body#tt-entry   li#tab3 > div,
    body#tt-living  li#tab3 > div,
    body#tt-kitchen li#tab3 > div,
    body#tt-master  li#tab3 > div,
    body#tt-den     li#tab3 > div,
    body#tt-guest   li#tab3 > div,
body#golf li#tab4 > div,
body#club li#tab5 > div,
body#contact li#tab6 > div {
    background: transparent url('../images/foundation/tab-hover_03.png') no-repeat scroll right;
}
ul#tabs li:hover > div > div,
body#home li#tab1 > div > div,
body#hoe li#tab2 > div > div,
    body#hoe-home    li#tab2 > div > div,
    body#hoe-entry   li#tab2 > div > div,
    body#hoe-living  li#tab2 > div > div,
    body#hoe-kitchen li#tab2 > div > div,
    body#hoe-master  li#tab2 > div > div,
    body#hoe-guest   li#tab2 > div > div,
body#tt li#tab3 > div > div,
    body#tt-home    li#tab3 > div > div,
    body#tt-entry   li#tab3 > div > div,
    body#tt-living  li#tab3 > div > div,
    body#tt-kitchen li#tab3 > div > div,
    body#tt-master  li#tab3 > div > div,
    body#tt-den     li#tab3 > div > div,
    body#tt-guest   li#tab3 > div > div,
body#golf li#tab4 > div > div,
body#club li#tab5 > div > div,
body#contact li#tab6 > div > div {
    background: transparent url('../images/foundation/tab-hover_02.png') repeat-x scroll center;
}
ul#tabs a:hover,
body#home li#tab1 a,
body#hoe li#tab2 a,
    body#hoe-home    li#tab2 a,
    body#hoe-entry   li#tab2 a,
    body#hoe-living  li#tab2 a,
    body#hoe-kitchen li#tab2 a,
    body#hoe-master  li#tab2 a,
    body#hoe-guest   li#tab2 a,
body#tt li#tab3 a,
    body#tt-home    li#tab3 a,
    body#tt-entry   li#tab3 a,
    body#tt-living  li#tab3 a,
    body#tt-kitchen li#tab3 a,
    body#tt-master  li#tab3 a,
    body#tt-den     li#tab3 a,
    body#tt-guest   li#tab3 a,
body#golf li#tab4 a,
body#club li#tab5 a,
body#contact li#tab6 a {
    color: black;
}
ul#tabs span {
    display: block;
    padding: 4px 10px 0 10px;
}

/* HEAVEN ON ELEVEN NAVIGATION TABS */
ul#tabs-hoe {
    list-style: none;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 0 0;
    height: 18px;
    background: rgb(218, 218, 218);
    position: relative;
}
ul#tabs-hoe li {
    position: absolute;
    bottom: 0;
    margin: 0;
    height: 23px;
    text-align: center;
    width: 20%;
    background: transparent url('../images/foundation/tab_01.png') no-repeat scroll left;
}
ul#tabs-hoe li > div {
    height: 23px;
    background: transparent url('../images/foundation/tab_03.png') no-repeat scroll right;
}
ul#tabs-hoe li > div > div {
    height: 23px;
    background: transparent url('../images/foundation/tab_02.png') repeat-x scroll center;
    margin: 0 8px 0 7px;
}
ul#tabs-hoe a {
    display: block;
    height: 100%;
    text-decoration: none;
    color: white;
}
ul#tabs-hoe li#tab1-hoe {
    left: 0;
}
ul#tabs-hoe li#tab2-hoe {
    left: 20%;
}
ul#tabs-hoe li#tab3-hoe {
    left: 40%;
}
ul#tabs-hoe li#tab4-hoe {
    left: 60%;
}
ul#tabs-hoe li#tab5-hoe {
    left: 80%;
}
ul#tabs-hoe li:hover,
body#hoe-entry   li#tab1-hoe,
body#hoe-living  li#tab2-hoe,
body#hoe-kitchen li#tab3-hoe,
body#hoe-master  li#tab4-hoe,
body#hoe-guest   li#tab5-hoe {
    background: transparent url('../images/foundation/tab-hover_01.png') no-repeat scroll left;
}
ul#tabs-hoe li:hover > div,
body#hoe-entry   li#tab1-hoe > div,
body#hoe-living  li#tab2-hoe > div,
body#hoe-kitchen li#tab3-hoe > div,
body#hoe-master  li#tab4-hoe > div,
body#hoe-guest   li#tab5-hoe > div {
    background: transparent url('../images/foundation/tab-hover_03.png') no-repeat scroll right;
}
ul#tabs-hoe li:hover > div > div,
body#hoe-entry   li#tab1-hoe > div > div,
body#hoe-living  li#tab2-hoe > div > div,
body#hoe-kitchen li#tab3-hoe > div > div,
body#hoe-master  li#tab4-hoe > div > div,
body#hoe-guest   li#tab5-hoe > div > div {
    background: transparent url('../images/foundation/tab-hover_02.png') repeat-x scroll center;
}
ul#tabs-hoe a:hover,
body#hoe-entry   li#tab1-hoe a,
body#hoe-living  li#tab2-hoe a,
body#hoe-kitchen li#tab3-hoe a,
body#hoe-master  li#tab4-hoe a,
body#hoe-guest   li#tab5-hoe a {
    color: black;
}
ul#tabs-hoe span {
    display: block;
    padding: 4px 10px 0 10px;
}


/* Tropical Tranquility NAVIGATION TABS */
ul#tabs-tt {
    list-style: none;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 0 0;
    height: 18px;
    background: rgb(218, 218, 218);
    position: relative;
}
ul#tabs-tt li {
    position: absolute;
    bottom: 0;
    margin: 0;
    height: 23px;
    text-align: center;
    width: 16.66%;
    background: transparent url('../images/foundation/tab_01.png') no-repeat scroll left;
}
ul#tabs-tt li > div {
    height: 23px;
    background: transparent url('../images/foundation/tab_03.png') no-repeat scroll right;
}
ul#tabs-tt li > div > div {
    height: 23px;
    background: transparent url('../images/foundation/tab_02.png') repeat-x scroll center;
    margin: 0 8px 0 7px;
}
ul#tabs-tt a {
    display: block;
    height: 100%;
    text-decoration: none;
    color: white;
}
ul#tabs-tt li#tab1-tt {
    left: 0;
}
ul#tabs-tt li#tab2-tt {
    left: 16.66%;
}
ul#tabs-tt li#tab3-tt {
    left: 33.32%;
}
ul#tabs-tt li#tab4-tt {
    left: 49.98%;
}
ul#tabs-tt li#tab5-tt {
    left: 66.64%;
}
ul#tabs-tt li#tab6-tt {
    left: 83.3%;
}
ul#tabs-tt li:hover,
body#tt-entry   li#tab1-tt,
body#tt-living  li#tab2-tt,
body#tt-kitchen li#tab3-tt,
body#tt-master  li#tab4-tt,
body#tt-den     li#tab5-tt,
body#tt-guest   li#tab6-tt {
    background: transparent url('../images/foundation/tab-hover_01.png') no-repeat scroll left;
}
ul#tabs-tt li:hover > div,
body#tt-entry   li#tab1-tt > div,
body#tt-living  li#tab2-tt > div,
body#tt-kitchen li#tab3-tt > div,
body#tt-master  li#tab4-tt > div,
body#tt-den     li#tab5-tt > div,
body#tt-guest   li#tab6-tt > div {
    background: transparent url('../images/foundation/tab-hover_03.png') no-repeat scroll right;
}
ul#tabs-tt li:hover > div > div,
body#tt-entry   li#tab1-tt > div > div,
body#tt-living  li#tab2-tt > div > div,
body#tt-kitchen li#tab3-tt > div > div,
body#tt-master  li#tab4-tt > div > div,
body#tt-den     li#tab5-tt > div > div,
body#tt-guest   li#tab6-tt > div > div {
    background: transparent url('../images/foundation/tab-hover_02.png') repeat-x scroll center;
}
ul#tabs-tt a:hover,
body#tt-entry   li#tab1-tt a,
body#tt-living  li#tab2-tt a,
body#tt-kitchen li#tab3-tt a,
body#tt-master  li#tab4-tt a,
body#tt-den     li#tab5-tt a,
body#tt-guest   li#tab6-tt a {
    color: black;
}
ul#tabs-tt span {
    display: block;
    padding: 4px 10px 0 10px;
}

/* The container divs are wrapper divs for the sidebar and content divs. */
div#container-home,
div#container-hoe-home,
    div#container-hoe-entry,
    div#container-hoe-living,
    div#container-hoe-kitchen,
    div#container-hoe-master,
    div#container-hoe-guest,
div#container-tt-home,
    div#container-tt-entry,
    div#container-tt-living,
    div#container-tt-kitchen,
    div#container-tt-master,
    div#container-tt-den,
    div#container-tt-guest,
div#container-golf,
div#container-club,
div#container-contact {
    position: relative;
    min-width: 744px;
    border-top: solid 1px #333366;
}
div#container-home {
    min-height: 590px;
}
div#container-hoe-home {
    min-height: 720px;
}
div#container-hoe-entry {
    min-height: 500px;
}
div#container-hoe-living {
    min-height: 1020px;
}
div#container-hoe-kitchen {
    min-height: 1300px;
}
div#container-hoe-master {
    min-height: 1460px;
}
div#container-hoe-guest {
    min-height: 960px;
}
div#container-tt-home {
    min-height: 810px;
}
div#container-tt-entry {
    min-height: 500px;
}
div#container-tt-living {
    min-height: 1265px;
}
div#container-tt-kitchen {
    min-height: 1140px;
}
div#container-tt-master {
    min-height: 1500px;
}
div#container-tt-den {
    min-height: 500px;
}
div#container-tt-guest {
    min-height: 800px;
}
div#container-golf {
    min-height: 840px;
}
div#container-club {
    min-height: 700px;
}
div#container-contact {
    min-height: 700px;
}
/* The height of the sidebar and the content divs depends on the height of the "div#container..." in which it resides. However, because the sidebar and content divs are defined with an absolute position, if the container div is set with a min-height less than the space occupied by the objects in the sidebar and content, the contents of the sidebar and content divs  may appear to bleed into the footer div.  If either they appear to bleed or the footer contents (the Top of Page button) appear inside the content div, the min-height of the container needs to be increased.  Conversely, if the contents of the footer appear too far below the sidebar and content, the min-height of the container needs to be decreased.*/
div#sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 140px;
    background-color: #669966;
    color: #CCFFFF;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 3px 4px 3px;
    border-right: solid 1px #333366;
    border-bottom: solid 1px #333366;
}
div#content-with-sidebar,
div#content-no-sidebar,
div#content-popup {
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: left;
}
div#content-with-sidebar {
    left: 170px;
    width: 800px;
}
div#content-no-sidebar {
    left: 60px;
    width: 910px;
}
div#content-popup {
    left: 60px;
}
div#footer {
    position: relative;
    padding: 0px 0px 20px 0px;
}

/* h1 and h3 both have default attributes.  Setting a specific value for margin improves cross-browser compatibility because these tags are implemented differently in the various browsers. */
h1 {
    margin: 0;
    padding: 20px 0;
}
h3 {
    margin: 0;
    padding: 20px 0;
}

/* Navigation and external links */
a.nav {
    text-decoration: none;
    color: white;
    font-size: 18px;
}
a.nav:hover {
    text-decoration: underline;
    color: black;
}
a.nav:link {
}
a.nav:visited {
}
div#bottomnav {
    width: 100px;
    background-color: #669966;
    padding: 3px;
    margin: auto;
    border-style: outset;
}
div#thumbnail {
    font-size: 10px;
    text-align: center;
}
em.red {
    color: red;
    font-size: 16px;
}
img {
    border-style: solid;
    border-color: #333366;
    border-width: 1px;
}
img.button {
    border-style: none;
}
img.left {
	float: left;
    margin: 0 15px 0 0;
}
img.padright {
    margin: 0 90px 0 0;
}
img.padright2 {
    margin: 0 45px 0 0;
}
img.right {
    float: right;
    margin: 0 5px 0 15px;
}
input.button {
    font-family: serif, "Times New Roman";
    font-size: 22px;
    text-align: center;
    text-decoration: none;
    background-color: #333366;
    color: white;
    width: 140px;
    border: 3px;
    border-style: outset;
}
input.button:hover {
    cursor: pointer;
}
object.right {
    float: right;
    margin: 0 5px 0 15px;
    border: 0px;
}
p.ctrimage {
    margin-left: auto;
    margin-right: auto;
    width: 700px;
}
p.justify {
    text-align: justify;
}
p.left,
p.left2,
p.left3,
p.left4,
p.left5 {
	float: left;
    margin: 0 15px 0 0 ;
    text-align: justify;
}
p.left {
    width: 275px;
}
p.left2 {
    width: 420px;
}
p.left3 {
    width: 510px;
}
p.left4 {
    width: 320px;
}
p.left5 {
    width: 185px;
}
p.right {
    float: right;
    margin: 0 5px 0 25px;
}
p.title {
    margin: 0;
    padding: 30px 0px 20px 30px;
    font-size: 24px;
    font-weight: bold;
    color: #333366;
    text-align: left;
}
td {
    padding: 0 20px;
}
td.left {
    padding: 0;
    vertical-align: top;
    text-align: left;
}
br.clear {
    clear: both;
}