@charset "utf-8";
/* CSS Document */

#home_wrapper {
		background-color: #F30;
	}
	#hometitle2 h1  {
		font-size: 2.5rem;
	}
		#hometitle2  {
			width: 90%;
			margin-top: 25px;
			border: 1px solid green;
			border-radius: 15px;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			padding: 15px;
			background-color: #f2f9ed;
			
	}

		.hometopright  {
		width: 400px;
		height:320px;
		padding-top: 2px;
		padding-bottom: 12px;	
	}
		.hometoprightht {
			font-size: 1.6rem;
		}
	.hometopright li, .hometopleft2 li {
		line-height: 1.5rem;
	}
	.hometopleft h1 {
		line-height: 2rem;
	}
		.hometopleft2  {
		width: 455px;
		height:150px;
		padding-top: 5px;
		padding-bottom: 40px;
		display: none;	
		
	}
		.FlexWrapper {
		max-width: 990px;
		width: 100%
		margin-top: 0;
		border-left: 6px double #060;
		border-right: 6px double #060;
		padding-left: .5rem;
		padding-right: .4rem;
		background-color: #dfefd8;
		display: flex;
		flex-direction: row;
		margin-left: auto;
		margin-right: auto;

	}

		.bannerphoto_home  {
		width: 100%;
		height: auto;
		margin-top: 8px;

	}
	.horiz_line_home  {
		width: 100%;
		height: 3px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		border-top: 2px solid #993;
		border-bottom: 2px solid #993;
	}
		.horiz_line_home2  {
		width: 100%;
		height: 3px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 7px;
		border-top: 2px solid #993;
		border-bottom: 2px solid #993;
	}

	.mapbox		{
		width: 65%;
	}
	#photocredit  {
			width: 300px;
			height: 20px;
			margin-bottom: 12px;
			margin-left: 20px;

		}
	#photocredit p  {
			color: #FFF;
		}
	.toplogo3, .toptitle3  {
		display: none;
	}

	.topnavstripe  {
		width: 70%;
		height: 27px;
		padding-top: 0px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(../graphics/nav_stripe4.png);
		margin-top: -12px;
		margin-bottom: 30px;

	}
		.topnavstripe5  {
		width: 70%;
		height: 27px;
		padding-top: 0px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(../graphics/nav_stripe5.png);
		margin-top: -12px;
		margin-bottom: 13px;

	}
	.navbar3  {

		padding-top: 2px;
		display: inline;
		margin-left: 8px;
		margin-top: 3px;
		background-color: #fff5e0;
		border: 1px solid #330;
		border-radius: 5px;
		text-align: center;
		padding-left: 4px;
		padding-right: 4px;
		padding-bottom: 2px;
		
	}
	.navigation3  {

		width: 85%;
		height: 24px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 5px;
		text-align: center;
	}
	.navgroup  {

		width: 97%;
		margin-left: 8px;
		margin-bottom: 20px;
		margin-top: -20px;
		padding: 5px 0 5px 0;
		border: 1px solid green;
		border-radius: 10px;
		 background-image: linear-gradient(to bottom right, lightcyan, lightblue, lightcyan);
	}
	/*----------HOME CONTAINERS--------*/
	.bigbox   {
		width: 90%;
		padding: 5px;
		margin-left: auto;
		margin-right: auto;
		border-right: 2px solid #660;
		border-bottom: 2px solid #660;
		padding: 15px;
		border-radius: 15px;
		background-color: #f7f2d0;
	}
		.bigbox2   {
		width: 90%;
		padding: 5px;
		margin-left: auto;
		margin-right: auto;
		border-right: 2px solid #660;
		border-bottom: 2px solid #660;
		padding: 15px;
		border-radius: 15px;
		background-color: #f7f2d0;
	}
	.bigbox a:link h2, .bigbox2 a:link h2 {
		font-size: 2rem;
	}
		.bigbox li  {
		font-size: 1.2em;
		line-height: 1.5em;
	}
		.bigbox2 li {
			font-size: 1.1em;
			line-height: 1.5em;
		}
		.homesm {
			font-size: .8em;
		}
	.bigbox li li, .bigbox2 li li {
		font-size: 1em;
		line-height: 1.2em;
		padding-bottom: 5px;
	}
		.bigbox li a:link, .bigbox2 li a:link {
			text-decoration: underline;
			color: #03F;
		}
		.main_content  {
			margin-top: 3px;
		}
		#intro  li {
			font-size: 1rem;
		}
				
		

		/*----------- MEDIA ------------*/
	
	@media (max-width: 1015px)  {
		.logotopleft  {
			display: none;
		}

		.bannercontainer  {
			width: 728px;
			margin-left: auto;
			margin-right: auto;
		}
	}
	@media (max-width: 1020px)   {
		.hometitle2, .hometopleft  {
			margin-left: auto;
			margin-right: auto;
			float: none;
			padding-top: 15px;;
		}
		,homtopright  {
			
	}
			
	
	@media (max-width: 970px) and (min-width: 726px)  {
	
		.navigation  {
			width: 97%;
			margin-left: 1px;
		}
		.navbar a:link  {
			font-size: .9rem;
			padding-bottom: 6px;

		}
		.highlights  {
			margin-left: 3px;
			width: 95%;
		}
		.highlights h3  {
			margin-bottom: -40px;
		}
		.highlights ol {
			margin-top: 8px;
		}
		.leftskyad2  {
			display: none;
		}
		.rules {
			width: 96%;
			margin-left: 2px;
		}
		.amzadsleft {
			display: none;
		}
		.logofloat  {
			display: block;
		}
		.rules {
			margin-top: 280px;
		}
			.mapbox		{
		width: 75%;
	}
	.books  {
		display: none;
	}
	.books2 {
		display: block;
	}
	.hometopright {
		width: 350px;
		height: 350px;
	}
	}
	
	@media (max-width: 830px)  {
		 .hometopright  {
			 margin-top: -25px;
			 width: 90%
			 
		 }
		 #intro {
			 margin-top: -100px;
		 }
		.bannercontainer, #bannerad {
			display: none;
		}	

		#photocredit  {
			display: none;
		}
		.facts  {
			display: none;
		}
		.facts2  {
			display: block;
		}
		.logoworrds  {
			margin-top: -10px;;
		}
			.mapbox		{
		width: 85%;
	}
	.rules {
			margin-top: 0px;
		}
		.camp_square {
			display: block;
		}
				
			}
		@media (max-width: 741px)   {
			.hometopright  {
				height: 400px;
			}
		}
	
	@media (max-width: 785px) and (min-width: 451px)  {
			.FlexWrapper {
			max-width: 725px;
			width: 100%;
			border-left: 1px solid green;
			border-right: 1px solid green;
			display: block;
			padding-left: 0;
			padding-right: 0;
			margin-left: auto;
		margin-right: auto;
		margin-top: -20px;
		padding-top: 10px;
		}

		.leftskyad2, #bannerad, .bannercontainer, .amzadsleft {
			display: none;
		}
