body {padding:0; margin:0; color:#000000; font-family:Tahoma; background-color: #766E54; }
br{font-size:10px}
.s{font-family:Tahoma; font-size:11px;  color:#898989; text-decoration:none}
.green{font-family:Tahoma; font-size:11px;  color:#809400; text-decoration:none}
.maroon{font-family:Tahoma; font-size:11px;  color:#840E0E; text-decoration:none}
  .red{font-family:Tahoma; font-size:11px;  color:#2C7F06;}
  .o{font-family:Tahoma; font-size:11px;  color:#FFCC00;}
.blue{font-family:Tahoma; font-size:11px;  color:#006699}
  .w{font-family:Tahoma; font-size:11px;  color:#FFFFFF; }
.b{font-family:Tahoma; font-size:11px;  color:#636363; }
.b1{font-family:Tahoma; font-size:11px;  color:#636363;  text-decoration:none}
.b2{font-family:Tahoma; font-size:10px;  color:#636363;  text-decoration:none}

 .t1{background:url(images/1_z1.gif)  center left no-repeat; margin:0px 0px 0px 24px; padding:0px 0px 0px 14px }
 .t2{background:url(images/1_z2.gif)  center left no-repeat; margin:0px 0px 0px 22px; padding:0px 0px 0px 10px }
 .t3{background:url(images/1_z1.gif)  center left no-repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 14px }
 .t4{background:url(images/1_z2.gif)  center left no-repeat; margin:0px 0px 0px 26px; padding:0px 0px 0px 10px }
 

  #input{
  		width:160px; height:21px;
		
		}
		 
#input1{
  		scrollbar-3dlight-color:#E3E2E2;
    scrollbar-track-color:#FFFFFF;
    scrollbar-shadow-color:#E3E2E2 ;
    scrollbar-face-color:#ECB637; 
	scrollbar-arrow-color:#E3E2E2;
	scrollbar-darkShadow-color:#E3E2E2;
		
		}
		
	  #textarea{
  		width:102px; height:48px;
		border-width:1px;
		border-style:solid;
		border:none;
		background-color:#F0EAE3;
		overflow:auto
		}

#cat1 a {
   display:block;
   width:136px;
   background: url("images/welcome.jpg") 0 0 no-repeat;
   }
#cat1 a:hover {
   background-position: 0 -40px;
   }
#cat2 a {
   display:block;
   width:136px;
   background: url("images/accomodations.jpg") 0 0 no-repeat;
   }
#cat2 a:hover {
   background-position: 0 -40px;
   }
#cat3 a {
   display:block;
   width:136px;
   background: url("images/RatesReservations.jpg") 0 0 no-repeat;
   }
#cat3 a:hover {
   background-position: 0 -40px;
   }
#cat4 a {
   display:block;
   width:136px;
   background: url("images/gallery.jpg") 0 0 no-repeat;
   }
#cat4 a:hover {
   background-position: 0 -40px;
   }
#cat5 a {
   display:block;
   width:136px;
   background: url("images/attractions.jpg") 0 0 no-repeat;
   }
#cat5 a:hover {
   background-position: 0 -40px;
   }

#content { position: relative; }

#content a { color: #840E0E; }

#categories { position: absolute; border: 1px solid #333333; top: -15px; right: -178px; background-color: #F3EFD0; padding-bottom: 1em; }
	
#categories a {color: #840E0E;}	

#attraction-list
	{
	background-color: #F3EFD0;
	padding: 0 2px 2px 2px;
	margin: 0 12px 15px 8px;
	}

#attraction-list h3
	{
	background-color: #F3EFD0;
	font-size: 90%;
	font-weight: bold;
	color: #000000;
	padding: 0.125em 0.25em;
	margin: 0;
	text-align: left;
	}	

#attraction-categories
	{
	padding: 0.125em 0.25em;
	background-color: #EEEEEE;
	text-align: left;
	font-size: 65%;
	color: #666666;
	font-weight: normal;
	font-style: oblique;
	}

#attraction-tagline
	{
	font-size: 70%;
	font-weight: normal;
	}
	
#attraction-detail
	{
	background-color: #FFFFFF;
	padding: 10px;
	margin: 0;
	}

#attraction-desc
	{
	position: relative;
	padding: 0 0.25em 0.25em 0.25em;
	text-align: left;
	font-size: 80%;
	font-weight: normal;
	}

#attraction-location
	{
	padding: 0.25em;
	text-align: right;
	font-size: 80%;
	font-weight: normal;
	}

#tblheader
	{
	font-size: 60%; 
	color: #840E0E;
	}
	
#tblinfo
	{
	font-size: 60%;
	color: #636363;
	}
	
#footer
	{
	position: relative;
	width: 100%;
	background-color: #840E0E;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: .25em;
	height: 20px;
	}

#footerphone
	{
	float: left;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 90%;
	padding: .25em;
	}
	
#footeremail
	{
	float: right;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 90%;
	padding: .25em;
	}