body {
	margin : 0px ;
	padding : 0px ;
	
	background-image : url(img/content_background.jpg) ;
	background-color : #afa69c ;
	background-position : 0px 395px ;
	background-repeat : repeat-x ;
	
	font-family : "Verdana", Helvetica, sans-serif ;
	
}

#header {
	
	width : 100% ;
	height : 66px ;
	
	background-color : #e7ded2 ;
	
	padding : 0px ;
	margin : 0px ;
	
	text-align : center ;
}

/*#header ul {
	margin : 0px auto ;
	padding : 0px ;
	text-indent : -5000px ;
	width : 800px ;
	height : 55px ;
	background-image : url(/img/header_logo.jpg) ;
	list-style-type : none ;
}

#header ul li {
	margin : 0px ;
	padding : 0px ;
	list-style-type : none ;
}
*/
#menu {
	display: block !important;
	background-color : #e7ded2 ;
	text-align : center ;
	width : 800px ;
	margin : 0px auto ;
}

/*========= mainmenu =========*/
#menu ul {
	list-style-type: none;
	margin: 0 auto ;
	padding: 0;
}

#menu li {
	width : 800px ;
	height : 55px ;
}

#menu li a:link , #menu li a:visited , #menu li a:active {
	display:block;
	width:800px;
	height:55px;
	text-indent: -9999px;
}

#home a:link , #home a:visited , #home a:active { background:url(/img/header_logo.jpg); }
#home a:hover { background-image:url(/img/header_logo.jpg); }

#navigation {
	
	width : 100% ;
	height : 90px ;

	background : url(img/nav_background.jpg) ;
	background-repeat : repeat-x ;
	background-position : center ;
	
	border : 5px solid #5c6b4f ; /* #223b18 */
	border-width : 5px 0px 0px 0px ;
	
	font-family : "Verdana", Helvetica, sans-serif ;
	font-size : 14px ;
	color : #fff ;
	text-align : center ;
}

#navigation div {
	width : 800px ;
	margin : 0px auto ;
	padding : 20px 0px ;
}

#navigation a {
	padding : 0px 35px 0px 0px ;
	
	font-weight : lighter ;
	color : #FFF ;
	text-decoration : none ;
}

#navigation a:hover {
	
	font-weight : lighter ;
	color : #bbb ;
	text-decoration : none ;
}

.nav_active {
	padding : 0px 45px 0px 0px ;
	
	font-weight : lighter ;
	color : #b5e189 ;
	text-decoration : underline ;
}

.nav_active a {
	padding : 0px 45px 0px 0px ;
	
	font-weight : lighter ;
	color : #b5e189 ;
	text-decoration : underline ;
}

#banner {
	
	width : 100% ;
	height : 240px ;
	
	background-image : url(img/banner_background.gif) ;
	background-repeat : repeat-x ;
}

#banner_container {
	margin : 0px auto ;
	width : 800px ;
	height : 240px ;
	border: 0px solid #f00 ;
}

#sub_navigation {
	background-color : #e8e0d4 ;
	width : 196px ;
	height : 240px ;
	float : left ;
}

#sub_navigation ul {
	margin : 0px ;
	padding : 10px 0px ;
}

#sub_navigation ul li {
	margin : 0px 0px 2px 0px;
	list-style-type : none ;
	
	height : 23px ;
	
	font-family : "Verdana", Helvetica, sans-serif ;
	font-size : 11px ;
	
	width : 171px ;
	background-color : #f1ede6 ;
	padding : 7px 5px 0px 20px ;
	color : #58220f ;
}

#sub_navigation ul li:hover {
	background-color : #f6f7d5 ;
	font-weight : normal ;
	cursor : pointer ;
	color : #000 ;
}

#sub_navigation a {
	color : #58220f ;
	text-decoration : none ;
	width : 200px ;
	padding : 10px 10px 10px 0px ;
}

#sub_navigation a:hover {
	color : #000 ;
	text-decoration : none ;
}

#flash_banner {
	float : left ;
	margin-top : 1px ;
}

#content {
	width : 800px ;
	margin : 0px auto ;
	padding : 10px 0px;
}

#text {
	width : 440px ;
	margin : 0px 40px 0px 0px ;
	float : left ;
	
	font-family : "Verdana", Helvetica, sans-serif ;
	color : #333 ;
	font-size : 12px ;
	line-height : 20px ;
	padding : 0px ;
}

#text a {
	color : #5c6b4f ;
	font-weight : bold ;
}

#text a:hover {
	color : #222 ;
}

#thumbnails {
	width : 320px ;
	float : left ;
	border:0px solid #f00 ;
	padding : 0px ;
}

#thumbnails img {
	margin : 10px 0px 0px 10px ;
	border : 1px solid #fff ;
}

#thumbnails img:hover {
	border : 1px solid #333 ;
	cursor : pointer ;
}

#footer {
	width : 800px ;
	margin : 10px auto ;
	border : 0px solid #5c6b4f ;
	border-width : 1px 0 0 0 ;
	font-family : "Verdana", Helvetica, sans-serif ;
	font-size : 11px ;
	color : #666 ;
	padding-top : 10px ;
}

#footer a {
	color : #666 ;
	text-decoration : underline ;
}

#footer a:hover {
	color : #000 ;
}

h2 {
	border : 0px solid #959a84 ;
	border-width : 0 0 1px 0 ;
	padding : 10px 0px ;
	
	font-size : 18px ;
}


/* ----------------------------------------- */
/* CALENDAR STYLES FROM OLD OTTER CREEK SITE */
/* ----------------------------------------- */
.theTableCell{
  font-size:10px;
  font-family:verdana, helvetica, arial, sans-serif;
  text-align:center;
  padding-top:5px;
  height:30px;
  width:35px;
  background-color:#fff;
  border-color:#000;
  border-style:solid;
  border-width:1px 0px 0px 1px;
}

.null{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border-width:0px 0px 0px 0px;
  font-size:12px;
  font-family:verdana, helvetica, arial, sans-serif  
}

.tableHeader{
  border-color:#000;
  border-style:solid;
  border-width:0px 0px 0px 0px;
}
.monthHeader{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  font-size:18px;
}

#rightCell{
  border-color:#000;
  border-style:solid;
  border-width:1px 1px 0px 1px;
}
.finishRow{
  border-color:#000;
  border-style:solid;
  border-width:1px 0px 0px 0px;
}

.day{
  padding:0px 0px 0px 5px;
  margin:0px 0px 0px 0px;
  font-size:10px;
}

.event{
  padding:0px;
  margin:0px 0px 0px 0px;
  width:0px;
}
/* ----------------------------------------- */
/* ----------------------------------------- */

.rate_table {
	float:left;
	background-color:#000;
}

.rate_table td { padding : 8px ; }

.lightTD {
	background-color:#7d8972; font-size:12px; color:#000; text-align:center;
}

.darkTD {
	background-color:#5c6b4f; font-size:12px; color:#e8e0d4; text-align:center;
}

.popup_form {
	font-size : 12px ;
}

.popup {
	font-size : 14px ;
}

.popup a {
	color : #5c6b4f ;
	font-weight : bold ;
}

.popup a:hover {
	color : #222 ;
}