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

/*
COLOURS USE:
#9ed3df		-	Light Blue
#e2f2f5		-	Light Blue (30%)
#820024		-	Dark Red
*/

body {
	margin: 0;
	padding: 0;
	background: url(graphics/background_page.jpg) repeat-x;
	background-color: #d2d3d5;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contentWrapper {
	margin: 0 auto;
	width: 900px;
}

#header {
	float: left;
	width: 900px;
	height: 126px;
	background:url(graphics/header.jpg) no-repeat;
	position: relative;
}

#smallNav {
	position: absolute;
	top: 20px;
	right: 30px;
	width: 270px;
	height: 20px;
	color: white;
	text-align:right;
}

	#smallNav p {
		margin: 0;
		padding: 0;
	}

	#smallNav a {
		color: white;
		text-decoration: none;
	}

	#smallNav a:hover {
		color: white;
		text-decoration: underline;
	}
	
#nav {
	position: absolute;
	width: 691px;
	height: 31px;
	top:80px;
	left: 209px;
}

	#nav a.home {
		float: left;
		width: 57px;
		height: 31px;
		margin: 0;
		padding: 0;
		background:url(graphics/elkhorn_menu.jpg) no-repeat;
		overflow:hidden;
	}
	
		#nav a.home:hover {
			float: left;
			width: 57px;
			height: 31px;
			margin: 0;
			padding: 0;
			background:url(graphics/elkhorn_menu.jpg) no-repeat 0 -31px;
			overflow:hidden;
		}

	#nav a.about {
		float: left;
		width: 72px;
		height: 31px;
		margin: 0;
		padding: 0;
		background:url(graphics/elkhorn_menu.jpg) no-repeat -57px 0;
		overflow:hidden;
	}
	
		#nav a.about:hover {
			float: left;
			width: 72px;
			height: 31px;
			margin: 0;
			padding: 0;
			background:url(graphics/elkhorn_menu.jpg) no-repeat -57px -31px;
			overflow:hidden;
		}

	#nav a.ownership {
		float: left;
		width: 83px;
		height: 31px;
		margin: 0;
		padding: 0;
		background:url(graphics/elkhorn_menu.jpg) no-repeat -129px 0;
		overflow:hidden;
	}
	
		#nav a.ownership:hover {
			float: left;
			width: 83px;
			height: 31px;
			margin: 0;
			padding: 0;
			background:url(graphics/elkhorn_menu.jpg) no-repeat -129px -31px;
			overflow:hidden;
		}

	#nav a.properties {
		float: left;
		width: 84px;
		height: 31px;
		margin: 0;
		padding: 0;
		background:url(graphics/elkhorn_menu.jpg) no-repeat -212px 0;
		overflow:hidden;
	}
	
		#nav a.properties:hover {
			float: left;
			width: 84px;
			height: 31px;
			margin: 0;
			padding: 0;
			background:url(graphics/elkhorn_menu.jpg) no-repeat -212px -31px;
			overflow:hidden;
		}

	#nav a.promotions {
		float: left;
		width: 139px;
		height: 31px;
		margin: 0;
		padding: 0;
		background:url(graphics/elkhorn_menu.jpg) no-repeat -296px 0;
		overflow:hidden;
	}
	
		#nav a.promotions:hover {
			float: left;
			width: 139px;
			height: 31px;
			margin: 0;
			padding: 0;
			background:url(graphics/elkhorn_menu.jpg) no-repeat -296px -31px;
			overflow:hidden;
		}
	
	#nav a.points {
		float: left;
		width: 132px;
		height: 31px;
		margin: 0;
		padding: 0;
		background:url(graphics/elkhorn_menu.jpg) no-repeat -435px 0;
		overflow:hidden;
	}
	
		#nav a.points:hover {
			float: left;
			width: 132px;
			height: 31px;
			margin: 0;
			padding: 0;
			background:url(graphics/elkhorn_menu.jpg) no-repeat -435px -31px;
			overflow:hidden;
		}

	#nav a.journal {
		float: left;
		width: 124px;
		height: 31px;
		margin: 0;
		padding: 0;
		background:url(graphics/elkhorn_menu.jpg) no-repeat -567px 0;
		overflow:hidden;
	}
	
		#nav a.journal:hover {
			float: left;
			width: 124px;
			height: 31px;
			margin: 0;
			padding: 0;
			background:url(graphics/elkhorn_menu.jpg) no-repeat -567px -31px;
			overflow:hidden;
		}

