/* CSS Reset ************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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: 100%;
 vertical-align: baseline;
 background: transparent;
}
body {
 line-height: 1;
}
/*
ol, ul {
 list-style: none;
}
*/
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}

/* remember to define focus styles! */
:focus {
 outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
 text-decoration: none;
}
del {
 text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: collapse;
 border-spacing: 0;
}
/* END CSS Reset *************************************************************************************************/

/*
Color Schemes

#8A8153
#6E4D31
#CF9D63
#d4a969

*/

body {
	margin:0;
	padding:0;
	background-color: white;
	font-family:trebuchet,trebuchet MS,sans-serif;
	font-size: small !important; /* Styles for Mozilla, Safari, IE Mac */
	font-size: x-small; /* Styles for MS IE5 PC */
	font-size/**/:/**/small; /* Styles for IE6 PC */
	color:#000000;
	text-align:center;
}

p {
	margin:0;
	padding:0;
	padding-left:1px; /* remedies the "cut W" */
	padding-bottom: 2em;
	text-align: justify;
	line-height: 130%;
}

h1, h2 {
	font-size:135%;
	color:#8A8153;
	margin-bottom: 6px;
}

#under_construction {
  text-align: center;
  padding: 8px;
  border: 1px black solid;
  width: 290px;
  margin: auto;
  margin-top: 8px;
  background-color: #ffffc0
}

#full_header {
  width: 100%;
  height: 149px;
  background: url(/images/bg_pattern2.gif) repeat;
  background-position: top center;
}

#main {
  width: 800px;
  margin: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  overflow: hidden;
  text-align: left;
  font-size: 85%;
}

#left_side {
  width: 500px;
  float:left;
}

#right_side {
  width: 280px;
  float: right;
}

div.feature_outer {
  width: 270px;
  background: url(/images/bg_pattern3.gif) repeat;
  background-position: top center;
  margin-bottom: 12px;
  padding: 5px;
}

div.feature_inner {
  overflow:hidden;
  width: 248px;
  border: 1px solid #d4a969;
  text-align: center;
  padding: 10px;
}

.feature_inner h2 {color: white; font-size: 200%; padding-bottom: 0.2em; font-family: Georgia; font-weight: normal; font-style: italic; line-height: 120%;}
.feature_inner p {text-align: center; color: black; font-size: 135%; font-style: italic; font-weight: bold; padding-bottom: 0.5em;}
.feature_inner ul {font-size: 100%; text-align: left; padding-bottom: 1em; margin-left: 4em;}
.feature_inner ul li {color: black; font-size: 130%; line-height: 130%;}

div.reservation_outer {
  height: 83px;
  width: 108px;
  background: url(/images/bg_pattern3.gif) repeat;
  background-position: top center;
  /* margin: auto; */
  margin-bottom: 12px;
  padding: 5px;
  float: left;
}

div.reservation_inner {
  height: 66px;
  width: 94px;
  border: 1px solid #d4a969;
  text-align: center;
  padding: 6px;
}

.reservation_inner a:link {color: white; font-size: 156%; line-height: 110%; text-align: center; text-decoration: none;}
.reservation_inner a:visited {color: white; font-size: 156%; line-height: 110%; text-align: center; text-decoration: none;}
.reservation_inner a:hover {color: yellow; font-size: 156%; line-height: 110%; text-align: center; text-decoration: none;}
.reservation_inner a:active {color: yellow; font-size: 156%; line-height: 110%; text-align: center; text-decoration: none;}

/*
#online_reservation a:link {color: white; font-size: 148%; line-height: 110%; text-align: center; text-decoration: none;}
#online_reservation a:hover {color: red; font-size: 148%; line-height: 110%; text-align: center; text-decoration: none;}
#online_reservation a:visited {color: white; font-size: 148%; line-height: 110%; text-align: center; text-decoration: none;}
*/

div.trip_advisor {
  height: 88px;
  width: 110px;
  float: left;
  margin-top: -10px;
}

div.password_outer {
  height: 164px;
  width: 220px;
  background: url(/images/bg_pattern3.gif) repeat;
  background-position: top center;
  margin: auto;
  margin-bottom: 12px;
  padding: 5px;
  margin-top: 64px;
}

div.password_inner {
  height: 142px;
  width: 198px;
  border: 1px solid #d4a969;
  text-align: center;
  padding: 10px;
}

div#bottomband {
	background-color:#8A8153;
	padding-top:2px;
	padding-bottom:2px;
}
div#bottomband_inner {
	font-size:5%;
	height:6px;
	border-top:1px solid #BB9D86;
	border-bottom:1px solid #BB9D86;
}

