@charset "utf-8";
/* CSS Document */

body{
 background-image:url(images/afe7fe.gif);
 text-align:center;
 margin:0;
 }
 
#mainpage {
	width:789px;
	height:100%;
	margin: 0 auto;
	padding:0;
	text-align: left;
	background-image:url(images/afe7fe.gif);
} 



.superscript{font-size:xx-small; vertical-align:top;}

.CharterClub{
color:#0A2552;
font-family:verdana;
font-size:20px;
font-weight:bold;
margin:0pt;
padding:0pt;
}
img {
border: 0px none;
}

h1 {
color:#0A2552;
font-family:verdana;
font-size:20px;
font-weight:bold;
margin:0pt;
padding:0pt;
}

h1.main{
font-family:times;
font-size:32px;
color:#FFFFFF;
background-color:#2ac0fd;
font-weight:bold;
letter-spacing:2px;
padding: 5px 5px 5px 5px;
}

.top{
background-image:url(images/top_bg.jpg);
background-repeat:repeat-x;
height:36px;
text-align:right;
}

#FullPage
{
	background-image: url(images/top_bg.jpg);
	background-repeat:repeat-x;
	width: 100%;
}

#main{
width:789px;
height:100%;
margin: 0 auto;
padding:0;
text-align: left;
background-image:url(images/afe7fe.gif);
}

#bigpic{
padding: 7px 0 0 0;
background-image:url(images/resort_bg_white.gif);
background-repeat:repeat-y;
background-color:#FFFFFF;
}

#LabelContainer{
background-image:url(images/resort_bg_white.gif);
background-repeat:repeat-y;
text-align:center;
padding: 16px 21px 0 21px;
}

/*#BeachLabel{
font-size:32px;
color:#FFFFFF;
background-color:#2ac0fd;
font-weight:bold;
letter-spacing:2px;
padding: 5px 5px 5px 5px;
}*/

#BeachLabel h1 {
font-size:26px;
color:#FFFFFF;
background-color:#2ac0fd;
font-weight:bold;
letter-spacing:2px;
padding: 5px 5px 5px 5px;
}

#PicsContainer{
width:789px;
background-image:url(images/resort_bg_white.gif);
background-repeat:repeat-y;
}

#mainpictures {
width:789px;
background-image:url(images/resort_bg_white.gif);
background-repeat:repeat-y;
}

.Pics3{
padding:8px 8px 20px 8px;
float:left;
}

.ResortThumb{
padding-left:24px;
padding-right:24px;
padding-top:12px;
padding-bottom:12px;
float:left;
}

.Description{
color:#535353;
font-family:verdana;
font-size:11px;
line-height: 1.5;
text-align:justify;
padding-right:10px;
}

.DetailDescription{
	color:#535353;
	font-family:verdana;
	font-size:11px;
	line-height: 1.5;
	text-align:justify;
	text-decoration: none;
}

#paralink a:link {
color:#535353;
font-family:verdana;
font-size:11px;
line-height: 1.5;
text-decoration:none;
}

#paralink a:visited {
color:#535353;
font-family:verdana;
font-size:11px;
line-height: 1.5;
text-decoration:none;
}

.Location{
	font-family:verdana;
	color:#2ac0fd;
	font-size:14px;
	padding-top:14px;
	text-decoration: none;
}

h2 {
	font-family:verdana;
	color:#2ac0fd;
	font-size:14px;
	padding-top:14px;
	text-decoration: none;
}