#subNav {
	float: left;
	width: 850px;
	height: 24px;
	line-height: 24px;
	color: white;
	background: #016474;  /* dark turquoise */
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
	display: inline;
	font-size: 11px;
}

	#subNav a {
		color: white;
		text-decoration: underline;
	}

		#subNav a:hover {
			color: white;
			text-decoration: none;
		}
	
#contentArea {
	float: left;
	background: white;
	width: 850px;
	margin: 0;
	padding: 0 25px 0 25px;
	display: inline;
}

#mainImageText {
	float: left;
	width: 475px;
	height: 40px;
	background: #d6d0bf;
	margin: 0 0 25px 0;
	padding: 10px 350px 0 25px;
	color: #92278f; /* purple */
	position: relative;
	display: inline;
}

	#mainImageText p {
		margin: 0;
		padding: 0;
	}
	
	#mainImageText .buttonArea {
		position: absolute;
		top: 0;
		right: 0;
		width: 350px;
		height: 50px;
	}
	
		#mainImageText .buttonArea a.learnHow {
			background: url(graphics/button_learnhow.jpg) no-repeat;
			float: left;
			width: 350px;
			height: 50px;
		}
		
			#mainImageText .buttonArea a.learnHow:hover {
				background: url(graphics/button_learnhow.jpg) no-repeat 0 -50px;
				float: left;
				width: 350px;
				height: 50px;
			}

.hidden {
	display: none;	
}

