/* = UNIVERSAL STYLES ==================== */

	* { margin: 0; padding: 0; }
	
	html, body { font: normal 12px/150% Georgia, Times, "Times New Roman", serif; background: #FFF url(images/bg_body.jpg) no-repeat 50% 100%; }



/* = LAYOUT STYLES ==================== */
	
	#wrapper { width: 740px; margin: 0 auto; overflow: hidden; }
	#header { height: 300px; background: url(images/bg_header.jpg) no-repeat 100% 100%; }
	#content { overflow: hidden; }
	#content-main { float: right; width: 460px; margin-right: 20px; _margin-right: 10px; }
	#content-sub { float: left; margin-left: 20px; _margin-left: 10px; width: 220px; }


/* = ELEMENT STYLES ==================== */

	h1 { color: #43408e; font-size: 24px; font-style: italic; margin: 20px 0;}
	h2 { color: #43408e; font-size: 18px; font-style: italic; margin: 20px 0; }
	h3 { color: #43408e; font-size: 16px; font-style: italic; margin: 20px 0; }
	ul { margin: 20px; }
	p { margin: 20px 0; }
	a { color: #43408e; white-space: nowrap;}
	a:hover { text-decoration: none; }
	img { border: none; }
	img.float-right { float: right; margin: 0 0 20px 20px; _margin: 0 0 20px 10px; }
	
	.side-content {  min-height: 400px; _height: 400px; background: url(images/bg_blue.jpg) repeat-x 0 0; padding-top: 1px; }
	.side-content p { margin: 10px; }

	.section-accomodations h1.section-title { margin: 0; background: url(images/heading_accomodations.jpg) no-repeat 0 0; width: 220px; height: 100px; text-indent: -9000px; }
	.section-accomodations .section-content { min-height: 400px; _height: 400px; padding: 10px; background: url(images/bg_blue.jpg) repeat-x 0 0; }

	.section-activities { width: 220px; float: left; }
	.section-activities h1.section-title { margin: 0; background: url(images/heading_activities.jpg) no-repeat 0 0; width: 220px; height: 100px; text-indent: -9000px; }
	.section-activities .section-content { min-height: 400px; _height: 400px; padding: 10px; background: url(images/bg_red.jpg) repeat-x 0 0; }

	.section-directions { width: 220px; float: right;}
	.section-directions h1.section-title { margin: 0; background: url(images/heading_directions.jpg) no-repeat 0 0; width: 220px; height: 100px; text-indent: -9000px; }
	.section-directions .section-content { min-height: 400px; _height: 400px; padding: 10px; background: url(images/bg_purple.jpg) repeat-x 0 0; }

	#footer p { margin: 20px; font-size: 10px; border-top: 1px solid #DDD; }


/* = NAV STYLES ==================== */
	
	ul#nav { overflow: hidden; margin-left: 30px }
	ul#nav li { float: left; list-style: none; }
	ul#nav li a { display: block; height: 50px; text-indent: -9000px; }
	

	ul#nav li a.nav_home { background: url(images/nav.gif) no-repeat 0 0; width: 71px; }
		ul#nav li a:hover.nav_home { background: url(images/nav.gif) no-repeat 0 -50px; }
	ul#nav li a.nav_about { background: url(images/nav.gif) no-repeat -71px 0; width: 77px; }
		ul#nav li a:hover.nav_about { background: url(images/nav.gif) no-repeat -71px -50px; }
	
	ul#nav li a.nav_accomodations { background: url(images/nav.gif) no-repeat -148px 0; width: 144px; }
		ul#nav li a:hover.nav_accomodations { background: url(images/nav.gif) no-repeat -148px -50px; }
	
	ul#nav li a.nav_activities { background: url(images/nav.gif) no-repeat -292px 0; width: 97px; }
		ul#nav li a:hover.nav_activities { background: url(images/nav.gif) no-repeat -292px -50px; }
	
	ul#nav li a.nav_staff { background: url(images/nav.gif) no-repeat -389px 0; width: 66px; }
		ul#nav li a:hover.nav_staff { background: url(images/nav.gif) no-repeat -389px -50px; }
	
	ul#nav li a.nav_directions { background: url(images/nav.gif) no-repeat -455px 0; width: 106px; }
		ul#nav li a:hover.nav_directions { background: url(images/nav.gif) no-repeat -455px -50px; }
	
	ul#nav li a.nav_contact { background: url(images/nav.gif) no-repeat -561px 0; width: 99px; }
		ul#nav li a:hover.nav_contact { background: url(images/nav.gif) no-repeat -561px -50px; }
	


/* = FORM STYLES ==================== */

	#content form ul { margin: 20px 0; }
	#content form ul li { list-style: none; margin: 0 0 20px 0; }
	
	label { display: block; font-size: 12px; line-height:150%; font-weight: bold; }
	label.description { padding:0 0 1px; color: #43408e; font-style: italic; }
	label.choice { font-weight: normal; margin: -18px 0 0 25px; _margin: -24px 0 0 25px; padding: 4px 0 5px; }
	
	input { font: normal 12px/18px Georgia, Times, "Times New Roman", serif; color: #464646; }
	input.text { width: 300px; }
	input.checkbox { display: block; margin: 6px 0 0 0; }
	input.radio { display: block; margin: 6px 0 0 0; }
	
	textarea { font: normal 12px/18px Georgia, Times, "Times New Roman", serif; color: #464646;  width: 300px; height: 100px; }
	
	select { font: normal 12px/18px Georgia, Times, "Times New Roman", serif; color: #464646; width: 300px; }