/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #562306;
color: #345A31;
font-family: Arial, Helvetica, sans-serif;
}

#wrap{
	margin: auto;
	width: 940px;
}

	#head{
		height: 53px;
		position: relative;
		padding: 112px 0 0 286px;
		background: #fff url(img/head.jpg) top right no-repeat;	
	}
	
		#logo{
			position: absolute;
			top: 0;
			left: 0;
			height: 165px;
			width: 286px;
			background: url(img/logo.gif) top left;
		}
		
		#nav{
			height: 53px;
			z-index: 2000;
			padding-right: 3px;
			background: url(img/nav-border.gif) top right no-repeat;
		}
		
			#the-nav{
				z-index: 1000;
				margin-left: -2px;
				height: 30px;
				background: url(img/nav-bg.gif) top left;
			}
			
			#the-nav li{
				z-index: 1000;
				float: left;
				height: 30px;
				padding-left: 2px;
				position: relative;
				background: url(img/nav-break.gif) top left no-repeat;
			}
			
			#the-nav li a{
				z-index: 1000;
				float: left;
				padding: 7px 5px 0 5px;
				font-size: 1.0em;
				font-weight: bold;
				color: #426835;
				height: 23px;	
				text-decoration: none;	
			}
			
			
			
			#nav li a:hover, #nav li:hover>a{
				z-index: 1000;
				background: #BABA7D;
			}
			
			#the-nav li ul{
				z-index: 1000;
				position: absolute;
				display: none;	
				top: 30px;
				left: 1px;
				width: 175px;
				background: #BABA7D;
				text-align: left;
				border: 1px solid #727209;
				border-top: 0;
			}
			
			#the-nav li:hover ul{
				z-index: 1000;
				display: block;
			}
			
			#the-nav li li{
				z-index: 1000;
				float: none;
				padding: 0;
				background: none;
				width: 175px;	
				border-bottom: 1px solid #fff;
			}
			
			#the-nav li li a{
				z-index: 1000;
				float: none;
				display: block;
			}
			
			#the-nav ul li a:hover, #the-nav li:hover ul li a:hover{
				z-index: 1000;
				background: #C7C795;
			}
	
	
	#page{
		border-right: 2px solid #496C42;
		border-left: 2px solid #496C42;
		background: #E5DECB url(img/pbg.gif) top left repeat-x;
		background-position: 0 -15px;
		overflow: hidden;
		padding-bottom: 20px;
	}
	
		#content{
			float: right;
			width: 710px;	
			padding-right: 11px;
			text-align: left;
		}
		
			#content h1{
				font-weight: bold;
				height: 28px;
				font-size: 1.6em;
				text-align: center;
			}

			#flash{
				z-index: 300;
				text-align: center;
				height: 378px;
				background: url(img/flash.jpg) top center no-repeat;
			}			
				#if_fade {
					z-index: 400;
					padding-top: 21px;
					padding-left: 10px;
				}
				/*
			#flash{
				z-index: 300;
				padding-top: 22px;
				text-align: center;
				height: 354px;
				background: url(img/flash.jpg) top center no-repeat;
			}			
				/*
				
				#flash img{
					display: block;
					margin: auto;
				}
			
				*/							
			.entry-top{
				height: 11px;
				width: 684px;
				margin: 0 auto 0 auto;
				background: url(img/content-top.gif) top left;
			}
			
			.entry-bottom{
				height: 11px;
				width: 684px;
				margin: 0 auto 0 auto;
				background: url(img/content-bottom.gif) bottom left no-repeat;
			}
			
			.entry{
				width: 644px;
				padding: 0 20px 25px 20px;
				font-size: 1.2em;
				color: #111;
				margin: 0 auto 0 auto;
				background: url(img/content-bg.gif) top left;
			}
			
				.entry h2{
					text-align: center;
					color: #781122;
					font-size: .9em;
					font-weight: bold;
				}
				
				.entry p.page-links{
					font-size: 1.4em;
					padding-bottom: 0;
					text-align: center;
				}
				
				.entry a{
					color: #781122;
					text-decoration: underline;
				}
				
				.entry a:hover, .entry a:active, .entry a.active{
					color: #000;
				}
				
				.entry h3{
					font-size: 1.4em;
					color: #FB9F32;
					text-transform: uppercase;
					font-style: italic;
					text-align: center;
					padding-bottom: 11px;
				}
				
				.entry p{
					line-height: 1.5em;
					padding-bottom: 1em;
				}
		
		
		#sidebar{
			float: left;
			padding-left: 12px;	
			width: 195px;
			padding-top: 18px;
		}
		
			#sidebar h3{
				padding: 15px 0 0 0;
				height: 20px;
				font-size: 14px;
				font-weight: bold;
				color: #8F412A;
				background: url(img/h3bg.gif) top left;
			}
		
			.widget{
				padding: 0 21px 18px 21px;
				background: url(img/widget-bottom.gif) bottom left no-repeat;
			}
			
				.widget p{
					overflow: hidden;
					line-height: 1.5em;
					padding-bottom: 5px;	
				}
				
				.widget label{
					display: block;
					font-family: Arial, Terminal, serif;
					text-align: left;	
					color: #000;
				}
				
				.widget .text{
					float: left;
					width: 114px;
					padding: 2px 4px 2px 4px;
				}
				
				.widget p a img{
					float: right;
					margin-right: px;
				}
				
				.widget .submit{
					float: left;
					font-size: 1.0em;
				}
				
				.widget .input{
					float: left;
					font-size: 1.2em;
					color: #781351;
					background: #EBE6D2;
					border: 1px solid #50240C
				}				
				
				.widget p a{
					color: #000;
					text-decoration: underline;
				}
			
				.cabins{
					overflow: hidden;
				}
				
				.cabins li{
					margin-bottom: 1em;
					border: 1px solid #111110;
				}
				
					.cabins h4{
						text-align: center;
						color: #fff;
						font-size: 1.2em;
						font-weight: bold;
						background: #4D753C;
						padding: 2px 3px 2px 3px;
					}
					
					.cabins h4 a{
						float: right;
						height: 15px;
						width: 15px;
						text-indent: -9999px;
						background: url(img/tick.gif) top left no-repeat;
					}
					
					.cabins img{
						display: block;
						color: #820000;
					}
					
					.cabins a.cabin-name{
						display: block;
						padding: 2px 0 2px 0;
						background: #FFFFDF;
						color: #820000;
						text-decoration: underline;
						font-weight: bold;
					}
	#footer{
		padding: 30px 15px 0 15px;
		height: 81px;
		color: #fff;
		text-align: left;
		background: url(img/foot.gif) top left no-repeat;
	}
	
		#footer a{
			color: #fff;
		}
		
		#footer .float-right{
			font-size: 1.2em;
		}
		
		.copy{
	clear: both;
	padding-top: 4px;
		}

#nav ul#the-nav li:hover ul, #nav ul#the-nav li.sfhover ul{
                display: block;

            }

/* Form Cleanup */
.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}

.cimg {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.shadowtable{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:8px;
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color:#EBE6D2
}

/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #777;
	z-index: 100; /*must have*/
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
.ui-datepicker-disabled {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.ui-datepicker-control {
	background: #562306;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #000;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
}
.ui-datepicker-links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #777;
}
.ui-datepicker-days-row {
	background: #eee;
	color: #666;
}
.ui-datepicker-week-col {
	background: #777;
	color: #fff;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #ddd;
}
.ui-datepicker-days-cell a{
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #ddd;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #777;
}
.ui-datepicker-days-cell-over {
	background: #fff;
	border: 1px solid #777;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-today {
	background: #fcc !important;
}
.ui-datepicker-current-day {
	background: #999 !important;
}
.ui-datepicker-status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.ui-datepicker-title-row a {
	color: #eee !important;
}
.ui-datepicker-control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #777;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.scroll {
	height: 300px;
	width: 150px;
	overflow: scroll;
}
#s1 {
	position:relative;
	margin: auto;
	width:664px;
	height: 331px;
	border: 1px solid #50240C;
}
#ss{ position:relative; top:38px;}