html {
    height: 100%;
} 

body {   
	margin: 0px;
	padding: 0px;
	background-color: #F7E4AE;
	background-repeat:no-repeat;
	
}
h1{
    padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;
}
#container { 
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}
#maincontent_home {
	width: 900px;
	height: 574px;
	z-index: 0;
}
#maincontent_generic {
	width: 900px;
	height: 574px;
	z-index: 0;
}
#section_home {
	background: url(assets/images/home_bg1.jpg) top left;
	width: 900px;
	height: 574px;
	z-index: 0;
}
#footer {
    background: url(assets/images/footer_bg.jpg) top left;
    width: 900px;
    height: 24px;
    z-index: 9999;
}
.footer {
    background: url(assets/images/footer_bg.jpg) top left;
    width: 900px;
    height: 24px;
    z-index: 9999;
}
.footerelements {
    width: 640px;
    height: 24px;
    z-index: 9999;
    float: left;
    text-align: center; 
    color: #803C10;
}
a.footerlinks {
    z-index: 9999;
    font-family: Trebuchet, Arial, verdana;
	font-size: 10px;
	color: #803C10;
	text-decoration: none;
}
a.footerlinks:visited {
    z-index: 9999;
    font-family: Trebuchet, Arial, verdana;
	font-size: 10px;
	color: #803C10;
	text-decoration: none;
}
a.footerlinks:hover {
    z-index: 9999;
    font-family: Trebuchet, Arial, verdana;
	font-size: 10px;
	color: #803C10;
	text-decoration: none;
}
/*nav layout styles*/
.nav_top_lower {
    background: url(assets/images/nav_top_lowerbg.jpg) no-repeat top left;
    width: 797px;
    height: 34px;
    z-index: 9999;
}
.nav_top_lower1 {
    vertical-align:top;
    width: 797px;
    height: 14px;
    z-index: 9999;
    padding-bottom:1px;
    line-height:7px;
    padding-top:2px;
}
.nav_top_lower2 {
    vertical-align:top;
    width: 797px;
    height: 20px;
    z-index: 9999;
    line-height:10px;
}
.nav_top_lower_trans {
    background: url(assets/images/nav_lowerbg_trans.png) no-repeat top left;
    width: 797px;
    height: 41px;
    z-index: 9999;
}
.nav_top_lower1_trans {
    vertical-align:top;
    width: 797px;
    height: 20px;
    z-index: 9999;
    padding-bottom:1px;
    line-height:12px;
    padding-top:5px;
}
.nav_top_lower2_trans {
    vertical-align:top;
    width: 797px;
    height: 20px;
    z-index: 9999;
    line-height:10px;
}
/*end nav layout styles*/
#mainnav {
    width: 900px;
    height: 118px;
    position: relative;
    z-index: 2;
    margin-top: 385px;
}
#mainnav_section {
    width: 900px;
    height: 118px;
    position: relative;
    z-index: 2;
    margin-top: 264px;
}
#mainnav_top {
    width: 900px;
    height: 84px;
    position: relative;
    z-index: 1;
    margin-top: 0px;
}
#visitorsguide {
    width: 268px;
    height: 123px;
    position: relative;
    z-index: 3;
    margin-top: -150px;
    margin-left: 620px;
}
#visitorsguide_section {
    width: 268px;
    height: 123px;
    position: relative;
    z-index: 3;
    margin-top: -150px;
    margin-left: 620px;
}
#visitorsguide_top {
    width: 229px;
    height: 98px;
    position: relative;
    z-index: 2;
    margin-top: -85px;
    margin-left: 620px;
}
#visitorsguide_blue {
    width: 229px;
    height: 110px;
    position: relative;
    z-index: 3;
    margin-top: -97px;
    margin-left: 620px; display:none;
}
.visitorsguide_number {
    background: url(assets/images/vg_number.png) no-repeat top left;
    width: 186px;
    height: 26px;
    font-family: Trebuchet, Arial, verdana;
	font-size: 18px;
	font-weight: bold;
	color: #5E99C1;
}
.visitorsguide_number_blue {
    background: url(assets/images/vg_number_blue.png) no-repeat top left;
    width: 167px;
    height: 28px;
    font-family: Trebuchet, Arial, verdana;
	font-size: 18px;
	font-weight: bold;
	color: #5E99C1;
}
.pointsofinterest {
    width: 202px;
    position: absolute; 
    cursor: auto;
}
.pointsofinterest_close {
    background: url(assets/images/poi_close.png) top left; 
    width: 12px;
    height: 11px;
    position: absolute;
    top: 15px;
    left: 175px;
}
.pointsofinterest_top {
    background: url(assets/images/poi_top.png) top left; 
    width: 203px;
    height: 18px;
}
.pointsofinterest_bottom {
    background: url(assets/images/poi_bottom.png) top left;
    width: 203px;
    height: 26px;
}
.pointsofinterest_inner {
    background: url(assets/images/poi_bg_middle.png) top left;
    width: 203px;
}
.pointsofinterest_bluetxt {
    font-family: Trebuchet, Arial, verdana;
	font-size: 14px;
	font-weight: bold;
	color: #5E99C1;
	margin-left: 20px;
	margin-right: 25px;
	line-height: 16px;
}
.pointsofinterest_browntxt {
    font-family: Trebuchet, Arial, verdana;
	font-size: 11px;
	color: #905631;
	margin-left: 20px;
	margin-right: 20px; 
	cursor: pointer;
	line-height: 17px;
}