.logofloat3, .logofloat  {
			display: none;
		}
		
		.navigation  {
			display: none;
		}
		.navigation_sm  {
			display: block;
			margin-right: 20px;
			float: left;
			margin-top: 15px;
			height: 213px;
			width: 33%
			
		}
		.navbar_sm  {
		
		height: 20px;
		padding-top: 6px;
		padding-bottom: 2px;
		width: 100%;
		background-color: #f9f7D7;
		border: 1px solid #330;
		border-radius: 5px;
		text-align: center;
		
	}
		.top_paragraph   {
			margin-left: 0;
			
		}
		.navbar_sm a:link {
		display: block;
		text-decoration: none;
		color: #963;
		font-size: .9rem;
	}
	.navbar_sm a:hover {
		color: #C30;
	}
	.bannerphoto  {
		margin-left: 0px;
	}

	.toptitle3  {
		position: absolute;

		margin-left: 10%;
		display: block;
		text-align: center;
		width: 70%;

	}
	.toptitle3 h1  {
		font-size: 1.6rem;
		text-shadow: 1px .1px #333;
		color:	#fedd40;
	}
	.toptitle3 h3  {
		text-shadow: 1px .1px #333;
		color:	#fedd40;
	}

	
		.FlexContent {
			width: 95%;
			order: 1;
			display: block;
			padding-left: 1rem;
			padding-right: 0rem;
			margin-top: 0px;
			
		}
		.campphoto {
			max-width: 480px;
			border-left: 20%;
		}
	.highlights h3  {
		margin-bottom: 4rem;
	}

.highlights  {
			width: 90%;
			display: block;
			margin-left: 3%;
			height: 10px;
			background-color:   #f5fff5;
			border: 2px solid #360;
			min-height: 200px;
			margin-bottom: 20px;
		}
		.rules  {
			width: 90%;
			margin-left: 4%;
			display: block;
		}
		.camps {
			width: 85%;
			padding: 10px 0 10px 40px;;
			border: 1px solid green;
			margin-left: 4%;
			background-color: #f5fff5;
		}
			.camps li  {
			line-height: 1.5rem;
		}
			.horiz_ad  {
			display: block;
		}
		.facts2  {
			display: block;
		}
		.books  {
			display: none;
		}
		.books2 {
		display: block;
	}
		.rules  {
			margin-top: 0px;
		}
		
	}
	@media  (max-width: 590px)  {
		.hometopleft2  {
			display: block;
			margin-left:auto;
			margin-right: auto;
			padding-bottom: 135px;
		}
		
		.hometopleft {
			display: none;
		}
			.hometitle2 {
			display: block;
		}
		.hometitle  {
			display: none;
		}
	
	}


	
		@media  (max-width: 450px)  {

		.wrapper  {
			min-width: 350px;
		}

		.leftskyad2, #bannerad, .bannercontainer, .amzadsleft  {
			display: none;
		}
		.hometopright  {
				height: 500px;
			}
		

		.rules  {
			width: 95%;
			margin-left: 0;
		}
		.highlights {
			width:93%;
			min-height: 200px;
			margin-left:  4px;
		}
		.highlights ol  {
			margin-top: -1rem;
		}
		.navigation  {
			width: 95%;
			margin-left: .8rem;
		}
		.navbar a:link   {
			font-size: 1em;
		}	
		.bannerphoto {
			display: none;
			
		}
		.bannerphoto2 {
			display: inline;
			width: 100%;
			margin-left: 1px;
			margin-right: 3px;
			margin-bottom: 200px;
		}
		.photocredit  {
			display: none;
		}
		.FlexWrapper {
			max-width: 450px;
			border-left: 1px solid green;
			border-right: 1px solid green;
			display: block;
			padding-left: 0;
			padding-right: 0;
			margin-left: auto;
			margin-right: auto;
		}

		.FlexSideTwo {
			width: 100%;
			order: 2;
		
		}
		.navigation  {
			display: none;
		}
		.navigation_sm  {
			display: block;
			margin-left: .3rem;
			height: 255px;
			margin-top:  2px;
		}
		.navbar_sm  {
		
		height: 26px;
		padding-top: 8px;
		width: 100%;
		background-color: #FFc;
		border: 1px solid #330;
		border-radius: 5px;
		text-align: center;
	}
		.navbar_sm a:link {
		display: block;
		text-decoration: none;
		height: 2em;
		color: #963;
		font-size: .95rem;
	}
	.navbar_sm a:hover {
		color: #C30;
	}
		
	h1	{
			font-size:	1.7rem;
			line-height: 2rem;
			}

	.main_content {
		padding-left: 8px;
		padding-right: 8px;
	}
	.infobox   {
		padding-left: 8px;
		padding-right: 8px;
		width: 95%;
		}
	.campphoto  {
			margin-left: -4px;
		}
	.greenstar, .goldstar, .triangle {
			margin-left: 8px;

		}
		
		.horiz_ad  {
			display: block;
		}
	.logotopleft {
		display: none;
	}

	.books	{
		display: none;
	}
	.main_content  {
		
		margin-top: 0px;
	}
	.toptitle3 {
		display: none;
	}
		#restips  {
		width: 90%;
		margin-left: auto; 
		margin-right: auto;
	}

.logofloat3, .logofloat  {
			display: none;
		}
			.camps {
			width: 85%;
			padding: 10px 0 10px 40px;;
			border: 1px solid green;
			margin-left: 2%;
			background-color: #f5fff5;
		}
		.camps li  {
			line-height: 1.5rem;
		}
			.mapbox		{
		width: 100%;
	}
	.books2 {
		display: block;
	}
		}