/* CSS Document 

/***************************************************************************************/
/*  MAIN OUTER PANEL
/***************************************************************************************/

#outer {
	background-color:			white;
	background-image:			url(../images/background.png);
	background-position:		540px -15px;
	background-repeat:		no-repeat;
	margin:						15px auto;
	overflow: 					visible;
	padding:						0;
	position: 					relative;
	width:						975px;
	z-index:						1;
}

/***************************************************************************************
/*  TOP BANNER 
/***************************************************************************************/

#masthead {
	background-image: 		url(../images/masthead.png);
	background-position: 	bottom left;
	background-repeat: 		no-repeat;
	height:						100px;
	left: 						30px;
	position: 					absolute;
	top:							0px;
	width:						765px;
	z-index:						2;
}

/***************************************************************************************
/*  NAVIGATION SIDEBAR 
/***************************************************************************************/

#nav {
	background-image: 		url(../images/navbar.gif);
	background-position: 	bottom left;
	background-repeat: 		no-repeat;
	height:						40px;
	left:							30px;
	position: 					relative;
	top:							90px;
	width:						945px;
	z-index:						5;
}

#nav ul {
	margin:						0 0 0 15px;
	padding:						12px 0 0 0;
} 

#nav li {
	display:						inline;
	font-size:					13px;
	list-style: 				none;
	margin:						0;
	padding:						0 32px 0 0;
}

a, a:visited {
	color: 						black;
	font-weight:				normal;
}

a:hover {
	color: 						white;
}

#home       li.home a,
#about      li.about a,
#accomm     li.accomm a,
#amen  		li.amen a,
#activ 		li.activ a,
#tshare  	li.tshare a,
#rates      li.rates a,
#members    li.members a,
#photogal   li.photos a,
#contact    li.contact a {
	color:						white;
	font-weight:				bold;
}

/***************************************************************************************
/*  MAIN CONTAINER 
/***************************************************************************************/

#container {
	margin:						90px 0 0 85px;
	padding-bottom:			30px;
}

#container p.footer {
	color: 						#007a9b;
	font-size:					10px;
	font-weight:				bold;
	line-height: 				10px;
	padding:						0 0 3px 0;
}

#container p.footer img {
	float:						left;
	margin-right:				12px;
	margin-top:					-24px;
}

#container a, #container a:visited {
	color: 						#007a9b;
}

#container a:hover {
	color: 						#fc9603;
}

/***************************************************************************************
/*  MAIN CONTENT 
/***************************************************************************************/

#content {
	background:					#007a9b;
	margin-bottom:				30px;
	padding-bottom:			15px;
	width:						390px;
}

#content h1, #content h2, #content h3, #content p {
	padding-left:				20px;
	padding-right:				20px;
}

#content ul ul {
	margin-top:					3px;
	margin-bottom:				0px;
	padding:						0px;
}

#content li {
	padding-top:				4px;
	padding-bottom:			4px;
}

#content a, #content a:visited,
#panel2 a, #panel2 a:visited {
	color: 						#fc9603;
	font-weight:				bold;
}

#content a:hover,
#panel2 a:hover {
	color: 						#00cfff;
}

#content ul.members a, #content ul.members a:visited {
	color:						white;
}

#content ul.members a:hover {
	color: 						#fc9603;
}

#content .flash {
	background:					white;
	height:						20px;
	margin:						15px 0 10px 0;
	width:						390px;
}

#content .flash2 {
	background:					white;
	height:						20px;
	margin:						416px 0 10px 0;
	width:						390px;
}

#content label {
	float:						left;
	height:						18px;
	width:						110px;
}

#panel2 {
	background:					#007a9b;
	margin-bottom:				30px;
	padding:						25px;
	width:						750px;
}

/***************************************************************************************/
/*  MEMBER SERVICES LOG-IN FORM
/***************************************************************************************/

#login {
	background: 				#e4edf1;	
	margin:						12px auto;
	padding-top:				10px;
	padding-bottom:			15px;
	width:						350px;
	z-index: 					100;
}

#login p {
	color: 						black;
	padding:						3px 15px 0px 15px;

}

#login label {
	clear:						left;
	float: 						left;
	padding-top:				3px;
	text-align: 				left;
	width:						120px;
}

#login p.submit {
	margin-top:					6px;
	text-align: 				center;
}

#login p.error {
	color:						red;
	padding:						6px 15px 10px 15px;
}

.trap {
	visibility: 				hidden;
	width:						1px;
}

#login a, #login a:visited {
	color: 						#fc1c03;
}

#login a:hover {
	color: 						#447998;
}

