/***********Camppinginfo.net CSS file*/

body{
	background:#1e1e1e url(../gfx/bgFade.jpg) left top repeat-x;

	
}

td{ line-height:22px; }

.left{float:left;}

.right{float:right;}

a{text-decoration:none; color:#FFFFFF;}

a:hover{text-decoration:underline;}

.clear{clear:both;}

#container{
	width:953px;
	height:auto;
	margin:0px auto;
	padding:0px;
}

#header{
	width:953px;
	height:115px;
	margin:0px;
	padding:0px;
	overflow:hidden;

}

#logo{
	width:311px;
	height:115px;
	background:url(../gfx/logo.gif) no-repeat;
	margin:0px;
	padding:0px;
	float:left;
	overflow:hidden;
}

#headerOptions{
	width:153px;
	height:14px;
	font-size:11px;
	margin:0px 0px 24px 0px;
	padding:20px 0px 0px 0px;
	float:right;
	overflow:hidden;
	text-align:right;
}

#search{
	width:269px;
	height:22px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	overflow:hidden;
}

#banner{
	width:953px;
	height:270px;
	background:url(../gfx/banner.jpg) no-repeat top left;
	margin:0px 0px 0px 0px;
	padding:0px;
	overflow:hidden;
}

#nav{
	width:936px;
	height:41px;
	background:url(../gfx/nav_bg.gif) repeat-x;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 17px;
	position:relative;
}

#nav .navigation ul{
	width:auto;
	height:41px;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-size:15px;
}

#nav .navigation li {
	float:left;
	overflow:hidden;
	display:block;
}

#nav .navigation li a{
	width:auto;
	height:19px;
	margin:0px;
	padding:11px 17px;
	display:block;
	font-size:15px;
	float:left;
	overflow:hidden;
}

#nav .navigation li a:hover{
	width:auto;
	height:19px;
	margin:0px;
	padding:11px 17px;	
	background:url(../gfx/nav_bg_hover.gif) repeat-x;
	overflow:hidden;
	text-decoration:none;
	display:block;
}

/* ###### Drop down Navigation ####### */
	
li:hover a.menu_hover {background:url(../gfx/nav_bg_hover.gif) repeat-x;}
	
a.no_hover {
	color: #5e5e61;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none; 
	display: block;
	padding: 8px 16px 10px 0px;
	line-height: 1.4em;
}

a:hover.no_hover {
	background: #5e5e61; 
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}

#nav ul li.live {
	float: right;
	margin: 0;
}
		
#nav li span a { 
	color: #5e5e61;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none; 
	display: block;
	line-height: 1.4em;
	padding: 8px 16px 10px 0px;
	display: block; 
}

#nav ul li span a:hover { 
	background: #5e5e61; 
	color: #FFFFFF;
	display: block;
}
	
#nav ul li ul a { 
background:none!important;
	text-decoration: none; 
	color: #FFFFFF; 
	line-height: 1.4em;
	font-weight:normal;
	padding:8px 0px 0px 0px;
	height:auto!important
	display: block; 
}

#nav ul li ul { 
	visibility: hidden; 
	position: absolute; 
}

#nav ul li iframe { 
	visibility: hidden; 
	position: absolute;
}

#nav ul li ul li:hover a:hover {
	color: #FFFFFF; 
	text-decoration: underline;
}

#nav ul li:hover ul, #nav ul li a:hover ul {
	visibility: visible; 
	padding: 0 5px; 
	background: transparent url(../gfx/nav_hover_bg.gif) top left repeat-x;
	display: block; 
}

#nav ul li:hover iframe, #nav ul li a:hover iframe { 
	border: none; 
	visibility: visible; 
}	

.nav_col { 
	float: left; 
	display: block; 
	background: transparent url(../gfx/navDropDivide.gif) top right no-repeat;
	padding: 0px 0px 20px 0px;
	width: 200px;
	height: auto;  
	border-right:1px solid #70b530;
}

.nav_col.no_divide { 
border:none;
}

.nav_col a { 
	display: block!important; 
	width:auto!important;
	clear:both;
}

.nav_col li a:hover {
	text-decoration: underline !important; 
	background:url(../gfx/nav_bg_hover.gif) repeat-x!important;
}

.nav_sub_heading { 
	color: #FFFFFF !important; 
	padding: 25px 0px 5px 0px; 
	font-weight: bold;
	text-decoration: none !important;
}

.nav_sub_heading a { 
	color: #FFFFFF !important; 
	display: block; 
	font-weight: bold!important;
}

/*CATEGORY ROLLOVER*/
#nav #category, ul li iframe#services_iframe { 
	position:absolute;
	width: 804px; 
	height: auto; 
	z-index: 100; 
	top: 41px;
	left:0px;
}
	

#nav #category ul li a:hover{
	background:none;
	text-decoration:none;
	display: block;
	background:url(../gfx/nav_bg_hover.gif) repeat-x;
}

/*EQUIPMENT ROLLOVER*/
#nav #equipment, ul li iframe#services_iframe { 
	position:absolute;
	width: 250px; 
	height: auto; 
	z-index: 100; 
	top: 41px;
	left:195px;
}