a.Location:link      	{ font-family:verdana; font-size:14px; color:#2ac0fd; text-decoration:none; padding-top:14px; }

a.Location:visited  	{ font-family:verdana; font-size:14px; color:#2ac0fd; text-decoration:none; padding-top:14px;  }

a.Location:active   	{ font-family:verdana; font-size:14px; color:#2ac0fd; text-decoration:none; padding-top:14px;  }

a.Location:hover    	{ font-family:verdana; font-size:14px; color:#2ac0fd; text-decoration:none; padding-top:14px;}


a.indexlinks:link      	{ font-family:verdana; font-size:11px; color:#2ac0fd; text-decoration:none; font-weight:none; }

a.indexlinks:visited  	{ font-family:verdana; font-size:11px; color:#2ac0fd; text-decoration:none; font-weight:none;  }

a.indexlinks:active   	{ font-family:verdana; font-size:11px; color:#2ac0fd; text-decoration:none; font-weight:none;  }

a.indexlinks:hover    	{ font-family:verdana; font-size:11px; color:#2ac0fd; text-decoration:underline; font-weight:none;}

.indexlinks { margin-left: 380px; }

.footnote{
	font-family:verdana;
	color:#ffffff;
	font-size:10px;
	text-decoration: none;
}

a.footnote:link      	{ font-family:verdana; font-size:10px; color:#ffffff; text-decoration:none; }

a.footnote:visited  	{ font-family:verdana; font-size:10px; color:#ffffff; text-decoration:none; }

a.footnote:active   	{ font-family:verdana; font-size:10px; color:#ffffff; text-decoration:none; }

a.footnote:hover    	{ font-family:verdana; font-size:10px; color:#ffffff; text-decoration:none; }
	
	
.Resort{
font-family:verdana;
color:#0a2552;
font-size:20px;
font-weight:bold;
}

h3 {
font-family:verdana;
color:#0a2552;
font-size:20px;
font-weight:bold;
}

.Resort a{
text-decoration:none;
font-family:verdana;
color:#0a2552;
font-size:20px;
font-weight:bold;
}

.Resort a:hover{
color:#2AC0FD;
}

.Listing{
text-align:left;
background-color:#FFFFFF;
background-image:url(images/resort_bg_white.gif);
background-repeat:repeat-y;
height:162px;
padding-right:15px;
}

.AltListing{
text-align:left;
background-color:#e9e9e9;
background-image:url(images/resort_bg_gray.gif);
background-repeat:repeat-y;
height:162px;
padding-right:15px;
}

.ListingCC{
text-align:left;
background-color:#FFFFFF;
background-image:url(images/resort_bg_white.gif);
background-repeat:repeat-y;
height:166px;
padding-right:15px;
}

.AltListingCC{
text-align:left;
background-color:#e9e9e9;
background-image:url(images/resort_bg_gray.gif);
background-repeat:repeat-y;
height:168px;
padding-right:15px;
}

#DetailedView{
	width:789px;
	background-image:url(images/resort_bg_white.gif);
	background-repeat:repeat-y;
	height: auto;
}

#Details{
width:428px;
padding: 0 15px 0 15px;
float:left;
}

.Address{
font-family:verdana;
color:#000000;
font-size:12px;
padding-top:14px;
clear:left;
line-height: 1.5;
padding:15px 0 15px 0;
}

.AmenitiesTitle{
color:white;
font-family:verdana;
font-size:14px;
background-color:#2ac0fd;
width:428px;
padding-left:5px;
line-height: 1.5;
}

h4 {
color:white;
font-family:verdana;
font-size:14px;
background-color:#2ac0fd;
width:428px;
padding-left:5px;
line-height: 1.5;
}

.Amenities{
color:#535353;
font-family:Verdana;
font-size:14px;
line-height: 1.5;
}

h5 {
color:#535353;
font-family:Verdana;
font-size:14px;
line-height: 1.5;
}

.Amenities ul{
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
}
#ResortList{
width:789px;
}
.gvc{
text-align:left;
width:789px;
}

#topspacer{
height:31px;
}

#navlist{
height:34px;
}

#FullFooter{
width:100%;
background-color:#2AC0FD;
}

#reservations{
color:#a3a3a3;
background-color:#FFFFFF;
padding: 0 24px 0 24px;
background-image:url(images/resort_bg_white.gif);
}

div.spacer{
clear:both;
}

#Call4Res{
width:741px;
}

#Call800{
font-size:22pt;
color:#a3a3a3;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
}

#Back2Top a{
text-decoration:none;
font-size:22pt;
color:#a3a3a3;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
}

#Back2Top a:hover{
color:#2AC0FD;
}

#maincolumnbottom{
width:789px;
}



#maininformation {
	width:789px;
	background-image:url(images/resort_bg_white.gif);
	background-repeat:repeat-y;
	height: auto;
}



#bottom-spacer{
height:47px;
}

#white-line{
height:4px;
background-color:#FFFFFF;
width:100%;
clear:both;
overflow:hidden;
}

#blue-line{
background-color:#76e0fe;
width:100%;
clear:both;
height:2px;
overflow:hidden;
}

#links{
padding: 19px 0 1px 0;
color:#FFFFFF;
font-family: verdana;
font-size:10px;
font-weight:500;
}

#links a{
color:#FFFFFF;
font-family: verdana;
font-size:10px;
font-weight:500;
text-decoration:none;
}

#copyright{
color:#FFFFFF;
font-family:verdana;
font-size:9px;
padding-bottom:15px;
}

#ReserveARoom{
	width: 250px;
	white-space: normal;
	display: block;
	text-align: left;
}

.ReserveARoom{
	width: 250px;
	background-position: top;
	vertical-align: top;
	padding-top: -10px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
	white-space: normal;
	display: block;
	margin-top: -50px;
}

#ReserveForm{
	width: 250px;
	white-space: normal;
	display: block;
	text-align: left;
}

.ReserveForm{
	background-color:#FFFFFF;
	float:right;
	padding:20px 0 0 0;
	background-position: top;
	vertical-align: top;
	margin: 0px;
	height: auto;
	padding-top: -10px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
}

#login_box {
     visibility: hidden;
     position: absolute;
     top: 0px;
     width:100%;
     height:100%;
     z-index: 1000;
}

#login_box div {
     width:400px;
     height: 220px;
     margin: 50px auto;
     position:absolute;
}

#pdfbuttons {
	height:80px;
	width: 786px;
	background-image:url(images/resort_bg_white.gif);
	text-align: center;
	}
	

	
.pdfbuttons img {
	background-position: center;
	vertical-align: middle;
	padding-top: 25px;
	}	

#clearspacer {
	width: 775px;
	clear: both;
	}
	
.requestbuttons {
	vertical-align: text-top;
	margin-left: 20px;
	padding-left: 20px;
}	
	
.hotelleftcolumn {
	float: left;
	width: 450px;
}	
	
.hotelrightcolumn {
	float: right;
	width: 200px;
}		
	
.clear {
	clear: both;
}	
	
	
/* ========== FORMS ==========*/
		.FormLabel{
        color:Gray;
        font-family:Tahoma;
        font-size:x-small;
        text-align:left;
        padding:0 0 5px 20px;
        }

        .FormInput{
        text-align:left;
        padding:0 0 5px 20px;
        }

        #ReserveARoom a:link{
        text-decoration:none;
        }

        #ReserveARoom a{
        text-decoration:none;
	        }

        #FormButtons{
        text-align:left;
        padding-left:120px;
		}

		.MoreInfoFormLabel{
        color:Gray;
		background-color:#FFFFFF;
        font-family:Tahoma;
        font-size:x-small;
		text-align:left;
        padding:5px 0 5px 0px;
        }

        .MoreInfoFormInput{
		text-align:left;
        padding:0 0 5px 5px;
		background-color:#FFFFFF;
		width:100%;
        }

		.MoreInfoSubmit{
		text-align:left;
        padding:5px 0 10px 0;
		vertical-align:bottom;
		background-color:#FFFFFF;
		}

/*=========== End Forms ========*/