.no_display {
	display: none;
}

body{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #ccc;
}

#page {
	width: 780px;
	margin: 0px auto;
	padding: 0px;
	background-image: url("../images/bg_page.jpg");
	background-repeat: repeat-y;
	border: solid 1px #000;
}

/*Let's begin with a tryptic */

#header {
	height: 179px;
	margin: 0px;
	padding: 0px;
}

#logo_box {
	margin: 0px;
	padding: 0px;
	background-image: url("../images/bg_logo.jpg");
	background-repeat: no-repeat;
}

#header_middle {
	margin: 0px;
	padding: 0px;
	background-image: url("../images/bg_header_middle.jpg");
	background-repeat: no-repeat;
}

/*Now a simple menu to warm us up for the dangers ahead*/

#nav_list_one {
	text-align: right;
	margin: 0px;
	padding: 0px;
	background-image: url("../images/bg_nav_list_one.jpg");
	background-repeat: no-repeat;
	color: #fff;
}

#nav_list_one ul {
	list-style: none;
	margin: 0px 16px 3px 0px;
	padding: 0px;
}

#nav_list_one li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#nav_list_one li a {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 8px 0px 3px;
	padding: 0px 0px 0px 0px;
	color: #fff;
}

#nav_list_one li img {
	margin: 0px 0px -1px 0px;
	padding: 0px 0px 0px 0px;
}

/* Some may call this part the torso, it's more like an exo-skeleton */ 

#content_wrap {
	margin: 0px;
	padding: 0px;
	background-image: url("../images/map.jpg");
	background-repeat: no-repeat;
	background-position: top right;
}

/* Enter the slippery slopes of the drop-downs & be wary of the sons of the suckerfishes */

#nav_list_two {
	text-align: left;
	height: 48px;
	margin: 0px;
	padding: 0px;
	background-image: url("../images/bg_nav_list_two.jpg");
	background-repeat: no-repeat;
	/*sf*/
	list-style: none;
	line-height: 1;
}

#nav_list_two ul {
	list-style: none;
	margin: 0px 0px 0px 114px; /* There's also a conditional tag in the headers for "old ass-wipe" */
	padding: 9px 0px 0px 0px;
	color: #fff;
	/*sf*/
	line-height: 1;
}

#nav_list_two li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	/*sf*/
	float: left;
	width: 140px; /* width needed or else Opera goes nuts */
}

#nav_list_two li img {
	margin: 2px 4px 0px 0px;
	padding: 0px;
}

#nav_list_two li a {
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 0px 22px;
	padding: 2px 0px 6px 0px;
	color: #fff;
}

/*suckerfish-style*/

#nav_list_two a {
	text-align: left;
	display: block;
	width: 140px;
}

#nav_list_two li ul { /* second-level lists */
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position: absolute;
	background-color: #F0EFC3;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}

#nav_list_two li ul li {
	float: none;
	text-align: left;
}

#nav_list_two li ul li a {
	font-size: 12px;
	text-align: left;
	margin: 5px 0px 10px 8px;
	padding: 0px;
	color: #111;
}

#activities ul{
	width: 170px;
}

#activities ul li a{
	width: 170px;
}

#attractions ul{
	width: 200px;
}

#attractions ul li a{
	width: 200px;
}

#lodging ul{
	width: 140px;
}

#lodging ul li a{
	width: 140px;
}

#nav_list_two li ul li a:hover {
	text-decoration: underline;
	color: #F60;
}

#nav_list_two li:hover ul, #nav_list_two li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin: 0px 0px 0px 14px;
	z-index: 10;
}

/*The pith*/

#content { /*It's just a box*/
	width: 565px;
	float: left;
	display: inline;
}



#splash_box {
	height: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#splash_box_home { 
	width: 565px;
	margin: 0px;
	padding: 0px;
	height: 220px;
	background-image: url("../images/bg_home_top.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	z-index: 9;
}

#copy {
	display: block;
	font-size: 12px;
	line-height: 16px;
	width: 526px;
	text-align: left;
	margin: 0px 16px 20px 16px;
	padding: 16px 0px 24px 0px;
	background-color: #fff;
	border: solid 2px #060;
}