/***************************************************************************************
/*  RIGHT PANEL 
/***************************************************************************************/

#rpanel {
	float:						right;
	margin-right:				40px;
	padding-top:				32px;
	width:						410px;
}

#rpanel p, #rpanel ul {
	color:						black;
}

/***************************************************************************************/
/*  TIMESHARE RATES
/***************************************************************************************/

#timeshare {
	background:					#007a9b;
	margin:						0px;
	padding:						35px;
	width:						750px;
}

#timeshare h1 {
	font-size:					15px;
	font-weight:				bold;
	margin:						0px;
	padding:						0px;
	text-transform:			uppercase;
}

#timeshare h2 {
	font-size:					15px;
	font-weight:				bold;
	margin:						0px;
	padding-top:				30px;
	text-transform:			uppercase;
}

#timeshare .prices {
	background:					white;
	margin-top:					12px;
}

#timeshare .prices table {
	margin:						0px 50px 0 25px;
	width:						700px;
}

#timeshare .prices p {
	color:						black;
	font-size:					13px;
}

#timeshare p.fc-red		 { 
	color: 						#9b002b; 
}

#timeshare p.fc-red2		 { 
	color: 						#9b002b; 
	font-size:					14px;
	font-weight:				bold;
	padding:						0 0 12px 25px;
}

#timetshare .prices th p {
	font-size:					14px;
	margin-top:					18px;
	padding:						0px;
}

#timeshare .prices p.period {
	border-bottom: 			1px solid #6b6b6b;
	color: 						#8d8d8d;
	font-size:					10px;
	padding:						0 0 6px 0;
}

#timeshare .prices p.footer {
	color: 						#8d8d8d;
	font-size:					12px;
	padding:						12px 12px 12px 25px;
}

/***************************************************************************************/
/*  RENTAL RATES
/***************************************************************************************/

#rental {
	background:					#007a9b;
	margin:						0 0 30px 0;
	padding:						20px;
	width:						650px;
}

#rental .panel1 {
	background:					white;
	padding:						20px;
}

#rental table {
	width:						100%;
}

#rental th p {
	font-size:					15px;
	font-weight:				bold;
}

#rental table p {
	color:						black;
	padding:						9px 0 9px 15px;				
}

#rental th {
	border-bottom: 			1px solid #606060;
}

#rental .bl	{
	border-left:				1px solid #606060;
}

#rental p.foot {
	color: 						#8d8d8d;
	font-size:					11px;
	padding:						12px 12px 0 25px;
}

/***************************************************************************************/
/*  TIMESHARE RATES
/***************************************************************************************/

#request, #confirm {
	background:					#007a9b;
	margin:						0px;
	padding:						25px;
	width:						690px;
}

#request h1 {
	font-size:					15px;
	font-weight:				bold;
	line-height: 				18px;
	margin:						0px;
	padding:						0;
}

#request h2 {
	color:						black;
	font-size:					14px;
	padding:						0 0 10px 25px;
	text-transform:			uppercase;
}

#request h3 {
	color:						black;
	font-size:					13px;
	padding:						15px 0 0 0;
	text-transform:			uppercase;
}

#request .panel {
	background-color: 		#dbf2f8;
	margin:						18px 0 0 0;
	padding-top:				20px;
	padding-bottom:			20px;
	width:						640px;
}

#request form {
	margin:						0;
	padding:						0;
	width:						640px;
}

#request table {
	margin:						0 50px 0 25px;
	width:						590px;
}

#request table td, #request p {
	color:						black;
	padding:						5px 0 0 0;
}

#request td.qual {
	color: 						#8d8d8d;
	font-size:					11px;
	font-style: 				italic;
	line-height: 				15px;
	padding:						12px 0 3px 0;
}

#request table td input {
	padding:						0;
}

#request input.trap {
	visibility:					hidden;
	width:						1px;
}

#confirm h1, #confirm p {
	color:						black;
}

#confirm h1 {
	margin:						0px;
	padding:						0px;
}

#confirm .panel {
	background-color: 		#dbf2f8;
	margin:						18px 0 0 0;
	padding:						25px;
	width:						615px;
}

/***************************************************************************************
/*  PHOTO PANELS
/***************************************************************************************/

.home1, .about1, .about2, .accom1, .accom2, .accom3,
.amen1, .amen2, .activ1, .activ2, .time1, .members1,
.contact1, .contact2 {
	position: 					absolute;
	z-index:						15;
}

.home1 {
	height:						400px;
	left: 						543px;
	top:							280px;
	width:						351px;
}

.about1 {
	height:						262px;
	left: 						585px;
	top:							215px;
	width:						370px;
}