#leftColumn {
	float: left;
	width: 620px;
	margin: 0 0 20px 0;
	padding: 0;
}

	#leftColumn h1 {
		font-size: 18px;
		color: #f7941d; /* orange */
		margin: 5px 0 10px 0;
		padding: 0;
	}

	#leftColumn h2 {
		font-size: 16px;
		color: #016474;  /* dark turquoise */
		margin: 5px 0 5px 0;
		padding: 0;
	}

	#leftColumn h3 {
		font-size: 14px;
		color: #016474;  /* dark turquoise */
		margin: 5px 0 5px 0;
		padding: 0;
	}

	#leftColumn p {
		margin: 0 0 10px 0;
		padding: 0;
		line-height: 18px;
	}
	
	#leftColumn ul {
		line-height: 18px;
	}
	
	#leftColumn a {
		color: #016474;  /* dark turquoise */
		text-decoration:underline;
	}

		#leftColumn a:hover {
			color: #016474;  /* dark turquoise */
			text-decoration:none;
		}
		
	#leftColumn .calloutBlue {
		padding: 10px;
		background: #9ED3DF; /* light blue */
	}
	
	.calloutRed {
		padding: 10px;
		background: #820024; /* dark red */
	}
		.calloutRed h2 {
			color: #f6a01a !important;
		}

	#leftColumn table.blueTheme {
		border-top: 1px solid white;
		border-left: 1px solid white;
		padding: 0;
		margin: 0 0 10px 0;
	}
	
		#leftColumn table.blueTheme td {
			border-right: 1px solid white;
			border-bottom: 1px solid white;
			background: #DDDDDD;
			padding: 6px 6px 4px 6px;
		}

			#leftColumn table.blueTheme td p {
				padding: 0;
			}
		
		#leftColumn table.blueTheme th {
			border-right: 1px solid white;
			border-bottom: 1px solid white;
			background: #9ED3DF; /* light blue */
			padding: 6px;
		}

	#leftColumn .blueLineBox {
		float: left;
		width: 600px;
		margin: 0 0 30px 0;
		padding: 15px 10px 5px 10px;
		display: inline;
		background:url(graphics/box_blueline_background.jpg) repeat-y;	
		position: relative;
	}
	
		#leftColumn .blueLineBox .blueLineBoxTop {
			position: absolute;
			top: 0;
			left: 0;
			width: 620px;
			height: 10px;
			background:url(graphics/box_blueline_top.jpg) no-repeat;
		}
	
		#leftColumn .blueLineBox .blueLineBoxBottom {
			position: absolute;
			bottom: -10px;
			right: 0;
			width: 620px;
			height: 10px;
			background-image: url(graphics/box_blueline_bottom.jpg);
			background-repeat: no-repeat;
			background-position: bottom;
			line-height:10px;
		}
		
		#leftColumn .blueLineBox .imageArea {
			float: left;
			width: 130px;
			height: 130px;
			margin: 0 0 0 10px;
			display: inline;
		}
		
		#leftColumn .blueLineBox .textArea {
			float: left;
			width: 435px;
			margin: 0 0 0 15px;
			display: inline;
		}
		
			#leftColumn .blueLineBox .textArea h2.traveWorld {
				float: left;
				width: 410px;
				height: 30px;
				margin: 0;
				padding: 0 0 10px 0;
				background:url(graphics/heading_travelWorld.jpg) no-repeat;
			}
		
			#leftColumn .blueLineBox .textArea p {
				margin: 0;
				padding: 0 0 5px 0;
			}

	#leftColumn h1.elkhornVacationsResorts {
		float: left;
		width: 620px;
		height: 35px;
		background: url(graphics/heading_elkhornVacationResorts.jpg) no-repeat;
		margin: 0;
		padding: 0 0 20px 0;
	}
	
	#leftColumn #resortText {
		float: left;
		width: 400px;
		margin: 20px 0 0 20px;
		padding: 0;
	}

		#leftColumn #resortText h2 {
			font-size: 16px;
			color: #016474;  /* dark turquoise */
			margin: 20px 0 5px 0;
			padding: 0;
		}

		#leftColumn #resortText ul {
			margin: 0 0 5px 15px;
			padding: 0;
			text-indent: 0;
			line-height: 15px;
		}
		
			#leftColumn #resortText ul li {
				margin: 0;
				padding: 0 0 3px 0;
			}
	
	#leftColumn #resortFeatures {
		float: left;
		width: 180px;
		background: #e2f2f5; /* light blue (30%) */
		margin: 20px 0 0 0;
		padding: 10px;
	}
	
		#leftColumn #resortFeatures h3 {
			font-size: 14px;
			color: #016474;  /* dark turquoise */
			margin: 5px 0 5px 0;
			padding: 0;
		}

		#leftColumn #resortFeatures ul {
			margin: 0 0 5px 15px;
			padding: 0;
			text-indent: 0;
			line-height: 15px;
		}
		
			#leftColumn #resortFeatures ul li {
				margin: 0;
				padding: 0 0 3px 0;
			}
	
#sitemap {
	float: left;
	width: 620px;
	margin: 0;
	padding: 0;
}	

	#sitemap ul {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
		#sitemap ul li {
			list-style-type: none;
			padding: 0;
			background: #016474;  /* dark turquoise */
			color: white;
			margin: 4px 0 4px 0;
			border-bottom: 1px solid white;
		}
		
			#sitemap ul li a {
				color: white;
				text-decoration: none;
				width: auto;
				padding: 4px;
				display:block;
			}
			
				#sitemap ul li a:hover {
					color: white;
					text-decoration: underline;
				}

		#sitemap ul ul {
			float: left;
			width: 100%;
			margin: 0 0 4px 0;
			padding: 0;
		}

		#sitemap ul li ul li  {
			list-style-type: none;
			padding: 0;
			background: #e2f2f5; /* light blue (30%) */
			color: white;
			margin: 0;
			border-bottom: 1px solid white;
			display:block;
		}
		
			#sitemap ul li ul li a {
				color: #016474;  /* dark turquoise */
				text-decoration: none;
				width: auto;
				padding: 4px 4px 4px 20px;
				display:block;
			}
			
				#sitemap ul li ul li a:hover {
					color: #016474;  /* dark turquoise */
					text-decoration: underline;
				}
	