#copy p {
	margin: 0px 12px 16px 12px;
	padding: 0px;
}

#copy h2 {
	margin: 0px 12px 16px 12px;
	padding: 0px;
}

#copy a, #news_box a {
	text-decoration: underline;
	color: #f60;
}

#copy a:visited, #news_box a:visited {
	text-decoration: underline;
	color: #6FA83B;
}

#copy a:hover, #news_box a:hover {
	text-decoration: underline;
	color: #1F3A03;
}

/*#copy img {
  margin: 0px 9px;
  border: solid 1px #707070;
}*/

/*The husk or the hump, not the fin*/

#copy ul, #news_box ul {
	margin: 0px 12px 16px 26px;
	padding: 0px;
}

#sidebar {
	font-size: 13px;
	line-height: 16px;
	float: left;
	width: 215px;
	margin: 80px 0px 0px 0px;
	padding: 0px;
	display: inline;

}

/*A strange kind of eye?*/

#search_form {
	text-align: right;
	margin: 0px 24px 0px 0px;
	padding: 10px 0px 0px 0px;
}

/*Let's try another menu, this time vertical-style*/

#nav_list_three {
	width: 215px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image: url("../images/bg_map.jpg");
	background-repeat: repeat-y;
}

#nav_list_three ul {
	list-style: none;
	margin: 0px 0px 12px 24px;
	padding: 0px;
}

#nav_list_three li {
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
}

#nav_list_three li a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color: #000;
}

#nav_list_three li a:hover {
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}

#nav_list_three_btm {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 215px;
	height: 20px;
	background-image: url("../images/map_btm.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
}

#nav_list_three li img{
	margin: 0px 4px -1px 0px;
	padding: 0px;
}

/* On the home page: */

#news_box {
	width: 188px;
	text-align: left;
	margin: 20px auto 64px auto;
	padding: 0px;
	background-color: #F0EFC3;
	border: solid 2px #1F3A03;
}

#news_box h3, p {
	margin: 16px 0px 10px 10px;
	padding: 0px;
}

/* On the bottom */

#footer {
	font-size: 13px;
	height: 48px;
	clear: both;
	margin: 0px;
	padding: 0px;
	background-color: #ccc;
	background-image: url("../images/bg_footer.jpg");
	background-repeat: repeat-x;
}

#footer p {
	margin: 0px;
	padding: 24px 0px 0px 0px;
	color: #fff;
}

/*#nav_list_two .current {
	color: #f00;
}*/

#page .current {
  color: #F90;
}

#nav_list_three .current {
  color: #F30;
}


.spacer {
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
}

#thumbs_box {
	width: 510px;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	border: solid 1px #fff;
}

#thumbs_box a  {
  text-decoration: none;
  
}

#thumbs_box a:visited  {
  text-decoration: none;
	color: #6FA83B;
}

#thumbs_box a:hover {
  text-decoration: none;
	color: #FF6600;
}

.thumb {
	display: block;
	width: 100px;
	height: 120px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
}

#copy .thumb p {
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

.img_left {
	float: left;
	margin: 0px 10px 0px 12px;
	padding: 0px;
}

#copy .img_left .caption {
	font-size: 9px;
	font-style: italic;
	line-height: 16px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	color: #000;
}

.img_right {
	float: right;
	margin: 0px 12px 0px 10px;
	padding: 0px;
}

.img_right img, .img_left img {
	border: solid 1px #C0C0C0;
}

#copy .img_right .caption {
	font-size: 9px;
	font-style: italic;
	line-height: 16px;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000;
}

#copy .img_long_caption img {
	border: solid 1px #C0C0C0;
	padding: 8px;
}

#news_box p.caption {
	font-style: italic;
}

#contact_form {
	width: 500px;
	margin: 0px 0px 0px 11px;
	padding: 0px;
	background-color: #FAFAC9;
}

#history_caption p {
	width: 172px;
}

#crystal_caption p {
	width: 200px;
}