#menucontrol {
    width: 232px;
    height: 25px;
    position: relative;
    z-index: 1;
    margin-left: 653px;
}
#menuback {
    float: left;
    clear: none;
    width: 23px;
    height: 25px;
}
#menupause {
    float: left;
    clear: none;
    width: 22px;
    height: 25px;
}
#menuforward {
    float: left;
    clear: none;
    width: 20px;
    height: 25px;
}
#menumapit {
    float: left;
    clear: none;
    width: 69px;
    height: 25px;
}



p, td, Label {
	font-family: Trebuchet, Arial, verdana;
	font-size: 12px;
	color: #000000;
	line-height:25px;
}

.subTitle {
	font-family: Trebuchet, Arial, verdana;
	font-size: 18px;
	font-weight:bolder;
	color: #000000;
}

a {
	font-family: Trebuchet, Arial, verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}
a:visited {
	font-family: Trebuchet, Arial, verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}
a:hover {
	font-family: Trebuchet, Arial, verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}
a.nav {
	font-family: Trebuchet, Arial, verdana;
	font-size: 11px;
	color: #803C10;
	text-decoration: none;
}
a.nav:visited {
	font-family: Trebuchet, Arial, verdana;
	font-size: 11px;
	color: #803C10;
	text-decoration: none;
}
a.nav:hover {
	font-family: Trebuchet, Arial, verdana;
	font-size: 11px;
	color: #0C598A;
	text-decoration: underline;
}
.nav_on {
	font-family: Trebuchet, Arial, verdana;
	font-size: 11px;
	color: #0C598A;
	text-decoration: underline;
}
a.brownlinks {
	font-family: Trebuchet, Arial, verdana;
	font-size: 12px;
	color: #B17F5F;
	text-decoration: none;
}
a.brownlinks:visited {
	font-family: Trebuchet, Arial, verdana;
	font-size: 12px;
	color: #B17F5F;
	text-decoration: none;
}
a.brownlinks:hover {
	font-family: Trebuchet, Arial, verdana;
	font-size: 12px;
	color: #B17F5F;
	text-decoration: none;
}


td {
	vertical-align: top;
}

