/* Main Style Sheet

By: Matt Taylor \_________*/



@import url("css/reset.css");

@import url("css/typography.css");

@import url("css/ie.css");



/* main style */



html {

	height:100%;

}



body {

	

	background: url("images/body-bg.jpg") repeat top center;

}



body a {color: #48623d;}

body a:visited {color: #48623d;}



/* navbar */

#nav { 

	width:100%;

	height:52px;

	background: url("images/nav-bg.png") repeat-x;

	}

	

	#navbar {width:960px; margin:0 auto;}

	

	#nav ul {

		float:right;

		margin-top:10px;

	}

	

	#nav ul li {

		list-style-type:none;

		float:left;

		padding-left:15px;

	}	

	

		#nav ul li a {

			display:block;

			height:23px;

			color:#fff;

			text-decoration:none;

			font-family:Tahoma, Geneva, sans-serif;

			font-size:18px;

			opacity:0.75;filter:alpha(opacity=75)

		}

			

		

		#nav ul li a:active {

			margin-top:1px;

		}

	/* choose box */
	
		#nav #chooseBox {
			float:left;
			color:#fff;
			text-decoration:none;
			height:42px;
			font-family:Tahoma, Geneva, sans-serif;
			font-size:18px;

			opacity:0.75;filter:alpha(opacity=75);
			}
			
			#chooseBox a {
			color:#fff;
			text-decoration:none;
			line-height:38px;
			font-family:Tahoma, Geneva, sans-serif;
			font-size:18px;
			opacity:0.75;filter:alpha(opacity=75);
			}
			
				#chooseBox a:hover {
					text-decoration:underline;}


	/* ----------------------------------- */		

#container {

	margin:0 auto;

	width:960px;

	}



	#logo {

		height:100px;

		width:419px;

		float:left;

		padding-bottom:15px;

	}	

	

	#top-ad {

		width:468px;

		height:60px;

		float: right;

		margin-bottom:15px;

		margin-top:25px;

		-moz-box-shadow:2px 2px 5px rgba(0,0,0,.7);

		-webkit-box-shadow:3px 3px 5px rgba(0,0,0,.7);}
		
/* feautred slider */
#featured{
	width:710px;
	padding-right:250px;
	position:relative;
	height:250px;
	/*background:#6b8560;*/
	/*border:5px solid #48623d;*/
	float:left;
	margin-bottom:15px;
}


#featured ul.ui-tabs-nav{
	position:absolute;
	top:0; left:710px;
	list-style:none;
	padding:0; margin:0;
	width:250px;
	/*background:#6b8560;*/
}
#featured ul.ui-tabs-nav li{
	padding:1px 0; padding-left:13px;
	font-size:12px;
	color:#666;
}
#featured ul.ui-tabs-nav li span{
	font-size:11px; font-family:Verdana;
	line-height:18px;
}


#featured .ui-tabs-panel{
	width:700px; height:240px;
	background:#48623d; position:relative;
        overflow:hidden;
	padding:5px;
	
}
#featured .ui-tabs-panel img{
	width:700px;
	height:240px;}

#featured .ui-tabs-hide{
	display:none;
}


#featured li.ui-tabs-nav-item a{/*On Hover Style*/
	display:block;
	height:60px;
	color:#000;  background:#78a166;
	line-height:20px;
	outline:none;
	text-decoration:none;
}
#featured li.ui-tabs-nav-item a:hover{
	background:#9bc888;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
	background:url('contentSlider/images/selected-item.png') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#48623d;
	color:#fff;
	line-height:28px;
}

#featured ul.ui-tabs-nav li img{
	float:left; margin:2px 5px;
	background:#fff;
	padding:2px;
	border:1px solid #eee;
}


#featured .ui-tabs-panel .info{
	position:absolute;
	top:180px; left:0;
	height:70px; width: 710px;
	background: url('contentSlider/images/transparent-bg.png');
}
#featured .info h2{
	font-size:18px; font-family:Georgia, serif;
	color:#fff; padding:5px; margin:0;
	overflow:hidden;
	text-align:left;
}
#featured .info p{
	margin:0 5px;
	font-family:Verdana; font-size:11px;
	line-height:15px; color:#f0f0f0;
	text-align:left;
}
#featured .info a{
	text-decoration:none;
	color:#fff;
}
#featured .info a:hover{
	text-decoration:underline;
}



