@charset "utf-8";
/* CSS Document */
	.FlexWrapper {
		background-color: #f6f9ed;
			}
				

	#hometitle {
		margin-left: 450px;
		margin-top: -33%;
	}
	#hometitle h1, #hometitle h3  {
			text-shadow: 1px 1px #060;
				}
	#photocredit  {
			width: 300px;
			height: 20px;
			margin-bottom: 12px;
			margin-left: 20px;

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

	.navbar3  {

		padding-top: 2px;
		display: inline;
		margin-left: 8px;
		margin-top: 3px;
		background-color: #fff;
		border: 1px solid #660;
		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 #36F;
		border-radius: 10px;
		background-image: linear-gradient(to bottom right, powderblue, skyblue,  powderblue);
		opacity: 0.5;
	}
		.navgroup_mid  {

		width: 523px;
	
		margin-left: 8px;
		margin-bottom: 0px;
		margin-top: -20px;
		padding: 5px 0 5px 0;
		border: 1px solid green;
		border-radius: 10px;
		background-image: linear-gradient(to bottom right, powderblue, skyblue,  powderblue);
		opacity: 0.5;
		display: none;
	}
		.navgroup_sm  {

		width: 350px;
	
		margin-left: 8px;
		margin-bottom: 0px;
		margin-top: -20px;
		padding: 5px 0 5px 0;
		border: 1px solid green;
		border-radius: 10px;
		background-image: linear-gradient(to bottom right, powderblue, skyblue,  powderblue);
		opacity: 0.5;
		display: none;
	}
		/*----------- maps ------------*/   

	.bottommap  {
		width: 666px;
		height: 835px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 5px;
		display: block;
	}
		.bottommap2  {
		width: 772px;
		height: 698px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-top: 5px;
	}
	.bottommap_mid  {
		width: 531px;
		height: 596px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		display: none;
	}
	.bottommap2_mid  {
		width: 535px;
		height: 484px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		display: none;
	}
	.bottommap_sm  {
		width: 350px;
		height: 512px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		display: none;
	}
	.bottommap2_sm  {
		width: 350px;
		height: 384px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		display: none;
	}

		
	.maparticle  {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.maparticle_rt  {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;

		
	}
	.map_index  {
		display: none;
	}
	/*----------- FROM OREGON ------------*/
		.homeright3  {
		width:95%;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 15px;
		padding-right: 10px;
		margin-top: 0px;
		background-color:  #F9f8dc;
		border-top: 6px double #396; 
		
	}
		.homeright4  {
		width:95%;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 15px;
		padding-right: 10px;
		margin-top: 0px;
		background-color:  #F9f8dc;
		border-top: 6px double #396; 
		border-bottom: 6px double #396;
		
	}
	.homeright32  {
		width:95%;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 15px;
		padding-right: 10px;
		margin-top: -17px;
		background-color:  #F9f8dc;
		border-top: 6px double #396; 
		
	}
	.homeright7  {
			width: 25%;
			height: 835px;
			display: inline;
			padding-left: 5px;
			padding-right: 3%;
			margin-bottom: 5px;
			margin-top: 0px;
			margin-left: 70%;
				border: 1px solid #699;
			background-color: #eaf9e1;
		}

		.homeright7 hr {
			color: #063;
		}
			.homeright72  {
			width: 95%;
			padding-left: 3%;
			padding-right: 3%;
			margin-bottom: 5px;
			margin-top: -15px;
				border: 1px solid #699;
			background-color: #eaf9e1;
			display: none;
		}
		.find   {
			width: 100%;
			text-align: center;
			border-top: 1px solid #060;
			border-bottom: 1px solid #060;
			padding-top: 8px;
			padding-left:5px;
			margin-left: 8px;
			padding-right: 2%;
			padding-bottom: 10px;
			background-color: #f9f4d9; 
		}
		.homelist  {
			width: 153px;
			height: 274px;
			background-image: url(graphics/homelist.png);
			margin-top: 10px;
			
			padding: 8px;
			padding-top: 11px;
			padding-left: 10px;
			
		}
		.homelist li  {
			font-family: "Comic Sans MS", Tahoma, Geneva, cursive, sans-serif;
			color: #330;
		}
		.treeslogo  {
			width: 147px;
			height: 100px;
			float: right;
			margin-right: 0;
			margin-top: 10px;
			margin-bottom: 0px;
		
			background-image: url(graphics/top_trees2.png);
		}
		.western  {
			width: 120px;
			height: 100px;
			text-align: center;
			margin-top: 5px;
			padding-top: 5px;
			margin-bottom: 20px;
			padding-left: 8px;
			
		}
			.homeoregonmap	{
		width: 666px;
		height: 835px;
		margin-left: 8px;
		display: flex;
		margin-top: -840px;
			}
			.homeoregonmap_mid	{
		width: 406px;
		height:501px;
		margin-left: 8px;
		display: none;
		margin-top: -840px;
			}
	
			.goldstar2  {
				margin-top: 18px;
			}
			/*----------- 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;
	}
	.photoboxtitle  {
			width: 97%;
		height: 15px;
		background-color: #F9f8dc;
		padding: 5px 10px 25px 12px;
		margin-left: -3px;
		border-top: 1px solid green;
		border-bottom: 1px solid green;
		text-align: center;
		margin-bottom: 5px;
	}
		

	.photobox  {
		width: 97%;
		height: 330px;
		background-color: #F9f8dc;
		padding: 12px 10px 15px 12px;
		margin-left: -3px;
		border-top: 1px solid green;
		border-bottom: 1px solid green;
	}
	
		
		.photobox2  {
		width: 97.5%;
		height: 330px;
		background-color: #39F;
		padding: 12px 10px 14px 12px;
		background-color: #5fafab;
		margin-left: -3px;
		margin-top: 5px;
		margin-bottom: 5px;
		border-top: 1px solid #060;
		border-bottom: 1px solid #060;
	}
		.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-top: 1px solid #060;
		border-bottom: 1px solid #060;
	}
	.photobox2 h3, .photobox2 h4 {
		color: #fff;
	}
			/*----------- MEDIA ------------*/
@media (max-width: 1040px)  {
	.homeright7  {
		display: none;
	}
	.homeright72 {
		display: block;
		margin-bottom: 25px;
	}
	.homeoregonmap  {
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}


	
}
@media (max-width: 1000px)  {
		.logotopleft  {
			display: none;
		}
}
	
	@media (max-width: 990px)  {
		.logotopleft  {
			display: none;
		}
		.bannercontainer  {
			width: 728px;
			margin-left: auto;
			margin-right: auto;
		}

			.map_index  {
		display: none;
	}
	}
	
	


	
	@media (max-width: 785px)  {
		.FlexSideTwo {
			width: 100%;
				}
		.bannercontainer, #bannerad {
			display: none;
		}

		.navgroup  {
			display: none;
		}
		.navgroup_mid  {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
	#hometitle {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

		.homeoregonmap  {
		display: none;
	}
	.homeoregonmap_mid  {
		display: flex;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.photobox, .photobox2  {
		height: 430px;
	}
		

			}


	
	@media (max-width: 595px)   {
			.bannercontainer, #bannerad {
			display: none;
		}
		.bottommap  {
			display: none;
		}
		.bottommap_mid, .bottommap2_mid  {
			display: none;
		}
		.bottommap_sm {
			display: block;
		}

		.navgroup_mid  {
			display: none;
		}
		.navgroup_sm  {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		.wrapper  {
			min-width: 350px;
		}
		.FlexSideTwo {
			width: 100%;
			order: 1;
		}
		.FlexContent  {
			width: 100%;
			order: 2
		}
		.maparticle  {
			width: 90%;
		}
			
			#hometitle {
		width: 80%;
		margin-left: auto;
		margin-right: auto;

	}
		#hometitle h1  {
			font-size: 1.6rem;
			line-height: 1.9rem;
		}
		.photobox, .photobox2  {
			height: 335px;
		}
		
	}
		
		@media (max-width: 480px)   {
			.FlexWrapper {
			max-width: 480px;
			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;
		
		}
		.homeright72, .homeright32, .homeright3, .homeright4, .photoboxtitle, .photobox, .photobox2  {
			width: 90%;
			margin-left: auto;
			margin-right: auto;
		}
		.navgroup_sm  {
		margin-top: 0px;
	}
	}