.MapDDL {
    background-color: White; 
    font-family: Arial; 
    font-size: 12px; 
    border-style: solid; 
    border-bottom-width: 2px; 
    border-left-width: 2px; 
    border-right-width: 2px; 
    border-top-width: 0px;
    cursor: pointer; 
    margin-top: 0px; 
    width: 230px; padding-bottom: 5px;
}

.moreButtonText {
    font-family: Trebuchet, Arial, verdana; 
    font-size: 12px; padding-left: 4px; padding-right: 4px;

}

.moreButton {
    background-color: White; 
    font-family: Trebuchet, Arial, verdana; 
    font-size: 12px; 
    border-style: solid; 
    border-bottom-width: 2px; 
    border-left-width: 2px; 
    border-right-width: 2px; 
    border-top-width: 2px; 
    text-align: center;
    cursor: pointer; 
}

.moreButtonContainer { 
    padding: 5px 0px 10px 10px; 
    width: 104px;
}

.resetButtonContainer { 
    padding: 5px 0px 10px 10px; 
    width: 134px;
}

.mapCanvas{ 
    top: 84px; 
    left: 0px; 
    width: 900px; 
    height: 400px;
    position: absolute; 
    background: url(assets/images/opaque_bg.png) top left;
}
.iframe_poi_position{
    top: 20px; 
    left: 135px;
    width: 633px; 
    height: 327px;
    position: absolute; overflow: hidden;
}
.iframe_poi{
    top: 0px; 
    left: 0px;
    width: 605px; 
    height: 307px; 
}

.iframe_poi_inner{
    top: 0px; 
    left: 0px;
    width: 605px; 
    height: 307px; 
    position: absolute; 
}
#iframe_poi_inner{
    display: none;
}
.iframe_poi_inner_image{
    top: 0px; 
    left: 0px;
    width: 605px; 
    height: 205px; z-index: 8;
}
.iframe_poi_inner_lower{
    top: 0px; 
    left: 0px;
    width: 605px; 
    height: 102px; position: relative; z-index: 102;
}
.iframe_poi_inner_lower_left{
    top: 0px; 
    left: 0px;
    width: 408px; 
    height: 82px;
    background-color: #DFEBF3;  
    float: left; 
    position: relative; 
    overflow: hidden; 
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.iframe_poi_inner_lower_left_titlecopy{
    font-family: Trebuchet, Arial, verdana;
	font-size: 14px;
	color: #5E99C1;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
}
.iframe_poi_inner_lower_left_bodycopy{
    font-family: Trebuchet, Arial, verdana;
	font-size: 12px;
	color: #000000;
	padding-bottom: 5px;
}
.iframe_poi_inner_lower_right{
    top: 0px; 
    left: 0px;
    width: 137px; 
    height: 82px;
    background-color: #C5DBE9; 
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.iframe_poi_inner_lower_right_titlecopy{
    font-family: Trebuchet, Arial, verdana;
	font-size: 14px;
	color: #5E99C1;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 0px;
}
.iframe_poi_inner_lower_right_linkscopy{
    font-family: Trebuchet, Arial, verdana;
	font-size: 12px;
	color: #B17F5F;
	padding-bottom: 5px;
}

.detailWindow_Close{
    background: url(assets/images/poi_detailwindow_close.png) top left; 
    top: 1px; 
    left: 539px;
    width: 65px; 
    height: 21px;
    position: absolute; z-index: 100;
}
.detailWindow_CloseStandalone{
    background: url(assets/images/poi_detailwindow_close_standalone.png) top left; 
    top: 1px; 
    left: 539px;
    width: 67px; 
    height: 21px;
    position: absolute; z-index: 100;
}
#detailWindow_menucontrol {
    top: 1px; 
    left: 438px;
    width: 102px;
    height: 21px;
    position: absolute; z-index: 100;
}
#detailWindow_menuback {
    float: left;
    clear: none;
    width: 21px;
    height: 21px; z-index: 100;
}
#detailWindow_menupause {
    float: left;
    clear: none;
    width: 15px;
    height: 21px; z-index: 100;
}
#detailWindow_menuforward {
    float: left;
    clear: none;
    width: 20px;
    height: 21px; z-index: 100;
}
#detailWindow_menucount {
    background: url(assets/images/menucontrol_poi_countbg.png) top left;
    float: left;
    clear: none;
    width: 46px;
    height: 21px;
    font-family: Trebuchet, Arial, verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	line-height:20px; z-index: 100;
}
#detailWindow_markerNumber{
    z-index: 101; position: absolute; top: 5px; left: 5px;

}