/* end featured slider */


	#beauty-shot, #sub-beauty-shot {

		width:960px;

		height:256px;

		background: url("images/beautyshot-bg.jpg") no-repeat;	

		margin-bottom:10px;	

		float:left;

	}

	

	#sub-beauty-shot img {

		margin-top:11px;}

	

	

			#beauty-shot img {

				

				margin:10px 0 0 2px;

			}

	



	#left-col {

		width:656px;

		float:left;

		padding:2px;

		border:solid 2px #9a968b;

		-moz-border-radius:5px 5px;

		-webkit-border-radius:5px 5px;

		background-color:#fff; /* for ie */

		background-color:rgba(255,255,255,.4);

		margin-bottom:15px;

	}

	

		#left-col h1 {

			color:#000; /* for ie */

			color:rgba(0,0,0,.5);

			text-align:left;

			margin-left:15px;

		}

		

		#left-col p {

			font-size:1.3em;

			line-height:1.3em;

			text-align:justify;

			padding:0 10px 5px 10px;

			color:#000; /* for ie */

			color:rgba(0,0,0,.7);

			}
			
			#left-col div#form {
				width:600px;
				margin:0 auto;
				}

				#left-col #form div {
					width:300px;
					float:left;}
					
					#left-col #form form select {
						border:solid 1px #48623d;}
			

			#left-col table {

				padding-top:10px;

				text-align:left;

				margin:0 auto;

				line-height:1.7em;

				

			}

			

			#left-col  tr {

				

			}

			

			#left-col table td {

				padding:4px;

				}

			

			

			

			#left-col table td a{

				text-decoration:none;

				color:#000;

			}

			

			#left-col table td a:hover{color:#48623d;}

			

			#left-col table td a:active{margin-top:1px;}
			
			#left-col table#dealers { margin-bottom:20px; }
			
			#left-col table#dealers td { border:1px solid #9A968B; }
			
			#left-col table#dealers td a { text-decoration:underline; }
			
			#left-col table#dealers td a:hover { text-decoration:none; }

			

	#right-col {

		float:right;

		width:274px;
		margin-right:-4px;

	}

		

		div.module {

			width:274px;

			padding-bottom:15px;

		}

		

			div.module div.mod-title {

				height:44px;

				background:url("images/module_top.png") no-repeat;

			}

				div.module div.mod-title h1 { padding-top:4px;font-size:2.0em; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,.8);}



			div.module div.mod-content {

				background: url("images/module_mid.png") repeat-y;

			}

			

				div.module div.mod-content p {margin:0 7px 0 17px; text-align:justify;}

				

				div.module div.mod-content img {margin:0 0 0 10px;}

			

			div.module div.mod-bottom {

				height:11px;

				background: url("images/module_bot.png") no-repeat;

			}

			

			/*  ---------feedburner feed------------- */

			

			div#AccessCampingBlog8nr4hd0j9pk8fknrta0me3nrsg ul li div {

				margin: 5px 5px 5px 0;}

			

			.feedburnerFeedBlock ul li {

				text-align:left;

				list-style-type:none;

				margin-left:20px;}

				

				p.date {

					float:right;

					margin-right:10px;}

					

				p.fbsubscribelink {

					text-align:center;!important}

			

#footer {

	width:960px;

	margin:0 auto;

	}

	

	#footer p {

		text-align: left;

		color:gray;}

	

	#footer a {

		text-decoration: none;

		color:gray;}

	

	/* misc */

	.picture-left { float:left; margin-right:15px;}

	

	/* Clubs */

	

	#left-col dl{

		margin-left:35px;

		line-height:25px;

		font-size:14px;

		

		padding-right:30px;}

	

	#left-col dt {

		text-align:left;

		font-size:17px;}

		

		#left-col dd {

			text-align:left;

			margin-bottom:15px;}

			

			

/* -----------links-------------------*/



