/* CSS Document */

a:active {
	text-decoration: none;
	color: #000000;
}

a:link {
	color: #009999;
}
a:visited {
	color: #999966;
}
a:hover {
	color: #CC3300;
}

a { outline: none; }   

input.submitbutton {
	background-color: #EFEccc;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;	
}

input.textspaces {
	background-color: #fff;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
}

textarea.back {
	background-color: #FFFFFF;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
}

option.colour {
	background-color: #EFEccc;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
		}
		
form { 
 	border: 0px solid #555; 
	background-color: #EFEFEF;
	padding: 5px; 
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

td.clr {
	background-color: #DAECFA;

}

/* full page container */

#container {
	position: relative;
	width: 800px;
	height: auto;
	margin:8px auto 0;
	
}

/*basic setup*/

body {
	background: #362f2d;
	margin: 0px;
	padding: 0px;
	overflow: -moz-scrollbars-vertical;
}

/*site layout*/

#logo {
	position: relative;
	width: auto;
	height: 288px;
	background: url(../images/header.jpg) no-repeat center top;
}

#titlebar2 {
	position: relative;
	width: auto;
	height: 32px;
	background: url(../images/titlebar1.jpg) no-repeat center top;
	font: 18px "Arial";
	color: #000;
	padding-left: 52px;
	
}

#main {
	position: relative;
	width: auto;
	height: auto;
	padding-left: 52px;
	padding-right: 200px;
	background: #362f2d url(../images/repeater.jpg) repeat-y center top;
}

#main p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

#main h1 {
	font: 18px Arial, Helvetica, sans-serif;
	color: #bbb;
}

#main h2 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #666;
}

#main h3 {
	font: 10px Arial, Helvetica, sans-serif;
	color: #555;
}

#main ul li {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	margin-left: -32px;
}


#main img {
	 margin-left:8px;
	 margin-right: 8px;
		 
}

#footer {
	position: relative;
	width: auto;
	height: 224px;
	background: url(../images/footer.jpg) no-repeat center top;
}

#footer img{
	margin-left:62px;
	margin-top:-24px;
	padding:0;
	border: solid black 1px;
}

#footer p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #ccc;
}

#topimage1 img {
	margin-right: 24px;
}

#titletext {
	position: absolute;
	width: 384px;
	height: 32px;
	top: 232px;
	left: 52px;
}

#titletext h1{
	font: 18px Arial, Helvetica, sans-serif;
	color: #000;
}

#sidebar {
	position: absolute;
	width: 192px;
	height: auto;
	top: 236px;
	left: 612px;
	z-index: 1;
}
#sidebar p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

#sidebar h2 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #666;
}


#sidebar img {
	padding-left: 4px;
}

/* menu */

#menu {
	position: absolute;
	top: 0px;
	width: 768px;
	height: 32px;
	left: 38px;
	z-index: 1;
	float: left;
	
}

.home {
	height: 32px;
	padding-right: 44px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: 0px center;
	z-index: 1;
	float: left;
}

.home:hover {
	height: 32px;
	padding-right: 44px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -719px center;
	float: left;
}

.homeactive {
	height: 32px;
	padding-right: 44px;
	background-image: url(../images/menu1active.jpg);
	background-repeat: no-repeat;
	background-position: -1px center;
	z-index: 1;
	float: left;
}

.campinghire {
	height: 32px;
	padding-right: 96px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -108px center;
	z-index: 1;
	float: left;
}

.campinghire:hover {
	height: 32px;
	padding-right: 96px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -827px center;
	float: left;
}

.campinghireactive {
	height: 32px;
	padding-right: 96px;
	background-image: url(../images/menu1active.jpg);
	background-repeat: no-repeat;
	background-position: -109px center;
	z-index: 1;
	float: left;
}

.about {
	height: 32px;
	padding-right: 50px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -446px center;
	float: left;
}

.about:hover {
	height: 32px;
	padding-right: 50px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -1165px center;
	float: left;
}

.aboutactive {
	height: 32px;
	padding-right: 50px;
	background-image: url(../images/menu1active.jpg);
	background-repeat: no-repeat;
	background-position: -447px center;
	float: left;
}

.campers {
	
	height: 32px;
	padding-right: 74px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -38px center;
	float: left;
}

.campers:hover {
	height: 32px;
	padding-right: 74px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -757px center;
	float: left;
}

.campersactive {
	
	height: 32px;
	padding-right: 74px;
	background-image: url(../images/menu1active.jpg);
	background-repeat: no-repeat;
	background-position: -39px center;
	float: left;
}

.booking {
	height: 32px;
	padding-right: 63px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -200px center;
	float: left;
}

.booking:hover {
	height: 32px;
	padding-right: 63px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -919px center;
	float: left;
}

.bookingactive {
	height: 32px;
	padding-right: 63px;
	background-image: url(../images/menu1active.jpg);
	background-repeat: no-repeat;
	background-position: -201px center;
	float: left;
}

.galls {
	height: 32px;
	padding-right: 52px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -336px center;
	float: left;
}

.galls:hover {
	height: 32px;
	padding-right: 52px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -1055px center;
	float: left;
}

.galleryactive {
	height: 32px;
	padding-right: 52px;
	background-image: url(../images/menu1active.jpg);
	background-repeat: no-repeat;
	background-position: -337px center;
	float: left;
}

.responsible {
	height: 32px;
	padding-right: 146px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -528px center;
	float: left;
}

.responsible:hover {
	height: 32px;
	padding-right: 146px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -1247px center;
	float: left;
}

.responsibleactive {
	height: 32px;
	padding-right: 146px;
	background-image: url(../images/menu1active.jpg);
	background-repeat: no-repeat;
	background-position: -529px center;
	float: left;
}

.activities {
	height: 32px;
	padding-right: 68px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -384px center;
	float: left;
}

.activities:hover {
	height: 32px;
	padding-right: 68px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -1103px center;
	float: left;
}

.activitiesactive {
	height: 32px;
	padding-right: 68px;
	background-image: url(../images/menu1active.jpg);
	background-repeat: no-repeat;
	background-position: -385px center;
	float: left;
}

.faq {
	height: 32px;
	padding-right: 42px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -490px center;
	float: left;
}

.faq:hover {
	height: 32px;
	padding-right: 42px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -1209px center;
	float: left;
}

.faqactive {
	height: 32px;
	padding-right: 42px;
	background-image: url(../images/menu1active.jpg);
	background-repeat: no-repeat;
	background-position: -491px center;
	float: left;
}

.links {
	height: 32px;
	padding-right: 44px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -670px center;
	float: left;
}

.links:hover {
	height: 32px;
	padding-right: 44px;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -1389px center;
	float: left;
}

.linksactive {
	height: 32px;
	padding-right: 44px;
	background-image: url(../images/menu1active.jpg);
	background-repeat: no-repeat;
	background-position: -671px center;
	float: left;
}

/* gallery */

	#dhtmlgoodies_slideshow{
		width:536px;	/* Total width of slideshow */
		margin-left:8px;
	}
	
	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;
		background-color:#DDE3FF;
		position:relative;
		
		/* CSS HACK */
		height: 420px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}
	#previewPane img{
		line-height:128px;
		margin-left:12px;
		
		border:1px solid #000;
			}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		text-align:center;
		background-color:#DDE3FF;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/56px;	/* Other browsers */
		height: /**/56px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		margin-top:8px;
		
		height:64px;
		left:8px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:0px;
		margin-left:2px;
		margin-right:2px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:1px;
		
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}