#nav #equipment ul li a:hover{
	background:none;
	text-decoration:none;
	display: block;
	background:url(../gfx/nav_bg_hover.gif) repeat-x;
}

/*COOKING ROLLOVER*/
#nav #cooking, ul li iframe#services_iframe { 
	position:absolute;
	width: 250px; 
	height: auto; 
	z-index: 100; 
	top: 41px;
	left:363px;
}

#nav #cooking ul li a:hover{
	background:none;
	text-decoration:none;
	display: block;
	background:url(../gfx/nav_bg_hover.gif) repeat-x;
}

/*CHECKLISTS ROLLOVER*/
#nav #checklists, ul li iframe#services_iframe { 
	position:absolute;
	width: 250px; 
	height: auto; 
	z-index: 100; 
	top: 41px;
	left:450px;
}

#nav #checklists ul li a:hover{
	background:none;
	text-decoration:none;
	display: block;
	background:url(../gfx/nav_bg_hover.gif) repeat-x;
}

/*FEATURED ROLLOVER*/
#nav #featured, ul li iframe#services_iframe { 
	position:absolute;
	width: 250px; 
	height: auto; 
	z-index: 100; 
	top: 41px;
	left:550px;
}

#nav #featured ul li a:hover{
	background:none;
	text-decoration:none;
	display: block;
	background:url(../gfx/nav_bg_hover.gif) repeat-x;
}

/*End of nav rollover*/

#content{
	width:953px;
	height:auto;
	margin:0px;
	padding:0px;
	background-color:#242424;
}

#leftColumn{
	width:398px;
	min-height:398px;
	border-right:1px solid #757575;
	margin:39px 0px 0px 0px;
	padding:0px 19px 42px 19px;
	background-color:#242424;
	float:left;
}

#articleColumn{
	width:754px;
	height:auto;
	background-color:#242424;
	margin:39px 0px 0px 0px;
	padding:0px 23px 20px 19px;
	float:left;
}

#articleColumn a{
	text-decoration:underline;
	color:#FFFFFF;
	}

#articleColumn a:hover{
	text-decoration:underline;
	color:#6c9d31;
	}

#articleColumn p{
	margin:0px 0px 20px 0px;
	line-height:22px;
}

#articleColumn input.contact,
#articleColumn textarea.contact{
	width:400px;
	}
#articleColumn textarea.contact{	
height:200px;
}

.recentArticles { padding: 30px 30px 30px 30px; background-color:#2F2C2C; border:1px solid #3F3F3F; width:auto; }
.recentArticles p { color:#CCCCCC; }

#rightColumn{
	width:331px;
	min-height:398px;
	margin:39px 0px 15px 0px;
	padding:0px 0px 0px 26px;
	float:left;
	background-color:#242424;
}

#articleColumn h1, #leftColumn h1{
	margin:0px 0px 17px 0px;
	padding:0px 0px 0px 0px;
	font-size:24px;
	padding:0px 0px 0px 18px;
	background-color:#242424;
}

#articleColumn h1{
	font-size:28px;
}
	
#toolboxContainer h1, #leftColumn h1{
	margin:0px 0px 17px 0px;
	padding:0px 0px 0px 0px;
	font-size:24px;
	padding:5px 0px 0px 18px;
	border:none;
}

.h1marg{margin-top:15px;}

#rightColumn h1{
	margin:0px 0px 17px 0px;
	padding:0px 0px 0px 0px;
	font-size:18px;
	padding:0px 0px 0px 18px;
}

.featured{
	padding:0px 0px 21px 0px;
	margin:0px 0px 21px 0px;
	border-bottom:1px solid #757575;
}

.last{ border:none!important; }

#leftColumn .featured{
	border-bottom:none;
}

.familySml{
	background:url(../gfx/li_family_sml.gif) no-repeat 0px 3px;
}

.family{
	background:url(../gfx/li_family.gif) no-repeat 0px 5px;
}

.equipSml{
	background:url(../gfx/li_equip_sml.gif) no-repeat 0px 3px;
}

.equip{
	background:url(../gfx/li_equip.gif) no-repeat 0px 5px;
}

.wildernessSml{
	background:url(../gfx/li_wilderness_sml.gif) no-repeat 0px 3px;
}

.wilderness{
	background:url(../gfx/li_wilderness.gif) no-repeat 1px 5px;
}

.festival{
	background:url(../gfx/li_festival.gif) no-repeat 1px 5px;
}

.festivalSml{
	background:url(../gfx/li_festival_sml.gif) no-repeat 0px 3px;
}

.infoSml{
	background:url(../gfx/li_info_sml.gif) no-repeat 0px 3px;
}

.info{
	background:url(../gfx/li_info.gif) no-repeat 0px 5px;
}

.gapSml{
	background:url(../gfx/li_gap_sml.gif) no-repeat 0px 3px;
}

.gap{
	background:url(../gfx/li_gap.gif) no-repeat 0px 5px;
}

.cookingSml{
	background:url(../gfx/li_cooking_sml.gif) no-repeat 0px 3px;
}

.cooking{
	background:url(../gfx/li_cooking.gif) no-repeat 0px 5px;
}

