/* CSS Document */

body { margin: 0; padding: 0; font-size: 100%; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #000000; text-align: center;/* part 1 of 2 centering hack */}

img { border: none; margin: 0; padding: 0;}

a img { border: none;}

h6 {font-size: 120%; margin-bottom: 4px; margin-top: 0px; padding: 0;}

div,form,p,h1,h2,h3,h4,h5,hr,ul,dl,dd,dt,ol,object,param
{ margin: 0; padding: 0;}

/******************************/
/****** HEAD *******/
/****************************/


#head {}


/******************************/
/****** MAIN STRUCTURE *******/
/****************************/


a {
	color: #660000;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	background-color: #330000;
}
a.active { color: #660000; }

#center { width: 760px; text-align: left; margin-left: auto; margin-right: auto; background-image: url(images/backing.gif);}

#menutop { background-image: url(images/header.jpg); background-repeat: no-repeat; width: 760px; height: 24px;}

#maincol { width: 760px; float: right;  display: inline; position: relative; background-color: #FFFFFF;}

#rightcol { float: right; display: inline; position: relative; width: 550px; background-color: #FFFFFF;}

#leftcol { width: 150px; float: left; position: relative; background-color: #FFFFFF;}

#contentcol {
	background-color: #999280;
	width: 728px;
	clear: both;

	padding: 0px 3px 0px 19px;
 }
 
#contentcol a {
	color: #000000;
	text-decoration: none;
}
#contentcol a:hover {
	color: #FFFFFF;
	background-color: #330000;
}

caption {font-size: 125%
	}

#maincontent {
	background-color: #FFFFFF;
	font-size: 70%;
	width: 760px;

	overflow: hidden;
	margin-right: 0px;
	margin-left: 0px;
}


	
#maincontent-col1b {
	float: left;
	color: #ffffff;
	width: 373px;
	height: 100%;
	background-color: #999280;
	margin-right: 0px;
	margin-left: 0px;
	border-left: solid #FFFFFF 6px;
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}
#maincontent-col2b {
	float: left;
	width: 374px;
	height: 100%;
	background-color:#C5BEAC;
    border-right: solid #FFFFFF 7px;
	margin-right: 0px;
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}
 
#maincontent a {
	color: #660000;
	text-decoration: none;
}
#maincontent a:hover {
	color: #FFFFFF;
	background-color: #000000;
}


#bottom_image {border-top: solid #C5BEAC 8px; border-left: solid #C5BEAC 2px; background-colour: #C5BEAC;}
   

/* CONTENT STYLES */
.bold {font-weight: bold;
	}


/**** FOOTER CONTENT STYLES ****/
#footer {
	background-color: #FFFFFF;
	font-size: 70%;
	width: 747px;
	height: 100%;
	padding: 0px 0px 1px 0px;
	margin-left: 0px;
	margin-right: 0px;
	clear: both;
	border-left: solid #FFFFFF 6px;
	border-right: solid #FFFFFF 7px;
	overflow: hidden;
	border-bottom: solid #FFFFFF 6px;
}


	
#footer-col1 {
	float: left;
	color: #ffffff;
	width: 373px;
	height: 100%;
	margin-right: 0px;
	margin-left: 0px;
	border-left: solid #FFFFFF 0px;
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

#footer-col1text {
	background-color: #000000;
	color: #FFFFFF;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: solid #FFFFFF 1px;
	



}

#footer-col2 {
	float: left;
	width: 373px;
	height: 100%;
	margin-right: 0px;
	padding-bottom: 1000px;
	margin-bottom: -1000px;
			

}

#footer-col2text {
background-color: #000000;
	color: #FFFFFF;
	width: 273px;
    padding-left: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: solid #FFFFFF 1px;
		border-left: solid #FFFFFF 1px;


}
 
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	background-color: #000000;
}



.content { padding: 15px; padding-right: 55px;}
.content p { color: #ffffff; padding-bottom: 15px;}
.content a, .content a:visited { color: #bf0000;}
.content a:hover { color: #bf0000;}
/**** FOOTER CONTENT STYLES  - END ****/





/*****************************/
/****** TOP NAVIGATION *******/
/*****************************/
/* menu
-------------------------- */
#mainmenu {
	
	font-family: Arial, Helvetica, sans-serif;
	width: 747px;
	font-weight: bold;
	font-size: 82%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	background-color: #956B0D;
	color: #FFFFFF;
	border-left: solid #FFFFFF 6px;
	border-right: solid #FFFFFF 7px;
	border-bottom: solid #FFFFFF 7px;

	}

#mainmenu ul {
	margin: 0;
	padding: 0;
	}

#mainmenu li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	}

#mainmenu li a {
	padding: 5px 8px 5px 8px;
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 0;
	border: 0;
	color: #FFFFFF;
	text-decoration: none;
	}

#mainmenu li a:hover {
	color: #FFFFFFF;
	background: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;


	}

#mainmenu li.here a:hover {
	background: #000000;
	color: #6B6565;
	}

#mainmenu li.here a {
	background: #000000;
	color: #fff;
	} 
	
/* #mainmenu li :link:active, :visited:active {
	background: #6B6565;
	text-decoration: none;
	} */
	
/* menu
-------------------------- */
/***********************************/
/****** TOP NAVIGATION - END *******/
/***********************************/

/**************************/
/****** FORM STYLES *******/
/**************************/
#frmcontact p { }
#frmcontact #submit { }
#frmcontact #emailaddress { }
#frmcontact #password { }
/********************************/
/****** FORM STYLES - END *******/
/********************************/

/*********************************/
/****** ADDITIONAL STYLES *******/
/*******************************/
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block;}

.clearfix { display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

div.clearer { clear: both;}

.skip { display: none;}
.camping {
	width: 300px;
	height: 90px;
}
.camping_sign {
	width: 50px;
	height: 50px;
	float: left;
}
.camping_text {
	width: 235px;
	padding-left: 5px;
	float: right;
}