#detailOverlayOverviewPageNav {
    top: 80px; right:183px; position: absolute; z-index: 12;
}

#detailOverlayOverviewMore {
    top: 80px; margin-top: -2px; padding-top: 2px;
    left:15px; width: 420px; height: 22px;
    position: absolute;
    background-color: #DFEBF3;  
    z-index: 11;
    
}

div.post a
{
min-height : 6px;
text-decoration: none;
padding-right : 15px;
background : transparent url(assets/images/poi_click_arrow.png) 100% 50% no-repeat;
font-family: Trebuchet, Arial, verdana;
font-size: 11px;
font-weight: bold;
color: #B17F5F;
}

/* because IE is stupid */
* html div.post a
{
height : 6px;
}

/*overview main styles for main landing pages bottom section*/
#overview_secondary{
    width: 900px; 
    height: 125px; 
    position: absolute;
    z-index: 5;
    top: 382px;
}
#overview_main{
    top: 424px; 
    width: 900px; 
    height: 150px; 
    position: absolute;
    z-index: 5; 
}
.overview_main_sharebar{
    width: 300px;
    height: 25px; z-index: 200;
    position: absolute; top: 0px; right: 0px;
}
.overview_main_sharebar_home{
    width: 300px;
    height: 25px; z-index: 200;
    position: absolute; top: 0px; right:0px;
}
#sharePanel {
    height: 25px; z-index: 3000; background-color: #FFFFFF; display:none; top: 0px;
}
#sharePanelHome {
    height: 25px; z-index: 3000; background-color: #FFFFFF; display:none; bottom: 0px; position: absolute; right: 0px;
}
#subnavContainer{
    width: 900px; height: 25px; position: absolute; top: -5px; z-index:15; top: 503px;
}
#subnavContainerSecondary{
    width: 900px; height: 25px; position: absolute; top: -5px; z-index:15; top: 382px;
}
#expandbar_container{
    position: absolute; top:0px; height: 25px;
}
.overview_main_expandbar{
    width: 600px; bottom:0px; left: 0px;
    height: 25px;  position: absolute;
    background: url(assets/images/0coltxt_topbg.jpg) top left;
}
.overview_main_lower{
    top: 25px; 
    left: 0px;
    width: 900px; 
    height: 15px;
    position: absolute;
    z-index: 0; 
}
.overview_main_lower_left{
    top: 0px; 
    left: 0px;
    width: 280px; 
    height: 105px;
    background: url(assets/images/overview_main_left_bg.jpg) top left;  
    overflow: hidden; 
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute; 
    z-index: 0;
}
.overview_main_lower_left_titlecopy{
    font-family: Trebuchet, Arial, verdana;
	font-size: 14px;
	color: #5E99C1;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin:0px;
	height: 20px;
}
.overview_main_lower_left_bodycopy{
    font-family: Trebuchet, Arial, verdana;
	font-size: 12px;
	color: #000000;
	padding-bottom: 10px;
	padding-right: 10px;
	margin:0px;
	line-height: 18px;
	z-index: 0;
}
.overview_main_lower_right{
    top: 0px; 
    left: 300px;
    width: 580px; 
    height: 105px;
    background: url(assets/images/overview_main_right_bg.jpg) top left;  
    float: left;
    overflow: hidden; 
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute; 
}
.overview_main_lower_right_titlecopy{
    font-family: Trebuchet, Arial, verdana;
	font-size: 14px;
	color: #5E99C1;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 0px;
	margin:0px;
	height: 25px;
}
.overview_main_lower_right_linkscopy{
    font-family: Trebuchet, Arial, verdana;
	font-size: 11px;
	color: #B17F5F;
	padding-bottom: 5px; padding-left: 0px;
	margin:0px;
	height: 75px; clear: both; text-align: left;
}
#detailOverlayOverviewPageNavMain {
    top: 80px; right:155px; position: absolute; z-index: 12;
}

