body {
  color: #5E6239;
  background: #DFE3BA url(../images/bg_main.gif) repeat-x top left;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  text-align: center;
  font-family: verdana, arial, helvetica, geneva, sans-serif;
  }

#pagecontainer {
  margin: 0 auto;
  width: 764px;     /*made a little bigger to fit nav */
  text-align: left;
  }



/* header //////////////////////////////////////////////////////////////////////////// */

#header {
  height: 221px;
  width: 760px;
  background: transparent url(../images/bg_header.gif) no-repeat top center;
  }
#header h1 {
  display: none;
  }
    
  
/* navbar //////////////////////////////////////////////////////////////////////////// */

#navbar {
  margin: 0;
  padding: 0;
  height: 37px;
  list-style: none;
  display: inline;
  width: 760px; /* make Opera happy */
  }
#navbar li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
  }
#navbar a {
  float: left;
  padding: 37px 0 0 0;
  overflow: hidden;
  height: 0px !important;
  height /**/:37px; /* for IE5/Win only */
  }
#navbar a:hover, #navbar a:active {
  background-position: 0 -37px;
  border:0px solid #fff; /* hack for mozilla */
  }


/* nav element */

#nav_home a {
  width: 57px;
  background: url(../images/n_home.gif) top left no-repeat;
  }
#nav_story a {
  width: 81px;
  background: url(../images/n_story.gif) top left no-repeat;
  }  
#nav_gallery a {
  width: 69px;
  background: url(../images/n_gallery.gif) top left no-repeat;
  }
#nav_news a {
  width: 58px;
  background: url(../images/n_news.gif) top left no-repeat;
  }  
#nav_info a {
  width: 135px;
  background: url(../images/n_info.gif) top left no-repeat;
  }  
#nav_amenities a {
  width: 87px;
  background: url(../images/n_amenities.gif) top left no-repeat;
  }
#nav_reservations a {
  width: 103px;
  background: url(../images/n_reservations.gif) top left no-repeat;
  }  
#nav_directions a {
  width: 83px;
  background: url(../images/n_directions.gif) top left no-repeat;
  }  
#nav_contact a {
  width: 87px;
  background: url(../images/n_contact.gif) top left no-repeat;
  }

/* highlight active nav element based on body class */ 

body.default #nav_home a,
body.story #nav_story a,
body.gallery #nav_gallery a,
body.news #nav_news a,
body.info #nav_info a,
body.amenities #nav_amenities a,
body.reservations #nav_reservations a,
body.directions #nav_directions a,
body.contact #nav_contact a {
  background-position: 0 -37px;
  border:0px solid #fff; /* hack for mozilla */
  }




/* section header image (left of content) /////////////////////////////////////////// */
  
#section_header {
  height: 350px;
  width: 133px;
  float: left;
  background: transparent url(../images/bg_left_cross.gif) no-repeat top right;
  }
body.default #section_header {
  background: transparent url(../images/bg_left_welcome.gif) no-repeat top right;
  }
body.story #section_header {
  background: transparent url(../images/bg_left_thestory.gif) no-repeat top right;
  }  
body.gallery #section_header {
  background: transparent url(../images/bg_left_gallery.gif) no-repeat top right;
  }
body.news #section_header {
  background: transparent url(../images/bg_left_news.gif) no-repeat top right;
  }  
body.info #section_header {
  background: transparent url(../images/bg_left_info.gif) no-repeat top right;
  }  
body.amenities #section_header {
  background: transparent url(../images/bg_left_amenities.gif) no-repeat top right;
  }
body.reservations #section_header {
  background: transparent url(../images/bg_left_reservations.gif) no-repeat top right;
  }  
body.directions #section_header {
  background: transparent url(../images/bg_left_directions.gif) no-repeat top right;
  }  
body.contact #section_header {
  background: transparent url(../images/bg_left_contact.gif) no-repeat top right;
  }
  
/* content ///////////////////////////////////////////////////////////////////////////// */

#content {
  float: left;
  width: 452px;
  background: transparent url(../images/bg_content.gif) no-repeat top center;
  } 
body.gallery #content {
  width: 625px;
  background-image: none;
  }
