body {
background: white url(bg.jpg) repeat-x top left;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
margin: 0px;
padding: 0px;
}

h1, h1 a, h2, h2 a {text-decoration: none;}

h1 a:hover, h2 a:hover {text-decoration: underline;}

h1 {font-size: xx-large;}

h2 {
font-size: x-large;
font-weight: normal;
}

h3 {font-size: large;}

ul, ol {
margin-left: 3em;
}

blockquote {
margin-left: 3em;
margin-right: 3em;
font-family:Georgia, "Times New Roman", Times, serif;
background-color:#eee;
}

a {color: #a51;} /* dark poppy */
a:visited {color :#831;} /* liver */
a:hover {color : #563; text-decoration: underline;} /* dark green */
a:active {color: #f93} /* poppy */

a img {
border: none;
}

img.left {
float: left;
margin-right: 20px;
}

img.right {
float: right;
margin-left: 20px;
}

hr {display: none;}

#header {
width: 800px; 
height: 206px;
margin: 0 auto;
padding:0;
background: url(header.jpg) no-repeat top left;
}

#logo {
width: 800px;
height: 152px;
margin: 0 auto;
}

#logo h1, #logo h2 {margin: 0;}

#logo h1 {
float: left;
padding-top: 75px;
padding-left: 50px;
font-weight: normal;
}

#logo h2 {
float: left;
padding-top: 95px;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: large;
}

#logo h2, #logo h2 a {color: white;}

#logo a {text-decoration: none;}

#button { margin-right:400px;}

#menu {
width: 800px;
margin: 0 auto;
padding-bottom: 30px;
}

#menu ul {
margin: 0;
padding: 23px 0 0 28px;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
padding: 0 2px 0 2px;
}

#menu li.first a{
float: left;
background: #9b7; /* sage */
padding: 9px 20px;
text-decoration: none;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: white;
}

#menu a {
float: left;
background: #831; /* liver */
padding: 10px 20px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: white;
}

#menu a:hover {
text-decoration: none;
background: #521; /* dark liver */
padding: 9px 20px;
}
#reserve img { position:relative; margin:0;}
#reserve a {background: none; padding: 0;}
#reserve a:hover {background:none; padding:0;}

/* Search */

input, textarea {
width: 220px;
background: white;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
font: normal 1em/normal Verdana, Arial, Helvetica, sans-serif;
color: black;
}
#search {
width: 210px;
margin-left:170px;
font-size: small;
}

#search form {
margin: 0;
padding: 0;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search input {width:1em; 
margin-top: 8px; 
}

#search #q {width: 130px;}

#search #sa {
margin: 0;
padding: 0;
width: 5em;
background: #521; /* dark liver */
color: white;
}

#rates {
width: 97px;
margin-left:220px;
margin-top:18px;
}

#banner {
width: 960px;
margin: 0 auto;
padding: 8px 0;
}

#page {
width: 800px; 
margin: 0 auto;
padding: 16px 35px 0 25px;
}

#content {
float: right;
width: 503px; 
background: white url(../img/tree.gif) no-repeat 100% 100%;
}

.rates table, th, td{border: 1px solid #996; border-collapse: collapse; text-align:right;}

.post {font-size:small;}

.post .title {
margin: 0;
padding: 20px 20px 0 20px;
font-family:Attic Regular, Book Antiqua, Antiqua, Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
letter-spacing:.2em;
border-bottom: 1px solid #9b7; /* sage */
}

.post .title a:hover {text-decoration: none;}

.post .entry {padding: 0 20px;}

.post .meta {
height: 25px;
margin: 15px 0 20px 0;
padding: 10px 0 0 20px;
background: #9b7 no-repeat; /* sage */
line-height: normal;
}

#sidebar {
float: left;
width: 250px;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}

#sidebar li ul {}

#sidebar li li {
margin: 0;
padding: .5em 2em; 
font-size:small;
}

#sidebar li h2 {
padding: 5px 0px 0px 20px;
background: #9b7 no-repeat; /* sage */
font-size: medium;
font-weight:bold;
color: black;
}

#sidebar ul, ol {
margin-top: 1em;
line-height: 150%;
}

#footer {
clear: both;
width: 870px;
margin: 1em auto;
padding: inherit;
background-color: #9b7; /* sage */
}

#footer p {
text-align:center;
color: black;
font-size:smaller;
}

#footer a:link {color: #831;} /*liver*/
#footer a:visited {color :#521;} /*dark liver*/
#footer a:hover {color : #563}/* deep sage */
#footer a:active {color: #f93} /* poppy */
#contact { font-size:smaller;}

.caption {text-align:right; font-size:x-small;}
.external { color:#0000FF;} /* blue */
.external a:visited {color: #663399;} /* purple */
.green { background-color:#99CC99;}
.lavendar { background-color:#a9c;} /* lavendar same as Retreat */