.toolbox{
	background:url(../gfx/li_toolbox.gif) no-repeat 0px 8px;
	float:left;
	margin-right:15px;
}

h1.plain{ padding:0px!important; }

h2{
	font-size:20px;
	margin:0px 0px 15px 0px;
	border-bottom:2px solid #6FB32F;
	padding-bottom:5px;
	padding-top:20px;
}

#articleColumn ul{
	background:none;
	margin:30px 30px 30px 30px;
	padding: 0px 0px 0px 0px;
}

#articleColumn ul li{
	padding:0px 0px 0px 16px;
	margin:0px 0px 15px 0px;
	line-height:22px;
}

ul.family li{
	background:url(../gfx/li_family_sml.gif) no-repeat 0px 3px;
	}

ul.info li{
	background:url(../gfx/li_info_sml.gif) no-repeat 0px 3px;
	}
	
ul.wilderness li{
	background:url(../gfx/li_wilderness_sml.gif) no-repeat 0px 3px;
	}
	
ul.festival li{
	background:url(../gfx/li_festival_sml.gif) no-repeat 0px 3px;
	}

ul.gap li{
	background:url(../gfx/li_gap_sml.gif) no-repeat 0px 3px;
	}

ul.equip li{
	background:url(../gfx/li_equip_sml.gif) no-repeat 0px 3px;
	}

ul.cooking li{
	background:url(../gfx/li_cooking_sml.gif) no-repeat 0px 3px;
	}

ul.cookingFloat{ margin-bottom:30px!important;}

ul.cookingFloat li{
	background:url(../gfx/li_cooking.gif) no-repeat 0px 3px;
	float:left;
	padding:0 0 0 18px;
	width:150px;
	margin-left:16px;
	}	

.receipe{float:left; margin:0px 0px 0px 30px;}

ol {
  font: italic 28px Georgia, Times, serif;
  color: #878043;
  padding-left:30px;
  padding-top:15px;
}

.equipol {
  color: #EB185B;
}


ol p {
  font:normal 15px "Trebuchet MS";
  color: #FFFFFF;
}

#toolboxContainer{
	width:763px;
	height:auto;
	margin:0px 0px 15px 0px;
	padding:15px 15px 15px 18px;
	background-color:#242424;
}

.toolButtons{float:left; margin-right:15px;}

#ctaContainer{
	width:794px;
	height:36px;
	border:none;
	margin:0px 0px 20px 0px;
	padding:9px 0px;
	background-color:#242424;
}

#ctaContainer h2{ border:none; }

.cta1{
	margin:0px 20px 0px 3px;
	width:173px;
	height:auto;
	float:left;
}

.cta2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:190px;
	height:auto;
	float:left;
}

.cta3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:190px;
	height:auto;
	float:left;
}

.icon{
	width:;
	height:;
	margin:0px 0px 0px 0px;
	padding:0px 16px 0px 14px;
	float:left;
}

.cta1 h2, .cta2 h2, .cta3 h2{
	width:102px;
	height:;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	font-size:25px;
	float:left;
}

.cta1 p, .cta2 p, .cta3 p{
	width:160px;
	height:auto;
	margin:0px 0px 9px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	float:left;
}

.cta1 .more, .cta2 .more, .cta3 .more{
	width:;
	height:auto;
	margin:7px 0px 0px 0px;
	padding:2px 6px 2px 6px;
	font-size:11px;
	background-color:#3E7A05;
	float:left;
}

#advert{
	width:149px;
	height:490px;
	background:url();
	margin:39px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}

span.button a{
	margin-top:5px; 
	padding:9px;
	background:url(../gfx/button_bg.gif) repeat-x;
	display:block;
	font:bold 15px "Trebuchet MS";
	float:left;
	}
	

#button {
	margin-top:5px; 
	padding:9px;
	background:url(../gfx/button_bg.gif) repeat-x;
	display:block;
	font:bold 15px "Trebuchet MS";
	float:left;
	color:#FFFFFF;
	cursor:pointer;
	}
	
.cta{ margin-top:12px; }
	

#footer{
	width:953px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	background-color:#3d7904;
}

#footerBg{

}

#footerContainer{
	width:auto;
	height:auto;
	background:url();
	margin:0px 0px 10px 0px;
	padding:26px 0px 31px 191px;
	background-color:;
	background:#242424 url(../gfx/logo_footer.gif) no-repeat;
	background-position:28px 28px;
	border-bottom: 1px solid #FFFFFF;
}

.footerLinks{
	width:180px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	float:left;
	background-color:none;
	font-size:15px;
}

.footerlinks ul{
	width:100px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.footerLinks li{
	margin:0px 0px 0px 0px;
	padding:7px 0px 7px 0px;
	line-height:14px;
}

#copy{
	color:#9a9a9a;
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}

#build{
	color:#9a9a9a;
	font-size:12px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}

#build a{
	color:#3d7904;
}

#build a:hover{
	color:#6c9d31;
	text-decoration:underline;
}



a.fulllist{text-decoration:underline!important;}


* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: left; color: red; padding-left: .5em; vertical-align: top; }

.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }



