body {
	margin: 0;
    padding: 0;
    height: 100%;
	font-family: Tahoma;
	color: #000;
	text-align: left;
	font-size: 12px;
	background-image: url(http://www.recreama.com/2010/bgg.jpg);
}

#hangingbody {
    position: relative;
    width: 100%;
    min-width: 970px;
    overflow: hidden;
}

  #hanging {
            position: absolute;
            top: 124px;
			left:958px;
			
           
        }

#container {
  margin: auto;
  position: relative;
  width: 970px;
  background-color:#FFF;
  
}

#headerleft {

color: #000;
background-color:#FFF;
text-align: left;
width: 458px;
height: 91px;
margin: 0px;
float: left;
padding-top:0px;
padding-left:35px;
}

#headerlinks {
background-color:#fff;
text-align: right;
width: 430px;
height: 75px;
margin: 0px;
float: left;
padding-top: 10px;
padding-right: 20px;
}


#headerlinks a,  #headerlinks a:link, #headerlinks a:active, #headerlinks a:visited {

	font-family:  Trebuchet MS;
	text-align: left;
	font-size: 12px;
	color: #333;
	line-height: normal;
}

#headerlinks a:hover {
	margin: 0 0 4px 0;
	font-family:  Trebuchet MS;
	text-align: left;
	font-size: 12px;
	color: #f8b019;
	line-height: normal;
}

fieldset.search {
	border:none;
	width: 475px;
	margin: 0 auto;
	padding-top: 20px;
}

.search input, .search button {

	float: left;
	border:1px #333 solid;
}
.search input.box {
	color: #999;
	line-height: 10px;
	width: 275px;
	height: 15px;
	padding: 8px 22px 0px;
	font: 14px Tahoma, Arial;
	text-align:right;

	
}
.search input.box:focus {

	outline: none;
}
.search button.btn {
	width: 100px;
	height: 25px;
	cursor: pointer;
	font: 15px Tahoma, Arial;
	background-color:#333;
	color:#FFF;
}

#jsddm
{	margin: 0;
	padding: 0px}
	
	#jsddm li
	{	float: left;
			list-style: none;

		}

	#jsddm li a
	{	display: block;
		font: 19px Tahoma, Arial;
		text-align:center;
		background: #3c3c3c;
		filter:alpha(opacity=85);
 	    opacity:0.9;
  		padding: 5px 20px;
		text-decoration: none;
		width: 117px;
		color: #FFF;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #333;
	padding: 5px 20px;
	width: 117px;
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: 97px;
			font: 12px Tahoma, Arial;
			border-bottom:dashed;
			border-bottom-width:thin;
		
			background: #000}
		
		#jsddm li ul li a:hover
		{	background: #333}


#topmenu {
background-color:#3c3c3c;
width: 970px;
height: 33px;
}
#line {
background-color:#f8b019;
width: 970px;
height: 6px;
}
#main {
background-color:#FFF;
width: 970px;
}
#main_left {
background-color:#fff;
width: 240px;
float: left;
padding:35px;
}

#main_left_news {
background-color:#fff;
width: 235px;
float: left;
height: 400px;
padding:25px;
padding-left:15px;
}

#main_left_camp {
background-color:#FFF;
width: 235px;
float: left;
padding-top: 35px;
padding-left: 5px;
padding-right:10px;

}

.main_left_camp_sub {
width: 235px;
float: left;
margin-bottom:1px;

}

#main_right {
background-color:#FFF;
width: 630px;
height: 100%;
float: left;
/*border-left:dotted; border-width:1px;*/
padding-left:15px;
padding-right: 25px;
}


#main_left_sub {
font-family: Tahoma;
background-color:#FFF;
width: 235px;
float: left;
color: #333;
background-repeat:no-repeat;

}

#footer {
background-image:url(http://www.recreama.com/con/footer.jpg);
background-color:#123;
width: 970px;
height: 250px;
}

#fl {

text-align: left;
width: 240px;
height: 150px;
float: left;
padding-left:35px;
padding-top:5px;
text-shadow:#000;
color:#FFF;
letter-spacing:1px;
line-height: 20px;
}