#full_footer {
  width: 100%;
  padding-top:5px;
  padding-bottom:25px;
  background: url(/images/bg_pattern2.gif) repeat;
  background-position: top center;
  font-size:85%;
  padding-top:5px;
  padding-bottom:25px;
  color:#6E4D31;
  line-height: 150%;
  }
  
#full_footer a,
#full_footer a:link, 
#full_footer a:visited { color:black; }
#full_footer a:active, 
#full_footer a:hover { color:black; }

.foot_box {width: 800px; margin: auto}
.foot_middle {margin: auto;}
.foot_right {float:right; margin-top: -32px;}

#logo {
  width: 1024
}

#menustripe_top {
	border-bottom:1px solid #BB9D86;
    background-color:#8A8153;
    height: 5px; 
}

#menustripe_bottom {
	border-top:1px solid #BB9D86;
    background-color:#8A8153;
    height: 5px;  
}

#menu {
  width: 100%;
  position: relative;
  z-index: 1;
  background-color:#8A8153;
  font-weight:bold;
}

#slideshow_outer {
  height: 290px;
  width: 490px;
  background-color: #8A8153;
  margin-bottom: 12px;
  padding: 5px;
}

#slideshow_inner {
  height: 288px;
  width: 488px;
  background-color: #8A8153;
  border: 1px solid #d4a969;
}

div.slideshow {
  height: 278px;
  width: 478px;
  margin: 5px;
  background-color:white;
}

#map_outer {
  height: 462px;
  width: 490px;
  background-color: #8A8153;
  margin-bottom: 12px;
  padding: 5px;
}

#map_inner {
  height: 460px;
  width: 488px;
  background-color: #8A8153;
  border: 1px solid #d4a969;
}

div.map {
  height: 450px;
  width: 478px;
  margin: 5px;
  background-color:white;
}

div.clear {
  clear:both;
}

div.item_box {
  width: 500px;
  overflow: hidden;
  margin-bottom: 24px;
}

div.item_pic {
  width: 180px;
  float: left;
  margin-right: 20px;
}

.item_pic img {border: none}

div.item_text {
  width: 290px;
  float: left;
}

a.h2:link,
a.h2:visited {text-decoration: none}
a.h2:hover,
a.h2:active {text-decoration: none}

.item_text a:link,
.item_text a:visited {color: black}
.item_text a:hover,
.item_text a:active {color: blue}

.image {
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

.list {
  font-size: 100%;
}

.list ul {margin-left: 18px;}

.list li {margin-bottom: 8px;}

.list a:link,
.list a:visited {color: black}
.list a:hover,
.list a:active {color: blue}

.column {
  width: 148px;
  margin-left: 8px;
  float: left;
  overflow: hidden;
  line-height: 140%;
}

.column_spacer {
  width: 16px;
  height: 16px;
  float:left;  
}

.floatleft {
  float:left;
  margin-right: 24px;
}
/* Menu Code ============================================================================================== */

/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; width: 590px; margin: auto;}
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 14px; margin: 0; padding: 0; text-align: left;}
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none;}
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 148px; }
#nav ul ul { left: 149px; }

/* Everything else is theming */
 
#nav { height: 28px;}
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid #8A8153; color: #CF9D63; padding: 6px; padding-left: 16px; padding-right: 16px; line-height: 1; text-decoration: none;}
div.no_anchor {cursor: hand; border-right: 1px solid #8A8153; color: white; padding: 6px; padding-left: 16px; padding-right: 16px; line-height: 1; text-decoration: none;}

  #nav li.hover a {color: white; }
  #nav ul { top: 28px;}
  #nav ul li {display: inline}
    #nav ul li a { background-color: #7A7143; }
      #nav ul a.hover { background-color: #CF9D63; }
   #nav ul a { border-right: none; }
/* Use for transparency ****   #nav ul a { border-right: none; opacity: 0.9; filter: alpha(opacity=90); } */
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* User Input Form ****************************************************************************************/
/*
#8A8153
#6E4D31
#CF9D63
#d4a969
*/

#dataform {
  width: 700px;
  margin: auto;
  font-size: 13px;
}

#dataform table {background-color:#8A8153}

#dataform caption {font-weight: bold; padding-bottom: 10px; font-size: 16px;}

#dataform colgroup {}

#dataform col {}

#dataform thead {}

#dataform th {background-color: #6E4D31; color: white; padding: 3px;}

#dataform tbody {}

#dataform tr {}

#dataform td.left {background-color: #6E4D31; color: white; padding: 3px; text-align:center;}

#dataform td.right {padding: 3px;}

div.floatleftform {float:left}
div.floatrightform {float:right}
div.formtitle {
  font-size: 18px;
  font-weight: bold;
  margin:auto;
  margin-bottom: 12px;
  margin-top: 12px;
  width: 500px;
  text-align: center
}

/** Slide show **********************************************************************************************/

#flashcontent {
  height: 100%;
}