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

	.FlexWrapper {
		max-width: 990px;
		width: 100%;
		margin-top: 0;
		border-left: 6px double #060;
		border-right: 6px double #060;
		background-color: #FFc;
		padding-left: .5rem;
		display: flex;
		flex-direction: row;

	}

/*------home page top -------*/
	.surroundbanners {
		padding: 2px;
		border: 1px solid red;
	}
		
	#smallbanner	{
		width: 781px;
		margin-left: 8px;
		height: 216px;
		background-image: url(../images/lassen_pan71_966d48c54e.jpg);
		border-bottom: 2px solid #FC0;
		border-top: 2px solid #FC0;
		display: flex;
		margin-top: -660px;
			}
	#smallbanner2	{
		width: 781px;

		border-bottom: 2px solid #FC0;
		margin-left: 8px;
		height: 216px;
		background-image: url(../images/yosemite_valley_pan7_04803df359.jpg);
		display: flex;
		margin-top: -444px;
			}
			#smallbanner3	{
		width: 781px;

		border-bottom: 2px solid #FC0;
		margin-left: 8px;
		height: 216px;
		background-image: url(../images/carpinteria_pan7_1c5f7bebda.jpg);
		display: flex;
		margin-top: -228px;
			}
			.smallimages {
				width: 100%;
			}


				.n_ca_photo {
			width:100%;
			max-width: 450px;
			height: 198px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 1px;

			background-image: url(../images/lassen_pan_8d626af1b5.jpg);
			display: none;
		}
		.c_ca_photo {
				width:100%;
			max-width: 450px;
			height: 198px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 1px;
			background-image: url(../images/yosemite_pan_9e525569d9.jpg);
			display: none;
		}
		.s_ca_photo {
			width: 100%;
			max-width: 445px;
			height: 198px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 1px;
			background-image: url(../images/carpinteria_pan_1a6de1b70b.jpg);
			display: none;
		}
			
.subtitle, .subtitle2, .subtitle3   {
			width: 45%;
			height: 35px;
			background: url(../images/subtitle_df9e6576e8.png);
			border-radius: 10px;

			margin-left: 18%;
			margin-top: 150px;
		}

	

		.subtitle h3, .subtitle2 h3, .subtitle3 h3 {
			text-shadow: 1px 1px #060;
			color: #FC3;
			font-size: 2em;
			text-align: center;
			font-size: 1.5em;
				}
		.subtitle a:link, .subtitle2 a:link, .subtitle3 a:link  {
			text-decoration: none;
		}
		.subtitle_sm  {
			width: 95%;
			text-align: center;
			padding-top: 140px;
			display: none;
		}
		.subtitle_sm a:hover {
			font-size: 1.3rem;; 
		}
		.subtitle_sm h4  {
			color: #FC3;
			font-size: 1.2rem;
		}
	
		
			#photocredit  {
		margin-top: 170px;
		width: 220px;
			height: 20px;
			margin-left: 5%;
	}
		#photocredit p  {
			color: #fff;
		}
	
		.photocredit3  {
			width: 220px;
			height: 20px;
			margin-left: 5%;
			margin-top: 170px;
	
		}
		.photocredit3 p  {
			color: #FFF;
		}
	
			.homeright7  {
			width: 15%;
			height: 670px;
			display: inline;
			padding-left: 8px;
			padding-right: 8px;
			margin-bottom: 5px;
			margin-top: 0px;
			margin-left: 82%;
		}
		
		.homeright7 h3 {
			text-align: center;
		}

		.homeright7  ul {
			margin-left: -10px;
			line-height: 1.4rem;
		}
		.homeright7 li {
			font-family: cambria, "Book Ariqua", serif;
			font-size: 1rem;
			color: green;
		}
	
		.testbanner  {
			width: 147px;
			height: 100px;
			margin-right: 40px;
			margin-left: 20px;
			float: right;
			background-image: url(../images/top_trees2_ff12fd720c.png);
		}
	#hometitle2 {
		width: 95%;
		margin-left: 3%;
		margin-right: 30px;
		padding-top: 10px;

	}
	#hometitle2 h1 {
			text-shadow: 1px 1px #060;
			color: #FC3;
			font-size: 3em;
			text-align: center;
	}
	#hometitle2 h2 {
			text-shadow: 1px 1px #060;
			color: #FC3;
			font-size: 2em;
			text-align: center;
				}
	#hometitle3 {
		width: 90%;
		text-align: center;
		padding-top: 10px;
		display: none;
	}
	#hometitle3 h1 {
			text-shadow: 1px 1px #060;
			color: #FC3;
			font-size: 1.5rem;
			text-align: center;
	}
	#hometitle3 h2 {
		text-shadow: 1px 1px #060;
			color: #FC3;
			font-size: 1.2rem;
			text-align: center;
	}
	.toptitle   {
		width: 100%;
		display: none;
		margin-left: -5px;
		
	}
