html{ 
	margin:0; 
 	padding:0; 
	font-weight: normal;
	color: #333333;
	background : #2c544d;
	line-height : 150%;
	}

	html, body{ 
	margin:0; 
 	padding:0; 
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #333333;
	background : #2c544d;
	line-height : 150%;
	text-align:center;
	}

#pagewidth{ 
 width:90%; 
 height:90%; 
 background-color:#FFFFFF;
 padding:20px;
 margin-right:auto;
 margin-left:auto;
}
 
#header{
 position:relative; 
 float:left;
 height:50px; 
  
 width:100%;
} 

#wrapper{
/*float:left;
 position:relative; */
 width:100%;
 /*border: 1px solid #2c544d;*/
 padding:5px;

}


#left_content{
	float:left; 
 	position:relative; 
 	width:20%;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	/*border-right: 1px solid #000000;*/
	line-height: 175%;	
	margin: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#333333;
 text-align:left;
	}
 
#maincol{
float:left; 
 position:relative; 
 padding-left:10px;
 padding-right:10px;
 text-align:justify;
width:65%;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#333333;
  }




#top_image{
position:relative;
float: left;
    width: 320px;
	padding:2px;
   border: 1px solid #2c544d;
   text-align:center;
  }
  
  #slide_show{
  width:450px;
  height:320px;
  }
  
   #attractions_slide_show{
  width:450px;
  height:250px;
  }
    #activities_slide_show{
  width:450px;
  height:250px;
  }

#thumb_container{
/*position:relative;
	float: left;*/
    width: 320px;
	padding:2px;
  border: 1px solid #2c544d;
  text-align:center;
}

.thumbs {
	float:left;
	position:relative;
	padding:2px; 
	
	/*border: 1px solid #2c544d;*/
	cursor: pointer;
	width: 98px;
	}
	
	.bottom_logo{
	float:left;
	position:relative;
	width:150px;
	height:120px;
	text-align:center;
	
	margin-top:auto;
	margin-bottom:auto;
	
	vertical-align:middle;
	/*border:1px solid #2c544d;*/
	}
	.bottom_logo img{
	display:inline;
	vertical-align:middle;
	}
	
	a:link {
		font-size: 102%;
	    font-weight: bold;
		
		color: #333333;
	}
	a:visited {
	    font-size: 102%;
		font-weight: bold;
		color: #000000;
}
	a:hover {
		font-size: 102%;
		font-weight: bold;
		color: #990000;
}
	a:active {
		font-size: 102%;
		font-weight: bold;
		color: #333333;
}

h1 {
		font-size: 20px;
		font-weight: bold;
		color:#000066;
	   padding: 0px;
   	   padding-bottom: 10px;
	   	   padding-top: 5px;
	   margin: 0px;
	   text-align:center;
	   clear:left;
		}
	
	.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}