/* 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:						0px 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;
	float:						left;
	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;
	font-weight:				normal;
}

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

#content ul.members li {
	padding-top:				0px;
	padding-bottom:			3px;
}

#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 p.header {
	color:						#005e77;
	font-size:					10px;
	font-weight:				bold;
	padding-bottom:			5px;
	text-align:					center;
	text-transform: 			uppercase;
}

#login form {
	margin:						0px;
	padding:						0px;
}

#login input.forgotten {
   border: 						none;
   background-color: 		transparent;
   color: 						#005f79;  
   cursor: 						pointer;
   font-size: 					11px;
   margin:						5px 0 0 0;
   padding: 					3px 0 0 0;
   text-align:					center;
}

#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: 						red;
	font-weight:				normal;
	text-decoration: 			underline;
}

#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 p {
	padding:						0 25px 0 25px;
}

#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;
}

/***************************************************************************************/
/*  GUEST QUESTIONNAIRE
/***************************************************************************************/

#questionnaire {
	background:					#007a9b;
	margin:						0px;
	padding:						15px 25px 25px 25px;
	width:						600px;
}

#questionnaire p.logo {
	margin:						0px;
	padding:						0px;
}

#questionnaire h1 {
	font-size:					15px;
	font-weight:				bold;
	line-height: 				18px;
	margin:						0px;
	padding:						12px 0 0 0;
	text-align:					center;
}

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

#questionnaire h3 {
	color:						black;
	font-size:					12px;
	padding:						10px 0 0 0;
	text-transform:			uppercase;
}

#questionnaire h3.top {
	padding:						0;
}

#questionnaire .panel p {
	padding:						0 25px 9px 25px;
	text-align:					left;
}

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

#questionnaire form {
	margin:						0;
	padding:						0;
	width:						570px;
}

#questionnaire table {
	margin:						0 50px 0 25px;
	width:						550px;
}

#questionnaire table th {
	color:						black;
	font-size:					10px;
	margin:						0px;
	padding:						0px;
}

#questionnaire table td, #questionnaire p {
	color:						black;
	padding:						5px 0 0 0;
	text-align:					center;
}

#questionnaire table td.al {
	text-align:					left;
}

#questionnaire table.mt12 {
	margin-top:					12px;
}

#questionnaire table textarea {
	margin:						12px 0 12px 0;
	width:						550px;
}

#questionnaire input {
	padding:						6px 10px;
}

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

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

.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;
}

/***************************************************************************************
/*  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;
}

#rules a, #rules a:visited {
	color: 						white;
}

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

/***************************************************************************************
/*  MEMBER SERVICES AREA 
/***************************************************************************************/

#membererror {
	background:					white;
	border: 						3px dotted red;
	left:							500px;
	position:					absolute;
	top:							165px;
	width:						440px; 
	z-index:						100;
}

#membererror p {
	color:						black;	
	font-size:					13px;
	padding:						15px;
}

#membererror a, #membererror a:visited {
	color:						red;
}

#membererror a:hover {
	color:						black;
}

.memberhead {
	font-size:					13px;
	text-transform: 			none;	
}

/***************************************************************************************
/*  MEMBER AREA - VIEW/EDIT PANEL
/***************************************************************************************/

.memberarea {
	background: 				#bae4f1;
	border-right: 				1px solid #8cc0cb;
	border-bottom:				1px solid #8cc0cb;
	float:						right;
	margin:						15px 35px 0 0;
	padding-bottom:			15px;
	width:						420px; 
}

.memberarea h1 {
	color: 						#006682;
	font-size: 					16px;
	font-weight:				normal;
	line-height:				24px;
	padding:						15px 0 8px 25px;
	text-align:					left;
	text-transform: 			none;
}

.memberarea h2 {
	color: 						#007a9b;
	font-size: 					14px;
	line-height:				18px;
	padding:						6px 0 10px 25px;
	text-transform: 			none;
}

.memberarea h3 {
	color: 						#006682;
	font-size: 					16px;
	font-weight:				normal;
	line-height:				24px;
	padding:						0px 0 8px 25px;
	text-transform: 			none;
}

.memberarea p {
	clear:						left;
	color:						black;
	font-size:					12px;
	font-weight:				normal;
	padding:						2px 0px 2px 25px;
}

.memberarea p.buttons {
	margin:						5px auto;
	padding:						18px 0px 0px 0px;
	text-align:					center;
}

.memberarea p.error {
	color:						red;
	font-weight:				bold;
	padding-top:				10px;
	padding-bottom:			0px;
} 

.memberarea p.mailer {
	padding-right:				20px;
}

.memberarea p.notes {
	color: 						#00637d;
	font-size:					11px;
	padding:						10px 0px 0px 0px; 
	text-align: 				center;
}

.memberarea p.title {
	padding-top:				2px;
	padding-bottom:			10px;
}