.toptitle h1, .toptitle h2, .toptitle h3 {
		text-shadow: 1px 1px #060;
			color: #FC3;
		text-align: center;
	
	}
		.toptitle2 h1, .toptitle2 h2, .toptitle2 h3 {
			
		color: #366;
		text-align: center;
	
	}
	.toptitle2  h1 {
		font-size: 1.8em;
	}			
				
	/*-----Bottom Box------*/
	
	
		.bottom-flex	{	

		width: 100%;
		max-width: 996px;
		background-color: #fff;
		border-top: 2px solid #36C;
		padding-left: 5px;
		padding-right: 0px;
		padding-top: 3px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;

	}
	.bottom  {
		margin-top: 8px;

	
	}

	  
	.homeinfobox {
		width: 47%;
		height: 245px;
		min-width: 200px;
		padding: 10px;
		margin-left: -6px;
		padding-left: 20px;
		padding-bottom: 20px;
		background-color:  #f3f9e8;
		border-top: 1px solid #36C;
		border-bottom: 1px solid #36c;
	
		}

	.homeright  {
		width:47%;
		min-width: 200px;
		height: 255px;
		padding-right: 0px;
		background-color:  #f3f9e8;
		border-top: 1px solid #36C;
		border-bottom: 1px solid #36c;
		padding-top: 10px;
		padding-left: 20px;
		margin-left: 1px;
		padding-bottom: 10px;
	}
	.homeright h3, .homeinfobox h3  {
		color:	#663;
		
	}
		.relocated  {
			width: 98%;
			padding: 8px;
			border-top: 1px solid #36C;
			margin-bottom: 5px;
			background-color: #f4f8ef;
			display: none;
			margin-top: -9px;
			margin-left: 0px;
		}
		.relocated h3 {
			font-size: 1.4rem;
		}
		.relocated h4 {
			font-size: 1.1rem;
		}
	

		.homertcontainer  {
		width: 48%;
		min-width: 100px;
		min-height: 500px;
		flex: inline-flex;
		flex-direction: row;
		margin-left: 10px:
		margin-top: 20px;
	}
		.homeleftcontainer  {
		width: 48%;
		min-width: 100px;
		min-height: 500px;
		flex: inline-flex;
		flex-direction: row;
		margin-top: 0px;
		margin-left; 10px;
		}

	
	.middlebox  {
		width: 100%;
		display: flex;

	}
	
	
	
	
	.hometable {
		margin-left: 0px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	
	.hometable table {
		width: 470px;
		border-collapse: collapse;
		
	}
	.hometable tbody th  {
		background-color: #fff;
	}

	
	.hometable  td		{
		border: none;
		padding: 5px;
		padding-bottom: 10px;
		
		font-size: 1.5em;
		font-style: italic;
		line-height: 1.2em;
		text-align: center;
		background-color:#6CF;
		color: #333;
			}
			
	.cabestcamp {
	 width: 976px;
	 height: 30px; 

	 margin-left: auto;
	 margin-right: auto;
	 padding-top: 5px;
	 text-align: center;
	 padding-bottom: 5px;
	 background-image: url(../images/camp_title_stripe_fb4a6bda19.png);
			}
	.cabestcamp h1  {
				font-size: 2.5em;
				color: #660;
			}
	.cabestcamp h2  {
				
				color: #660;
			}
	.homepage {
		text-align: center;
	}
	.homepage  h2, .homepage h3, .homepage2 h3  {
		color: #366;
	}
	.homecolor h2, .homecolor h3  {
		color: #366;
		
		font-size: 2em;
	}
	.califmap  {
		width: 381px;
		height: 347px;
		margin-left:auto;
		margin-right: auto;
		margin-top: 15px;
		margin-bottm: 8px;
		
		background-image: url(../images/ca_outline_b19795dc62.png);
		
		
	}
		
	.homeright2  {
		width:433px;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 10px;
		
		margin-top: 8px;
		background-color:  #F9f8dc;
		border-top: 6px double #396; 
		
	}
	.homeright3  {
		width: 98%;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 10px;
		margin-top: 0px;
		margin-bottom: 5px;
		margin-left: -12px;
		background-color:  #F9f8dc;
		border-top: 6px double #396; 
		
	}
		.homeright32  {
		width: 97%;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 10px;
		margin-top: 8px;
		margin-left: -10px;
		background-color:  #F9f8dc;
		border-top: 6px double #396; 
		
	}
	.homeright33  {
		width: 96%;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 10px;
		margin-top: 0px;
		margin-left: -4px;
		background-color:  #F9f8dc;
		border-top: 6px double #396; 
		
	}
	.homeright4  {
		width:97%;
		margin-left: -10px;
		margin-top: -10px;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 10px;
		background-color:  #f3f9e8;
		border: 2px solid #396; 
		border-radius: 10px;
	}
		.homeright4x  {
		width:100%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 8px;
		background-image: linear-gradient(to top right, lemonchiffon, lightyellow);
		text-align: center;



	}

	.more {
		text-align: center;
	}
	.more p {
		color: blue;
	}
		
	
		.homeright4 ul {
		line-height: 1.5em;
	}
	.homeright4 li {
		color: #069;
	}

	.homeright4 a {
		text-decoration: none;
		font-weight: bold;
		color: #069;
		font-size: 1.0em;
	}
	#reservations  {
		width: 429px;
		height: 67px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(../images/reservations_6ad556701a.png);
		margin-bottom: 5px;
	}
		
	.homeright2 h2  {
		text-align: center;
	}
	.homeright2 p {
		line-height: 1.3em;
	}
		
	.perfect {
		width: 475px;
		margin-left: -8px;
		margin-top: -15px;
			border-top: 6px double #396; 
		border-bottom: 6px double #396; 
		background-color: #FFC;
		padding: 8px;
		margin-bottom: 8px;
	}
	.findglobe   {
		width: 422px;
		height: 456px;
		float: right;
		margin-right: 10px;
		margin-top: -5px;
		
	}
		.goldstar  {
		margin-top: 11px;

	}
	.greenstar  {
		margin-top: 0px;
	}
	.triangle  {
		margin-top: 1px;

	}
	.dot  {
		margin-top: 5px;
	}
	.horizline {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		height: 15px;
		border-top: 1px solid green;
	}
	
	 