#mainResorts {
	float: left;
	width: 620px;
	margin: 0 0 15px 0;
	padding: 0;
	display: inline;
}

	#mainResorts img {
		padding: 0;
		margin: 0 0 5px 0;
		display: inline;
	}

	#mainResorts p {
		padding: 0;
		margin: 0;
		color: #999999;
		display: inline;
	}

	#mainResorts h2 {
		padding: 0 0 2px 0;
		margin: 0;
		color: #016474;  /* dark turquoise */
		font-size: 14px;
		line-height: 14px;
	}

		#mainResorts h2 a {
			color: #016474;  /* dark turquoise */
			text-decoration: none;
		}

			#mainResorts h2 a:hover {
				color: #016474;  /* dark turquoise */
				text-decoration: underline;
			}

	#mainResorts h3 {
		padding: 0 0 5px 0;
		margin: 0;
		color: #999999;
		font-size: 12px;
		line-height: 12px;
		font-weight: normal;
	}

	#mainResorts .mainResortRowWrapper {
		float: left;
		width: 620px;
		padding: 0;
		margin: 0 0 10px 0;
		display: inline;
	}
	
		#mainResorts .mainResortRowWrapper .leftResort {
			float: left;
			width: 300px;
		}

		#mainResorts .mainResortRowWrapper .rightResort {
			float: right;
			width: 300px;
		}

#rightSidebarWrapper {
	float: right;
	width: 210px;
}

#rightSidebar {
	float: right;
	width: 210px;
	background:url(graphics/box_beige_top.jpg) no-repeat;
	background-color: #eae7df; /* beige */
	padding: 0;
	margin: 0 0 20px 0;
	display: inline;
	position: relative;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}

	#rightSidebar .sidebarBottom {
		position: absolute;
		bottom: -10px;
		right: 0;
		height: 10px;
		width: 210px;
		background:url(graphics/box_beige_bottom.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		line-height: 10px;
	}
	
	#rightSidebar h3 {
		float: left;
		width: 165px;
		padding: 0 0 0 30px;
		margin: 0 0 3px 0;
		background: url(graphics/arrow_orange.jpg) 12px -1px no-repeat;
		font-size: 14px;
		line-height: 16px;
		color: #f7941d; /* orange */
	}
	
	#rightSidebar img {
		padding: 0;
		margin: 5px 0;
		display: inline;
	}

	#rightSidebar p {
		width: 180px;
		padding: 0 0 0 15px;
		margin: 0;
	}

	#rightSidebar ul.links {
		float: left;
		width: 180px;
		margin: 0;
		padding: 0;
	}
	
		#rightSidebar ul.links li {
			height: 30px;
			width: 175px;
			font-size: 12px;
			line-height: 30px;
			border-bottom: 1px dotted #a29a7f; /* dark beige */
			list-style-type: none;
			padding: 0 0 0 5px;
			margin: 0 0 0 15px;
			white-space: normal;
			color: #666666;
		}

			#rightSidebar ul.links li.first {
				border-top: 1px dotted #a29a7f; /* dark beige */
			}	
			
			#rightSidebar ul.links li a {
				width: 175px;
				height: 30px;
				color: #666666;
				text-decoration: none;
			}
			
			#rightSidebar ul.links li a:hover {
				width: 175px;
				height: 30px;
				color: #666666;
				text-decoration: underline;
			}
	
	#rightSidebar h2#specialPromotions {
		background:url(graphics/subhead_specialPromotions.jpg) no-repeat;
		float: left;
		width: 210px;
		height: 40px;
		margin: 10px 0 0 0;
		padding: 0 0 5px 0;
		display: inline;
	}

	#rightSidebar h2#upcomingEvents {
		background:url(graphics/subhead_upcomingEvents.jpg) no-repeat;
		float: left;
		width: 210px;
		height: 40px;
		margin: 10px 0 0 0;
		padding: 0 0 5px 0;
		display: inline;
	}

	#rightSidebar h2#ownershipOptions {
		background:url(graphics/subhead_ownershipOptions.jpg) no-repeat;
		float: left;
		width: 210px;
		height: 40px;
		margin: 10px 0 0 0;
		padding: 0 0 5px 0;
		display: inline;
	}

	#rightSidebar .button {
		float: right;
		width: 180px;
		margin: 0;
		padding: 0 15px 0 0;
		
	}

		#rightSidebar .button a.registerNow {
			background: url(graphics/button_registerNow.jpg) no-repeat;
			float: right;
			width: 130px;
			height: 30px;
		}
		
			#rightSidebar .button a.registerNow:hover {
				background: url(graphics/button_registerNow.jpg) no-repeat 0 -30px;
				float: right;
				width: 130px;
				height: 30px;
			}