#detailOverlayOverviewMoreMain {
    top: 110px; margin-top: -2px; padding-top: 2px;
    left:10px; width: 280px; height: 15px;
    position: absolute;
    background-color: #F1E3C3;  
    z-index: 11;  
}
#detailOverlayOverviewMoreMainBarBeaches {
    top: 10px; margin-top: -2px; padding-top: 0px;
    left:160px; width: 51px; height: 15px;
    position: absolute;
    background-color: #F5ECD6;  
    z-index: 11;  
}
#detailOverlayOverviewMoreMainBarGolf {
    top: 10px; margin-top: -2px; padding-top: 0px;
    left:210px; width: 51px; height: 15px;
    position: absolute;
    background-color: #F5ECD6;  
    z-index: 11;  
}
#detailOverlayOverviewMoreMainBarTrail {
    top: 10px; margin-top: -2px; padding-top: 0px;
    left:210px; width: 51px; height: 15px;
    position: absolute;
    background-color: #F5ECD6;  
    z-index: 11;  
}
#detailOverlayOverviewMoreMainBarCuisine {
    top: 10px; margin-top: -2px; padding-top: 0px;
    left:230px; width: 51px; height: 15px;
    position: absolute;
    background-color: #F5ECD6;  
    z-index: 11;  
}
#detailOverlayOverviewMoreMain2coltxt {
    top: 110px; margin-top: -2px; padding-top: 2px;
    left:10px; width: 580px; height: 15px;
    position: absolute;
    background-color: #F1E3C3;  
    z-index: 11;  
}
#pagination {
    top: -5px; 
    right:8px; 
    height: 2px;
    position: absolute;
    background-color: #F1E3C3;  
    z-index: 15; display: none;
}
#paginationBar {
    top: 340px; 
    right:10px; 
    height: 2px;
    position: absolute;
    background-color: #F5ECD6;  
    z-index: 15; display: none;
}
div.overviewlink a
{
    min-height : 10px;
    text-decoration: none;
    padding-right : 10px;
    /*background : transparent url(assets/images/poi_click_arrow.png) 100% 40% no-repeat;*/
    font-family: Trebuchet, Arial, verdana;
    font-size: 12px;
    font-weight: bold;
    color: #B17F5F;
    line-height: 15px;
}
div.overviewlink a:hover
{
    text-decoration: underline;
}
div.overviewlink ol
{
    margin-left:20px;
    padding-left:0px;
    *padding-left:25px;
    *margin-left:0px;
    *padding-right: -20px;
    list-style-position: outside;
}
div.overviewlink li
{
    margin-left:0px;
    padding-left:0px;
    *padding-left:-20px;
    *margin-left:4px;
    list-style-position: outside;
}
div.overviewlink ol, li
{
    line-height: 15px;
    font-family: Trebuchet, Arial, verdana;
    font-size: 12px;
    font-weight: bold;
    color: #B17F5F; 
    padding-top: 0px;
    margin-top: 0; 
    text-indent: 0px;
}