#contentwrapper {
  padding: 30px 40px 40px 50px;
  border-bottom: 1px solid #D4D9A4;
  }
body.gallery #contentwrapper {
  padding: 4px 0px 40px 0px;
  }
#content p, #content td {
  font-size: 12px;
  line-height: 150%;
  }
#content li, #content ul, #content ol, #content label {
  font-size: 12px;  
  }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  font-family: Arial, Helvetica, sans-serif;
  }
#content h1 {
  font-size: 20px;
  text-transform: none;
  color: #5E6239;
  } 
#content h2 {
  font-size: 16px;
  text-transform: none;
  color: #5E6239;
  letter-spacing: 0.05em;
  }  

#content h3{
  font-size: 14px;
  color: #5E6239;
}



#content a {
  color: #5E6239;
  font-weight: bold;
  }
#content a:link {
  text-decoration: underline;
  background-color: transparent;
  }
#content a:visited {
  text-decoration: underline;
  background-color: transparent;
  }
#content a:hover {
  text-decoration: none;
  background-color: transparent;
  }
#content a:active {
  text-decoration: underline;
  background-color: transparent;
  }  


#content p.welcome_quote {
  font-style: italic;
  font-weight: bold;
  text-align: center;
  font-size: 13px;
  }
p.signed {
  font-style: italic;
  }


/* --- contact form --- */
body.contact #content label {
  line-height: 200%;
  }
body.contact #content ul {
  padding: 5px 5px 5px 20px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #A76163;
  background-color: #D5B1B1;
  color: #000;
  }
body.contact form {
  border: 1px solid #D5DAA6;
  padding: 8px;
  background-color: #E1E5C0;
  }




  
/* sidebar ///////////////////////////////////////////////////////////////////////////// */ 
 
#sidebar {
  float: right;
  width: 170px;
  background: transparent url(../images/bg_sidebar.gif) no-repeat top left;
  min-height: 350px;
  }

#sidebarwrapper {

  font-style: italic;
  font-weight: bold;
  line-height: 170%;
  font-size: 11px;
  padding: 10px 5px 05px 8px;
  margin-top: 20px;
  color: #959E44;
  background: transparent url(../images/bg_quote01.gif) no-repeat top left;
  }


#sidebarphoto {
  height: 160px;
  width: 170px;
  margin-top: 25px;
  }

body.reservations #sidebarphoto {
  background: transparent url(../images/side_reservations.jpg) no-repeat top left;
  }
body.default #sidebarphoto {
  background: transparent url(../images/side_home.jpg) no-repeat top left;
  }  
body.story #sidebarphoto {
  background: transparent url(../images/side_story.jpg) no-repeat top left;
  } 
body.news #sidebarphoto {
  background: transparent url(../images/side_news.jpg) no-repeat top left;
  } 
body.info #sidebarphoto {
  background: transparent url(../images/side_info.jpg) no-repeat top left;
  } 
body.amenities #sidebarphoto {
  background: transparent url(../images/side_amenities.jpg) no-repeat top left;
  } 
body.directions #sidebarphoto {
  background: transparent url(../images/side_directions.jpg) no-repeat top left;
  } 
body.contact #sidebarphoto {
  background: transparent url(../images/side_contact.jpg) no-repeat top left;
  } 







  
/* footer ////////////////////////////////////////////////////////////////////////////// */
  

#footer {
  clear: both;
  font-size: 10px;

  margin-bottom: 40px;
  text-align: left;


  line-height: 150%;

  }

#footerwrapper {
  margin-left: 184px;
  }
#footer a {
  color: #5E6239;
  }
#footer a:link {
  text-decoration: none;
  background-color: transparent;
  }
#footer a:visited {
  text-decoration: none;
  background-color: transparent;
  }

#footer a:hover {
  text-decoration: underline;
  background-color: transparent;

  }
#footer a:active {
  text-decoration: none;
  background-color: transparent;
  }

#content p.jammin-ad {
   font-weight: bold;
   margin: 30px 0 0 0;
}
#content p.jammin-ad img {
   float: left;
   margin: 0 20px 0 0;
}