#testimonial {
	float: left;
	width: 180px;
	margin: 0 0 20px 0;
	padding: 15px 15px 5px 15px;
	display: inline;
	background:url(graphics/box_blackline_background.jpg) repeat-y;	
	position: relative;
}

	#testimonial h2 {
		margin: 0;
		padding: 0 0 7px 0;
		color: #f7941d; /* orange */ 
		font-size: 14px;
		line-height: 14px;
	}

	#testimonial p {
		margin: 0;
		padding: 0 0 5px 0;
	}

	#testimonial a {
		color: #016474;  /* dark turquoise */
		text-decoration:underline;
	}

		#testimonial a:hover {
			color: #016474;  /* dark turquoise */
			text-decoration:none;
		}

	#testimonial .testimonialTop {
		position: absolute;
		top: 0;
		left: 0;
		width: 210px;
		height: 10px;
		background:url(graphics/box_blackline_top.jpg) no-repeat;
	}

	#testimonial .testimonialBottom {
		position: absolute;
		bottom: -10px;
		right: 0;
		width: 210px;
		height: 10px;
		background-image: url(graphics/box_blackline_bottom.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		line-height:10px;
	}

#footerTop {
	float: left;
	width: 900px;
	height: 38px;
	margin: 0;
	padding: 20px 0 0 0;
	background:url(graphics/background_footer_top.jpg) no-repeat;
	font-size: 11px;
	line-height: 13px;
	text-align:center;
	color: white;
	display: inline;
	text-transform:uppercase;
}

	#footerTop p {
		margin: 0;
		padding: 0;
	}
	
	#footerTop a {
		color: white;
		text-decoration: underline;
	}
	
		#footerTop a:hover {
			color: white;
			text-decoration: none;
		}

#footerMiddle {
	float: left;
	width: 900px;
	background:url(graphics/background_footer.jpg) repeat-y;
	color: white;
	font-size: 10px;
	line-height: 12px;
}

	#footerMiddle p {
		margin: 0 0 2px 0;
		padding: 0;
	}
	
	#footerMiddle a {
		color: white;
		text-decoration: underline;
	}
	
		#footerMiddle a:hover {
			color: white;
			text-decoration: none;
		}

	#footerMiddle .leftArea {
		float: left;
		width: 145px;
		margin: 0 0 0 25px;
		padding: 0;
		display: inline;
	}

	#footerMiddle .middleArea {
		float: left;
		width: 375px;
		margin: 0 0 0 25px;
		padding: 0;
		display: inline;
	}
	
		#footerMiddle h4 {
			margin: 0  0 2px 0;
			padding: 0;
			font-size: 12px;
			line-height: 12px;
		}
	
		#footerMiddle .middleArea .leftColumn{
			float: left;
			width: 180px;
			margin: 0;
			padding: 0;
			display: inline;
		}

		#footerMiddle .middleArea .rightColumn{
			float: left;
			width: 180px;
			margin: 0 0 0 15px;
			padding: 0;
			display: inline;
		}

	#footerMiddle .rightArea {
		float: left;
		width: 285px;
		height: 45px;
		margin: 0 0 0 25px;
		padding: 0;
		display: inline;
		background:url(graphics/logo_rci_bluebackground.jpg) 200px -5px no-repeat;
	}
		
		#footerMiddle .rightArea h4 {
			margin: 0  0 2px 0;
			padding: 0;
			font-size: 12px;
			line-height: 12px;
		}
	
#errors {
	float: left;
	width: 600px;
	border: 1px solid red;
	background: yellow;
	color: red;
	margin: 0 0 10px 0;
	padding: 10px;
	display: block;
}

#footerBottom {
	float: left;
	width: 900px;
	height: 31px;
	background:url(graphics/background_footer_bottom.jpg) no-repeat;
}

/* image classes */
.marginBottom {
	margin-bottom: 20px;	
}

.imageLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.imageRight {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}