body {margin: 0; padding: 0; top: 0; font-family: "trebuchet ms", arial; background: url(i/background.jpg) top repeat-x #D4B6A4; font-size: 12px; }

.surround {width: 800px; margin-left: auto; margin-right: auto; background: url(i/surroundback.jpg) top repeat-x #DDC5B7; }

.top {height: 167px; width: 800px; background: url(i/hot-springs.jpg) no-repeat; }

.menu {}
	.menu ul {list-style: none; margin: 0; padding: 0; width: 230px; }
	.menu ul li {background: url(i/aBack.jpg) right ; display: block; margin: 0 0 5px 0;}
	.menu ul a {
		font-size: 18px; 
		font-family: "trebuchet ms", arial; 
		font-weight: normal; 
		letter-spacing: 1px; 
		color: #59200F; 
		background: #FBF8F6; 
		padding: 6px 5px 9px 5px; 
		text-decoration: none; 
		display: block; 
		border: solid 1px #A5D2EB;
		}				
		
		.menu ul a.active {
			background: #5F98BE; 
			border: solid 1px #5F98BE;
			color: #fff; 
			}
			
		.menu ul a:hover {
			background: #A5D2EB; 
			border: solid 1px #A5D2EB;
			color: #fff; 
			}		


		
.container {width: 800px; background: url(i/contentback.png) repeat-y ; }		
		
.content {padding: 10px 20px 20px 20px; width: 760px; }

.bottomround {background: url(i/bottomround.png) no-repeat; height: 18px; }
	
	
.leftCol {width: 231px; margin-right: 10px; float: left; }
.rightCol {width: 491px; float: left; padding: 0 0 0 10px;}
.paw {width: 360px; height: 350px; background: url(i/paw.jpg) bottom right no-repeat; }
	
.copy {padding: 10px 10px 0 10px; }	
	
.footer {background: url(i/footer.png) top repeat-x; width: 790px; color: #fff; font-size: 12px; margin: 0 auto 0 auto; padding: 20px 5px 10px 5px; }
.footer a {color: #fff; text-decoration: none;}
.footer a:hover {text-decoration: underline; }

table {margin: 0 0 10px 20px; border-collapse: collapse; }
	td {border: solid 1px; width: 270px; padding: 3px; }
	td.label {width: 150px; }



.bigPicture {position: absolute; top: 100px; left: 100px; padding: 3px; background: #fff; border: solid 3px #6D5A5E; display: none; cursor: pointer; }
	.bigPicture span {position: absolute; top: 0px; left: 0px; cursor: pointer; background: url(i/x.gif) no-repeat; height: 25px; width: 50px; }

ul {list-style: none; margin: 0 0 10px 25px; padding: 0; }
	ul.list {list-style-image: url(i/paw.jpg); }
	ul.list li {font-weight: normal; }

ul.tour {list-style: none; margin: 0 0 0 30px; padding: 0; }
	ul.tour li {float: left; margin: 0 5px 5px 0; padding: 0; border: solid 1px #38474A; cursor: pointer; }
	ul.tour li img {margin: 0; padding: 0; height: 70px; width: 80px; border: none; display: block; }
	
#slideshow {
    position:relative;
    height:400px;
    left: 170px;  
    width: 504px; 
    
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 400px;
    background-color: #f7f7f7;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 350px;
    width: 500px; 
    display: block;
    border: 0;
    margin-bottom: 10px;
    border: solid 2px #69565A;
}
	

h1 {font-size: 22px; color: #A16039; height: 33px; font-family: "trebuchet ms", arial; font-weight: bold; letter-spacing: 1px; padding: 0px 0 5px 0; margin: 0 0 3px 0; }
	h1 span {position: absolute; top:-9999px; left: -9999px; }
h2 {color: #5F98BE; font-size: 16px; font-style: normal; margin: 0; margin-bottom: 5px; padding: 0;  }	
h3 {font-size: 14px; font-style: normal; margin: 0 0 3px 0px; padding: 0; }

p {margin: 0 0 10px 5px; }

i {font-style: normal; }
.italic {font-style: italic; }

.note {font-size: 11px; color: #666; padding: 3px 0 0 3px; height: 7px; }

hr {background: #fff; border: none; border-bottom: solid 1px #D0E9F5; margin: 0 0 10px 0; height: 1px; }

a {color: #3169B4; }
	a:hover {text-decoration: none; }

label,input {display: block; margin: 0px 5px 5px 0; padding: 0; }	
label {width: 170px; float: left; text-align: right; }
input {margin: 0 0 3px 0; padding: 0; }
	input.wide {width: 300px; }
	input.med {width: 200px; }
	input.small {width: 100px; }

select {float: left; margin-right: 3px; margin-bottom: 3px; }
		
.offsides {position: absolute; top: -1000px; left: -1000px; }

.italic {font-style: italic; }

.mdMargR {margin-right: 10px; }
.mdMargL {margin-left: 10px; }

.lgMargL {margin-left: 20px; }
.xlgMargL {margin-left: 170px; }

.mdMargB {margin-bottom: 10px; }
.lgMargB {margin-bottom: 20px; }

.left {float: left; }
.right {float: right; }

.clear {clear: both; }

img {border: none; }

.bord {border: solid 1px #000; }