#fl a,  fl a:link, fl a:active, fl a:visited { font-family:  Trebuchet MS; text-align: left; font-size: 12px; color: #fff; line-height: normal;text-decoration:none;line-height: 20px;letter-spacing:1px;}
#fl a:hover { margin: 0 0 4px 0; font-family:  Trebuchet MS; text-align: left; font-size: 12px; color: #333; line-height: normal;text-decoration:none;line-height: 20px;letter-spacing:1px;}

#fl2 {

text-align: left;
width: 240px;
height: 150px;
padding-left:15px;
padding-top:5px;
color:#FFF;
letter-spacing:1px;
line-height: 20px;
float: left;
}

#fl2 a,  fl2 a:link, fl2 a:active, fl2 a:visited { font-family:  Trebuchet MS; text-align: left; font-size: 12px; color: #fff; line-height: normal; text-decoration:none;line-height: 20px;letter-spacing:1px;}
#fl2 a:hover { margin: 0 0 4px 0; font-family:  Trebuchet MS; text-align: left; font-size: 12px; color: #333; line-height: normal;text-decoration:none;line-height: 20px;letter-spacing:1px;}

#fl3 {

text-align: left;
width: 240px;
height: 150px;
padding-left:15px;
padding-top:5px;
color:#FFF;
letter-spacing:1px;
line-height: 20px;
float: left;
}

#fl3 a,  fl3 a:link, fl3 a:active, fl3 a:visited { font-family:  Trebuchet MS; text-align: left; font-size: 12px; color: #fff; line-height: normal; text-decoration:none;line-height: 20px;letter-spacing:1px;}
#fl3 a:hover { margin: 0 0 4px 0; font-family:  Trebuchet MS; text-align: left; font-size: 12px; color: #333; line-height: normal;text-decoration:none;line-height: 20px;letter-spacing:1px;}


#fl4 {

text-align: left;
width: 150px;
height: 150px;
padding-left:15px;
padding-top:5px;
color:#FFF;
letter-spacing:1px;
line-height: 20px;
float: left;
}

h2 {
	background-image: url(http://www.recreama.com/con/blocks.jpg);
	background-position:-7px;
	background-repeat:no-repeat;
	font-family: Trebuchet MS;
	font-weight:normal;
	text-align: left;
	font-size: 20px;
	color: #000;
	margin-bottom:16px;
	padding-left:15px;

}
	
h5 {

	font-family: Trebuchet MS;
	font-weight:normal;
	text-align: left;
	font-size: 17px;
	color: #FFF;
	margin-bottom:1px;

}

h6 { font-family: arial; height:25px; font-weight:normal; text-align: right; font-size: 10px; color: #333; background-color:#fff; margin: 0px; padding-top: 10px; padding-right: 35px;}
h6 a,  h6 a:link, h6 a:active, h6 a:visited { font-family:  arial; text-align: left; font-size: 10px; color: #333; text-decoration:underline;}
h6 a:hover { margin: 0 0 4px 0; font-family:  arial; text-align: left; font-size: 10px; color: #f8b019; text-decoration:underline;}


body a,  body a:link, body a:active, body a:visited {

	font-family:  Trebuchet MS;
	text-align: left;
	color: #333;
}


body a:hover {
	font-family:  Trebuchet MS;
	text-align: left;
	color: #f8b019;
}


h3 a,  h3 a:link, h3 a:active, h3 a:visited { text-decoration: none;}
h3 a:hover { text-decoration: none;}


.camper_blocks {

text-align: left;
width: 500px;
height: 140px;
margin-left:45px;
margin-bottom: 20px;
padding:5px;
float: left;
border: 1px solid black; 

}

div.camper_blocks:hover { 
background-color: #F9F9F9; 
}
.camper_text_short {
text-align: left;
width: 280px;

}
.camper_text_link {
	text-align: right;
	width: 280px;
	font-size:14px;
	color:#000;

}
.camper_text_image {
	float:right; margin: 0 0 0px 0px; }

.camper_text_logo {
	float:left; margin: 0 0 10px 0px; width:270px;}
	
#gmap {
    height:360px;
    width:480px;
}
#gdirections {
    width:480px;
}

#route {

text-align: left;
width: 500px;
float: left;
 
}
#main_occasions {
background-color:#FFF;
width: 920px;
height: 100%;
float: left;
padding-left:25px;
padding-right: 25px;
}