/*----------- PHOTOS FOR HOME PAGE ------------*/

	.smright  {
		width: 80%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		padding: 2px 2px 1px 2px;
		margin-top: -2px;
		margin-bottom: 12px;
		border: 1px solid darkgreen;
	}
	.smright2  {
		width: 300px;
		height: 200px;
		float: right;
		padding: 3px;
		margin-left: 8px;
		margin-bottom: 12px;
		border: 1px solid green;
	}
		.smleft  {
		width: 80%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		padding: 2px 2px 1px 2px;
		margin-top: -2px;
		margin-bottom: 12px;
		border: 1px solid white;
	}
	.photobox  {
		width: 97%;
		height: 325px;
		background-color: #F9f8dc;
		padding: 12px 10px 15px 12px;
		margin-left: -3px;
		border: 1px solid green;
	}
		.photobox_alt  {
		width: 97%;
		margin-top: 5px;
		background-color: #F9f8dc;
		padding: 12px 10px 15px 12px;
		margin-left: -3px;
		border: 1px solid green;
	}
	
		
		.photobox2  {
		width: 97.5%;
		height: 325px;
		background-color: #39F;
		padding: 12px 10px 14px 12px;
		margin-left: -3px;
		margin-top: 5px;
		margin-bottom: 5px;
		border-top: 1px solid darkblue;
	}
		.photobox2_cap  {
		width: 98.2%;
		height: 80px;
		background-color: #39F;
		padding: 0px 8px 12px 12px;
		margin-left: -5px;
		margin-top: -12px;
		margin-bottom: 8px;
		border-bottom: 1px solid green;
	}
	.photobox2 h3, .photobox2 h4 {
		color: #fff;
	}

	
			.photobox3  {
		width: 470px;
		min-height: 320px;
		background-color: #ffF;
		padding: 12px 12px 0px 12px;
		margin-left: 0px;
		margin-bottom: 0px;
		border-top: 1px solid green;
		border-bottom: 1px solid green;
	}
	
	.photobox_non  {
		width: 99%;
		min-height: 175px;
		background-color: #F9f8dc;
		padding: 12px 12px 0px 12px;
		margin-left: -5px;
		margin-bottom: 5px;
		border-top: 1px solid green;
		border-bottom: 1px solid green;
		
	}



		.photosqleft   {
			width: 250px;
			height: 250px;
			float: left;
			margin-right: 10px;
			padding: 1px;
			border: 1px solid green;
		}
		.horizbannerad    {
			width: 468px;
			height: 60px;
			margin-left: auto;
			margin-right: auto;
			background-color: #FFC;
		}
		.sign   {
			width: 400px;
			height: 84px;
			margin-left: 50px;
			background: url(../images/sign2_0c70e643d3.png);
			padding-left: 10px;
		}
		.homeinsert  {
			width: 480px;
			height: 40px;
			background: url(../images/home_insert_2dff086ca2.png);
			padding: 8px;
			margin-top: 15px;
			margin-bottom: 8px;
		}
		.homeinsert2  {
			width: 480px;
			height: 40px;
			background: url(../images/home_insert2_9b9a10061e.png);
			padding: 8px;
			margin-top: 8px;
			margin-bottom: 8px;
			margin-left: 20px;
		}
			
	.homeinsert3  {
			width: 215px;
			height: 130px;
			background: url(../images/home_insert3_a545ec20ee.png);
			padding: 8px;
			margin-top: 8px;
			margin-bottom: 8px;
			margin-left: 265px;
		}
		.homebox  {
			width: 976px;
			height: 409px;
			margin-top: -12px;
		
		}
		.homebox2  {
			width: 100%;
			max-width: 990px;
			margin-top: 1px;
			padding-top: 5px;
			background-color:  #f4f8ef;
			border-top: 1px solid #36C;
			border-bottom: 1px solid #36c;
			display: flex;
		}
		.homebox2 h2 {
			font-size: 2em;
			text-align: center;
		}
		.welcome  {
			width: 977px;
			height: 144px;
			margin-left: auto;
			margin-right: auto;
			background: url(../images/welcome3_9298fdc677.png);
			
		}
		
		.trees  {
			width: 162px;
			height: 184px;
			float: left;
			clear: left;
		
			background: url(../images/three_trees_d1afc064cb.png);
		}


		.homelist  {
			max-width: 156px;
			height: 402px;
			background-image: url(../images/homelist_edb4a380e4.png);
			margin-top: 10px;
			
			padding: 8px;
			padding-left: 10px;
			 
			
		}
		.homelist li  {
			font-family: "Comic Sans MS", Tahoma, Geneva, cursive, sans-serif;
			color: #330;
			font-size: .8rem;
			line-height: 1rem;
		}

			/*----------- MEDIA ------------*/
			@media (max-width: 1045px)  {
			 .homeright7, .testbanner {
					display: none;
				}

	
		@media (max-width: 1045px) and (min-width: 726px)  {  
		
		.homeright7, .testbanner  {
			display: none;
		}
		#smallbanner, #smallbanner2, #smallbanner3  {
			margin-left: auto;
			margin-right: auto;
			width: 85%;
			margin-bottom: 0px;
			margin-top: 0;
		}
		.subtitle, .subtitle2, .subtitle3 {
			margin-top: 120px;
			width: 80%;
	
		}
		#photocredit, .photocredit3  {
			margin-top: 150px;
		}

		}
		
		@media (max-width: 915px)  {
			
			
			.homeright, .homeinfobox  {
				display: none;
			}
			.relocated  {
				display: block;
			}
			.homeright3  {
				margin-top: -4px;
			}
			.homeleftcontainer {
				margin-top: 7px;
				width: 47%;
			}

		}
		@media (max-width: 780px)  {
			.photobox{
				width:95%;
				margin-left: 0px;
			}
			.photobox2 {
				margin-left: 0px;
				width: 95.5%;
			}
			
		}
			
			
			
		@media (max-width: 725px) and (min-width: 451px) {
		.homeright7, .testbanner  {
			display: none;
		}
		.homeinfobox, .homeright {
			display: block;
			width: 100%;
		}
		.bottom-flex	{
		display: block;
		flex-direction: column;

		}
		.homeright, .homeinfobox  {
				display: none;
			}
		#smallbanner, #smallbanner2, #smallbanner3  {
			margin-left: auto;
			margin-right: auto;
			width: 100%;
				margin-top: 0;
		}	
		.homeleftcontainer, .homertcontainer {
			width: 100%;
		}
			.homeleftcontainer  {
				order: 1;
			}
			.homertcontainer {
				oder: 2;
			}
			.subtitle, .subtitle2, .subtitle3 {
				margin-top: 120px;
				margin-right: 10px;
				background: none;
			}
			#photocredit {
				margin-top: 148px;
			}.photocredit3 {
				margin-top: 148px;
			}
			.photobox, .photobox2 {
				height: 420px;
			}
			.homeright32  {
				margin-left: -5px;
			}
			.covid {
				display: block;
			}
			.smleft, .smright {
				width: 75%;
			}

		
		}
		@media (max-width: 573px)  {
			.homeright3, .homeright32  {
				width: 97%;
			}
					}
		@media (max-width: 550px)  {
			.homeright33, .homeright32  {
				width: 95%;
			}
			.photobox, .photobox2 {
				width: 96%;
			}
					}
		@media (max-width: 490px)  {
			.FlexWarpper {
				flex-direction: column;
				display: flex;
			}
			#hometitle2, #photocredit, .photocredit3 {
				display: none;
			}
			#smallbanner, #smallbanner2, #smallbanner3  {
				
				display: none;
			}
			.n_ca_photo, .c_ca_photo, .s_ca_photo  {
				display: block;
			}
			.subtitle_sm  {
				display: block;
			}
			#hometitle3 {
				display: block;
			}
		.subtitle, .subtitle2, .subtitle3 {
				margin-top: 140px;
				margin-right: 10px;
				width: 90%;
				display: none;
			}
		 .subtitle2 {
			 margin-top: 150px;
		 }
		.homeright7, .testbanner  {
			display: none;
		}
		.toptitle  {
			display: block;

		background-color: #FFc;
		}
		.FlexWrapper {
			display: block;
		}
		.homeright4x  {
			display: none;
		}
		.homeright3 {
				width: 96%;
			}
			.homeright33. {
				width:93%;
			}
			.photobox, .photobox2, .photobox_alt {
				width: 95%;
				margin-left: -5px;
			}
			.homeright32  {
				width: 94%
			}
			.relocated  {
				width: 97%;
				margin-left: -8px;
			}
	

		}
			@media (max-width: 450px)  {

		.homeright7, .testbanner  {
			display: none;
		}
		.homeinfobox, .homeright {
			display: block;
			width: 100%;
		}
		.bottom-flex	{
		display: block;
		flex-direction: column;

		}
		.homeright, .homeinfobox  {
				display: none;
			}
		#smallbanner, #smallbanner2, #smallbanner3  {
			margin-left: auto;
			margin-right: auto;
			width: 100%;
		}	
		.homeleftcontainer, .homertcontainer {
			width: 100%;
		}
		.photobox, .photobox2 {
				width: 95%;
				margin-left: -6px;
			}
		
			.covid {
				display: block;
			}
			}
			@media (max-width: 365px)  {
				.oregonpromo_home {
					display: none;
				}
				.homeright4 {
					margin-left: -10px;
				}
					.homeright33  {
				width: 92%
			}
			}