/*end overview main styles for main landing pages bottom section*/
/*overview main styles for 2 col txt bottom section*/
.overview_main_lower_left_2coltxt{
    top: 0px; 
    left: 0px;
    width: 580px; 
    height: 110px;
    background: url(assets/images/overview_main_left_bg.jpg) top left;  
    float: left; 
    overflow: hidden; 
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute; 
}
.overview_main_lower_right_2coltxt{
    top: 0px; 
    left: 600px;
    width: 280px; 
    height: 140px;
    background: url(assets/images/overview_main_right_bg.jpg) top left; background-repeat: repeat-x; background-color: #ECDAB0; 
    float: left;
    overflow: hidden; 
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute; 
}
/*end overview main styles for 2 col txt bottom section*/
/*overview main styles for 3 col txt bottom section*/
.overview_main_lower_left_3coltxt{
    top: 0px; 
    left: 0px;
    width: 480px; 
    height: 105px;
    background: url(assets/images/overview_main_left_bg.jpg) top left;  
    float: left; 
    overflow: hidden; 
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute; 
}
.overview_main_lower_right_3coltxt{
    top: 0px; 
    left: 600px;
    width: 380px; 
    height: 105px;
    background: url(assets/images/overview_main_right_bg.jpg) top left;  
    float: left;
    overflow: hidden; 
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute; 
}
/*end overview main styles for 3 col txt bottom section*/
/*overview main styles for 0 col txt bottom section*/
.overview_main_lower_0coltxt{
    top: 0px; 
    left: 0px;
    width: 880px; 
    height: 105px;
    background: url(assets/images/overview_main_right_bg.jpg) top left;  
    float: left;
    overflow: hidden; 
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute; 
}
.overview_main_expandbar_titlecopy{
	padding-bottom: 0px;
	margin:0px;
	height: 25px;
	padding-left: 10px;
}
.expandcollapse{
    top: 0px; 
    left: 0px;
    width: 55px; 
    height: 24px;
    padding-right: 10px;
    padding-top: 8px;
    float: right; 
}
/*end overview main styles for 0 col txt bottom section*/
/*overview main styles for secondary landing bottom section*/
.overview_main_lower_left_2coltxt_secondary{
    top: 0px; 
    left: 0px;
    width: 580px; 
    height: 140px;
    background: url(assets/images/overview_main_left_bg.jpg) top left;  
    float: left; 
    overflow: hidden; 
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute; 
}
.overview_main_lower_right_2coltxt_secondary{
    top: 0px; 
    left: 600px;
    width: 280px; 
    height: 140px;
    background: url(assets/images/overview_main_right_bg.jpg) top left;  
    float: left;
    overflow: hidden; 
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute; 
}
/*end overview main styles for secondary landing bottom section*/

.addthis_toolbox .two_column 
{
    width: 300px;
    padding: 5px 0 5px 0px;
   
}

.addthis_toolbox .two_column a 
{
    padding: 0px 0 0px 34px;
    position: relative;
    width: 66px;
    display: block;
    text-decoration: none;
    color: blue;
}

.addthis_toolbox .two_column a:hover
{

    background: #B4D3F8;
    text-decoration: none;
}

.addthis_toolbox .two_column span
{
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .two_column  .top
{
    padding: 0 0 1px 0;
    border-bottom: solid 1px #eee;
    margin-bottom: 5px;
    margin: 0 10px 10px 10px;
}

.addthis_toolbox .two_column  .more
{
    padding: 1px 0 0 0;
    margin: 1px 1px 0 2px;
    text-align: center;
}

.addthis_toolbox .two_column  .more a
{
    padding: 1px 0;
    width: auto;
}

.addthis_toolbox .two_column .more span
{
    display: none;
}

.addthis_toolbox .two_column .column1
{
    width: 100px;
    float: left;
}
.addthis_toolbox .two_column .column2
{
    width: 100px;
    float: left;
}
.addthis_toolbox .two_column .column3
{
    width: 100px;
    float: left;
}

.addthis_toolbox .two_column .clear
{
    clear: both;
    padding: 0;
    display: block;
    height: 0;
    width: 0;
}
.hiddenContent{
    display: none; height: 0px;
}