.about2 {
	height:						400px;
	left: 						543px;
	top:							520px;
	width:						351px;
}

.accom1 {
	height:						298px;
	left: 						583px;
	top:							240px;
	width:						314px;
}

.accom2 {
	height:						419px;
	left: 						550px;
	top:							600px;
	width:						365px;
}

.accom3 {
	height:						678px;
	left: 						530px;
	top:							1050px;
	width:						405px;
}

.amen1 {
	height:						427px;
	left: 						500px;
	top:							268px;
	width:						409px;
}

.amen2 {
	height:						504px;
	left: 						525px;
	top:							890px;
	width:						409px;
}

.activ1 {
	height:						429px;
	left: 						534px;
	top:							268px;
	width:						363px;
}

.activ2 {
	height:						540px;
	left: 						520px;
	top:							925px;
	width:						408px;
}

.time1 {
	height:						748px;
	left: 						542px;
	top:							277px;
	width:						354px;
}

.members1 {
	height:						314px;
	left: 						527px;
	top:							266px;
	width:						384px;
}

.contact1 {
	height:						442px;
	left: 						527px;
	top:							280px;
	width:						354px;
}

.contact2 {
	height:						285px;
	left: 						537px;
	top:							840px;
	width:						354px;
}

.mailer {
	background-color: aqua;
	color: 						black;
	height:						1000px;
	left: 						527px;
	top:							200px;
	width:						354px;
}

p.mailer  {
	color:						black;
} 

/***************************************************************************************
/*  PHOTO ENLARGEMENT 
/***************************************************************************************/

#enlarge {
	height:						380px;
	margin:						20px auto;
	padding-bottom:			20px;
	position:					relative;
	top: 							20px;
	width:						450px;
}

#GalleryCaption {
	color:						black;
	font-size:					11px;
	font-weight:				bold;
	height:						20px;
	padding-top: 				12px;
	text-align:					center;
	visibility:					hidden;
}

/***************************************************************************************
/*  THUMBNAILS
/***************************************************************************************/

#thumbs {
	background:					#007a9b;
	margin:						20px 0 20px 0;
	padding-top:				10px;
	padding-bottom:			10px;
	width:						830px;
}



#thumbs.gallery ul {
	margin:						0;
	padding-top:				135px;
}

#thumbs li {
	display: 					inline;
	margin-right:				5px;
}


#thumbs .thumbNormal {
	border: 						5px solid #007a9b;
}

#thumbs .thumbSelected {
	border: 						5px solid white;
}

/***************************************************************************************
/*  GOOGLE MAP 
/***************************************************************************************/

#map {
	border:						3px double silver;
	float:						right;
	height:						400px;
	margin-top:					0px;
	width:						637px;
}

#popup {
	height:						140px;
	width:						300px;
}

#map p {
	color: 						black;
	font-size:					11px;	
	line-height:				15px;
	padding-top:				9px;
	padding-bottom:			0px;
}

/***************************************************************************************
/*  MAILING LIST PAGE 
/***************************************************************************************/

#mailer {
	background:					#007a9b;
	margin-bottom:				30px;
	padding-bottom:			15px;
	width:						790px;
}

#mailer h1, #mailer p {
	padding-left:				20px;
	padding-right:				20px;
}

p.mailings  {
	color:						black;
	padding-right:				100px;
}

/***************************************************************************************
/*  HOUSE & CLUB RULES PAGE 
/***************************************************************************************/

#rules {
	background:					#007a9b;
	margin-bottom:				30px;
	padding-bottom:			15px;
	width:						790px;
}

#rules h1, #rules p {
	padding-left:				20px;
	padding-right:				20px;
}

#rules ol {
	list-style: decimal;
	margin-top:					12px;
	padding-left:				40px;
	padding-right:				100px;
}

#rules ol li {
	padding-top:				15px;
	padding-bottom:			0px;
}


#rules ul li {
	padding-top:				12px;
}


/***************************************************************************************
/*  MISCELLANEOUS
/***************************************************************************************/

p.seologo {
	border:						0px none;
	margin-top:					250px;
	text-align: 				center;
}

p.seologo img {
	border:						0px none;
	margin:						20px;
	vertical-align: 			middle;
}

#banner1 {
	background-color: 		#e4edf1;
	margin:						9px auto;
	padding-top:				9px;
	padding-bottom:			9px;
	text-align:					center;
	width:						350px;
}

#banner1 p {
	color: 						#005e77;
	font-size:					13px;
	font-weight:				bold;
	padding:						4px 0 0 0;
	text-align:					center;
}

#content .rates {
	color: #ffc439;
	float:						right;
}