/* --- RESET --- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 1em;vertical-align: baseline;background: transparent;}
html {font-size: 100%;}
ol, ul {list-style: none;}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}

/* --- GENERAL --- */
body {	
	background: #e1f4cf;	
	color: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-size: 72%;
	height: 100%;
	line-height: 1.2;
}
hr {
	background: #bde695;
	color: #bde695;
	height: 1px;
	margin: 10px 0;
	border: 0;
}
p {
	padding: 5px 0;
}
h2 {	
	color: #6ca102;
	font-size: 150%;
}
h3 {
	color: #6ca102;
	font-size: 105%;
	padding: 5px 0;
}
	h3 a {
		text-decoration: none;
	}
h4 {
	clear: both;
	margin-bottom: 10px;
}
a {
	color: #1a5ce5;
}
a:hover {
	color: #6ca102;
}
fieldset {
	border-top: 1px solid #ccc;
}
legend {
	font-size: 120%;
	font-weight: bold;
}


/* --- STRUCTURE --- */
#container {
	margin: 0 auto;
	width: 980px;	
}
	#header {
		background: url(images/bgHeader.jpg) no-repeat;		
		padding-top: 80px;
	}
		#header h1 {
			background: url(images/bgTitle.jpg) no-repeat;
			height: 44px;			
		}
			#header h1 a {
				display: block;
				height: 44px;
				width: 540px;
			}
		#slogan {
			background: url(images/bgSlogan.jpg) no-repeat;
			height: 26px;					
		}
		
		/* Navigation */
		#nav {
			background: url(images/bgNav.gif) repeat-y;
			height: 30px;
			padding-left: 10px;
		}
			#nav li {
				display: inline;
				float: left;
				line-height: 30px;
				text-align: center;
				width: 160px;
			}
				#nav li a {
					background: url(images/bgNavSprite.png) 50% 0 no-repeat;
					color: #06f; 
					display: block;
					font-weight: bold;
					text-decoration: none;
					text-transform: uppercase;					
				}
				#nav li a:hover {
					background-position: 50% 50%;
				}
				#nav li.active a {
					background-position: 50% 100%;
				}
				
	#content {
		background: url(images/bgContent.gif) repeat-y;
		height: 100%;
		overflow: hidden;
		padding: 10px 0;
	}
		#mainContent {
			border-left: 1px solid #bde695;
			display: inline;
			float: right;
			margin-right: 20px;					
			width: 710px;
		}
			div.half {
				display: inline;
				float: left;
				margin: 0 10px;
				width: 335px;				
			}
			div.half2, fieldset.half {
				display: inline;
				float: left;
				height: auto;
				margin: 0 10px;
				width: 325px;	
			}
			div.full {
				clear: both;
				margin: 0 10px;
			}
				div.half h2, div.full h2 {
					border-bottom: 1px solid #bde695;
				}
				
			#errorbox, .members-notes {
				background: #ffe5e5;
				border: 1px solid red;
				margin-bottom: 10px;
				padding: 10px;
			}
				#errorbox p, .members-notes p {
					color: #000;				
				}
				#errorbox strong, .members-notes strong {
					color: #c00;
				}
			#messagebox {
				background: #e5e5ff;
				border: 1px solid blue;
				margin-bottom: 10px;
				padding: 10px;
			}
				#messagebox p {
					color: #000;				
				}
				#messagebox strong {
					color: #00c;
				}
			
			
		#sidebar {
			float: left;
			margin-left: 20px;
			width: 220px;			
		}
	
	#footer {
		background: url(images/bgFooter.png) no-repeat;
		font-size: 95%;		
		margin-bottom: 20px;
		padding-bottom: 20px;
		text-align: center;
	}

		
/* --- CLASSES --- */
.hide { display: none; }
.box { padding: 10px; }
.readMore { font-size: 95%; }
.photo {
	background: #d1eeb5; 
	border: 1px solid #bde695;
	display: inline;
	float: left;
	margin-right: 10px;
	padding: 3px 3px 1px;	
}
.dotted {
	border-bottom: 1px dotted #bde695;
	clear: both;
	font-size: 120%;
	padding-top: 10px;
	margin: 0 0 5px;	
}
.gallery-display {
	display: inline;
	float: left;
	height: 180px;
	margin-right: 10px;
	overflow: hidden;
	padding-top: 20px;
	text-align: center;
	width: 160px;
}
	.gallery-display img {
		height: 100px;		
	}
	.gallery-display p {
		clear: both;
	}
	
.searchResult {	
	overflow: hidden;
	width: 685px;
}
.pageResort {
	color: #1a5ce5;
	margin-top: 20px;
}
.amenitiesSection {
	height: 100%;
	overflow: hidden;
	padding-bottom: 15px;
}

/* --- LIST --- */
.threeColumn li {
	display: inline;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	width: 220px;
}
.list {
	list-style: disc;	
	margin: 0 0 30px 30px;	
}
	.list li {
		margin: 6px 0;
	}

/* --- FORMS --- */
dl {
	clear: both;
	margin: 10px 0 15px;
}
	dt {
		display: inline;
		float: left;
		font-weight: bold;
		line-height: 20px;
		padding-right: 5px;
		text-align: right;		
		width: 150px;
	}
	
.textfield {
	width: 160px;
}
textarea.textfield {
	width: 330px;
}
.labelDescription {
	color: #999;
	font-size: 95%;
	text-align: right;
}
.labelDescription2 {
	color: #999;
	font-size: 95%;
	margin-left: 160px;	
}
p.error {
	color: #c00;
	font-size: 95%;
	margin-left: 160px;	
}
.buttonContainer {
	border-top: 1px solid #ccc;
	clear: both;
	padding: 10px;
	text-align: right;	
}