.memberarea p.title label {
	font-size:					11px;
	font-weight:				bold;
}

.memberarea a, .memberarea a:visited {
	color:						red;
	font-weight:				bold;
	text-decoration: 			underline;
}

.memberarea a:hover {
	color: 						black;
}

.memberarea label {
	color: 						#237f98;
	display: 					block;
	float:						left;
	font-size:					12px;
	font-weight:				normal;
	line-height:				20px;
	width:						120px;
}

.memberarea form {
	margin:						0px;
	padding:						0px;
}

.memberarea input {
	width:						240px;
}

.memberarea input.full {
	padding:						4px 2px;
	width:						375px;
}

.memberarea input.cbox {
	text-align: 				left;
	width:						13px;
}
.memberarea select {
	width:						246px;
}

.memberarea input.std {
	background:					white;
	border-top: 				1px solid #c3c5c8;
	border-right: 				1px solid #dfdfdf;
	border-bottom: 			1px solid #dfdfdf;
	border-left: 				1px solid #dfdfdf;
	color:						black;
	padding:						2px;
}

.memberarea input.half {
	color:						black;
	width:						116px;
}

.memberarea input.tbot {
	visibility: 				hidden;
	width:						1px;
}

.memberarea input.submit {
	padding:						3px 0px;
	width:						110px;
}

.memberarea input.grey {
	color: 						#b6b6b6;
}

.memberarea p.mtype {
	padding-bottom:			10px;
}

span.mtype {
	font-size:					10px;
	font-weight:				bold;
	text-transform: 			uppercase;
}

.memberarea div.message {
	border:						1px dotted red;
	color:						red;
	font-size:					13px;
	margin:						20px 25px 0 25px;
	padding:						10px;
	text-align:					center;
}

div.panelsep {
	background: 				white;
	border-top:					1px solid #8cc0cb;
	height:						20px;
	margin:						18px 0;
	padding:						0px;
	width:						422px;
}

#container a.edit, #container a.edit:visited,
#container a.fxedit, #container a.fxedit:visited {
	color: 						#006682;
	font-size:					11px;
	font-weight:				normal;
	text-decoration: 			none;
}

#container a.edit:hover,
div .memberarea a.edit:hover  {
	color: 						#0093b5;
}

/***************************************************************************************
/*  MEMBER AREA - MEMBER SEARCH / LIST	
/***************************************************************************************/

#alphalist {
	margin:						0px 27px 0px 27px;
	padding:						0px;
}

#alphalist h1 {
	color: 						#006682;
	font-size: 					16px;
	font-weight:				normal;
	line-height:				24px;
	padding:						15px 0 8px 0;
	text-transform: 			none;
}

#alphalist p {
	font-size:					12px;
	padding:						3px;
	font-weight:				normal;
}

#alphalist p.grade {
	font-size:					11px;
	font-weight:				bold;
	padding:						0 0 15px 0;
}

#alphalist p.period {
	padding-bottom:			6px;
}

#alphalist input.period {
	text-align:					left;
	width:						20px;
}

#alphalist ul.alphabet {
	display: 					block;
	margin: 						0;
	padding: 					0;
}

#alphalist ul.alphabet li {
	background-color: 		#007a9b;
	border-right:				1px solid #e4f3fa;
	border-bottom: 			1px solid #e4f3fa; 
	display:						block;
	float:						left;
	height:						20px;
	margin:						0px;
	padding:						0;
	text-align:					center;
	width:						25px;
}

#alphalist ul.alphabet li.top {
	border-top:					1px solid #e4f3fa;
}

#alphalist ul.alphabet li.left {
	border-left:				1px solid #e4f3fa;	
}

#alphalist ul.alphabet li:hover {
	background-color: #009dc8;
}

#alphalist ul.alphabet a {
	color:						white;
	display:						block;
	width:						25px;
	text-decoration: 			none;
}

#alphalist p.spacer {
	line-height:				12px;
	padding:						0px;
}

#alphalist p a.red, #alphalist p a.red:visited {
	color:						red;
}

#alphalist p a.red:hover {
	color:						black;
}

ul.alphabet li span.unavailable {
	color:						#C0C0C0;
}

#alphalist a, #alphalist a:visited {
	color:						black;
	font-weight:				normal;
	text-decoration: 			none;
}

#alphalist a:hover {
	color:						red;
}

.bg1 {
	background-color: 		#d6eff7;
}

.bg2 {
	background-color: 		#bae4f1;
}


a.fxedit, a.fxedit:visited {
	color: 						#006682;
	font-size:					11px;
	font-weight:				normal;
	text-decoration: 			none;
}

a.fxedit:hover  {
	color: 						#0093b5;
}

/***************************************************************************************
/*  FOOTER
/***************************************************************************************/

#footer {
	margin-top:					15px;
}

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

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


/***************************************************************************************
/*  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;
}

.mouse {
	cursor: 						progress;
}