table#link-table td img {

	margin-right:10px;}

	

	table#link-table td a.text {

		margin-top:-5px;}

		

/*----------mobile-------------*/



	#left-col #buttons {

		float:left;

		}



	#left-col #apple .app, #left-col #android .app, #left-col #blackberry .app {

		padding:5px 5px 10px 5px;

		border-bottom: dashed 1px #28643D;

		float:left;		

		}

		

		.app a.app-name {

			font-size:18px;

			padding-bottom:5px;

			text-align:left;

			display:block;

			}



		.app img.app-pic {

			float:left;

			padding:0 10px 10px 0;

			display:block;}

			

		.app-button {

			padding:7px 7px;

			margin:10px;

			color:black;

			float:left;

			}

			

			#apple, #android, #blackberry {

				float:left;}

		

			.app-button:hover {

				cursor:pointer;}

				

			.app-section {

				margin-top:20px;

				display:block;

				text-decoration:underline;

				font-weight:bold;

				float:left;}

				

			p.black-app {

				float:left;}
				
	#featured2 {display:none;}

	
	
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#beauty-shot, #sub-beauty-shot {background:none; float:none;}
		#featured {display:none;}
		#featured2 {clear:both; width:98%; margin:0 auto 20px; border:2px solid #334728;}
		#featured2, .slider-wrapper {display:block; height:auto;}
	}
	
	@media only screen and (min-width: 768px) {
		#navbar select, #navbar option {display:none;}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#logo img, #beauty-shot img, #content img, #sub-beauty-shot img {max-width:100%; height:auto;}
		#logo, #navbar, #container, #beauty-shot, #sub-beauty-shot, #content, #featuredLeftcol, #left-col, #featuredParks ul.cityList li i, #footer {width:768px; height:auto;}
		#logo {float:none;}
		#beauty-shot, #sub-beauty-shot {background:none; float:none;}
		#beauty-shot img, #sub-beauty-shot img {border:2px solid #334728; width:98%;}
		#beauty-shot img, #sub-beauty-shot img {padding:0px; margin-left:0px;}
		#top-ad {max-width:100%; float:none; height:auto; margin:0 auto 15px;}
		/* #featured {display:none;}*/
		#left-col, #right-col {float:none;}
		#left-col {width:764px; padding:0px;}
		#right-col {width:100%;}
		#right-col .module {float:left;}
		#right-col div object, #right-col br, #right-col div em {display:none;}
		#nav ul {margin-right:10px;}
		#nav #chooseBox {margin-left:10px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#logo img, #beauty-shot img, #content img, #sub-beauty-shot img {max-width:100%; height:auto;}
		#featuredParks {margin-left:0px;}
		#featuredLeftcol, #featuredRightcol, #left-col, #right-col, #left-col img {float:none;}
		#beauty-shot, #sub-beauty-shot {background:none;}
		#beauty-shot img, #sub-beauty-shot img {border:2px solid #334728;}
		#beauty-shot img, #sub-beauty-shot img {padding:0px; margin-left:2px;}
		#top-ad, #navbar ul {display:none;}
		#content h1 {margin-bottom:0px;}
		#left-col {padding:0px;}
		#left-col dl {margin-left:10px;}
		#left-col img {display:block;}
		#left-col textarea {width:100%;}
		#left-col #form div {float:none;}
		#right-col div object {display:none;}
		.parkInfo .buttons a {float:left;}
		img#statemap, img#can-map, #featured {display:none;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#logo, #navbar, #top-ad, #container, #beauty-shot, #sub-beauty-shot, #content, #featuredLeftcol, #left-col, #featuredParks ul.cityList li i, #footer {width:420px; height:auto;}
		#featuredParks ul.cityList li ul.city li div.parkInfo, #left-col div#form {width:400px;}	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#logo, #navbar, #top-ad, #container, #beauty-shot, #sub-beauty-shot, #content, #featuredLeftcol, #left-col, #featuredParks ul.cityList li ul.city li div.parkInfo, #right-col, #footer {width:300px; height:auto;}
		#featuredParks ul.cityList li ul.city li div.parkInfo, #left-col div#form {width:280px;}
		#logo {margin:0 auto;}
	}