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

	html {font-size: 100%; }

	body {

			background-color:  #Fff;
			font-family: Verdana, Geneva, Arial, sans-serif;
			font-size:	.9rem;
	}

		p, ul, ol	{
			font-size:	.9rem;
			}
		ul		{
			line-height:	1.3rem;
			margin-left: 0rem;
				}
		ul ul		{
			margin-left: .2rem;
				}
		ol		{
			line-height: 1.3rem;
			padding-left: 1.3rem;
				}
		p	{
			line-height: 1.25rem;
			margin-bottom:  1rem;
			}
	h1	{
			font-size:	2.3em;
			line-height: 1.3em;
			font-family:  ariel;
			font-style: italic;

			text-align: center;
			}

		h2	{
			font-size:	1.5rem;
			
			}
			.rules h2 {
				font-size: 1.4rem;
			}

		h3	{
			font-size:	1.2rem;
			}
		h2, h3, h4, h1    {
			font-family: "Palatino Linotype", "Book Ariqua", serif;
			color: #36C;
			margin-top: .2rem;
			margin-bottom: .2rem;
			padding-bottom: .2rem;
			}
			h4  {
				font-size: 1.1rem;
			}
			
			.smalltext	{
			font-size:  .7em;
			}
		.smalltext2	{
			font-size:  .8em;
			}
		.smalltext2	p {
			margin-bottom: .3em;
			}

		a:link	{
			color:  #003399;
			}

		a:visited	{
			color:	#5a4f27;
			}

		a:hover	{
			color:	green;
			background-color:  #d7e9e9;
			
			}
		.mapbutt a:hover	{
			background-color: #ecf4ff;
			}

		#indexbox a:hover	{
			color: green;
			
			}
		.subtitle a:hover, .subtitle2 a:hover, .subtitle3 a:hover  {
			font-size: 1.1em; 
		}
	.toptitle3 h3 {
		font-size: 1rem;
		text-shadow: 1px 1px #060;
		color:	#FF0;
	}
		.homestripe  {
		width: 95%;
		height: 25px;
		padding-left: 20px;
		background-color:  #7fb7ff;
		margin-bottom: 8px;
			}
	.homestripe h4	{
		color: #ffffff;
			}

			.beachestitle	{
		width: 472px;
		height: 64px;
		background:  url(graphics/beaches_graphic2.png) no-repeat;
		position: relative;
		margin-top: -280px;
		margin-left: 5px;
		
			}

	#lakelist img    {
		padding-top: 5px;
			}
	.lakelistbox {
		float: right;
		width: 200px;
		border: 1px solid blue;
	}
	.logotopleft  {
		background-image: url(graphics2/beaches_graphic3.png);
		width: 187px;
		height: 93px;
		float: left;
		display: inline;
		margin-left: 3px;
		margin-right: 5px;
		margin-top: -18px;
	}


	#lakelist h4    {
		margin-left: 10%;
		font-size: 1.2em;
		text-decoration: none;
		line-height: 1.2em;
		color: #0CF;
			}
		

	.facts span {
		font-weight: bold;
		color: #ffd407;
			}
					.toplogo {
			display: none;
		}
		

			.cbb	{
		width: 205px;
		height: 53px;
		margin: 8px;
		float: right;
		}
			.smmapright	{
		width: 190px;
		float: right;
		margin-left: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-right: -8px;
			}

	/*----------- MAP BUTTONS ------------*/
	
		.mapbuttonbox		{
			width: 177px;
			height: 90px;
			float: right;
			margin-right: 5px;
			margin-left: 5px;
			margin-top: 8px;
			background-image: url(lakes_graphics/blue_map_button.png);
				}
					.mapbuttonbox_g		{
			width: 175px;
			height: 90px;
			float: right;
			margin-right: 5px;
			margin-left: 5px;
			margin-top: 8px;
			background-image: url(lakes_graphics/green_map_button.png);
				}
				.mapbuttonbox_g a:link {
					color: #060;
				}
				.buttoncenter		{

			width: 125px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 16px;
			text-align: center;
			
				}
	.buttoncenter	a	{
			text-decoration: none;
				}

	

	.FlexWrapper {
		max-width: 990px;
		width: 100%
		margin-top: 0;
		
		border-left: 6px double #39C;
		border-right: 6px double #39c;
		padding-left: .5rem;
		padding-right: .4rem;
		display: flex;
		flex-direction: row;
		margin-left: auto;
		margin-right: auto;

	}
	
	.FlexItems  {
		display: flex;
		align-items: left;
		min-height: 6.25rem;
		padding: 1rem;
		margin-top: 0px;

	}
		.FlexHeader  {
		background-color: #FFC;
		order: 1;
		width: 100%;
		margin-left: 0;
		height: 820px;
		display: inline;
		
		
	}
	.FlexContent {
			
			order: 3;
			width: 40%;
			display: inline;
			border-left: -5px;
			font-size: 1rem;
	}


	.FlexSideTwo {
			
			display: inline;
			order: 2;
			width: 50%;
			margin-right: -10px;
		
	}
	.FlexFooter {
		
		display: inline;
		order: 5;
		width: 100%
	}

	@media (min-width: 30rem) {
			.FlexWrapper {
		flex-flow: row wrap;
	}

	.FlexHeader  {
		width: 100%
		order: 1;
	}
	.FlexContent {
		flex: 1;
		order: 3;
		width: 45%
	}


	.FlexSideTwo {
		width: 48%;
		order: 2;
		;
	}
	.FlexFooter {
		width: 100%;
		order: 5;

	}
	}


		/*----------- TABLES ------------*/

	.table {
		margin-left: 0px;
		margin-right: .2rem;
		margin-bottom: .2rem;
		width: 100%;
	}
	table	{
		border-collapse: collapse;
			}
	th, td		{
		border: 1px solid #000000;
		padding: .3rem;
		font-size: .7rem;
		line-height: 1.2rem;
			}

	td   {
		padding-left: .3rem;
		padding-right: .3rem;
		background-color:   #ebf6fc;
		}
	tbody th   {
		border: 1px solid #000000;
		background-color: #e1f4ff;
		text-align: left;
		padding: .2rem;
		padding-left: .3rem;
		}
	thead th   {
		border: 1px solid #000000;
		background-color: #e1f4ff;
		text-align: center;
		font-weight: bold;
		padding: .3rem;
		font-size: .8rem;
		}
	caption   {
		font: bold 120% "Times New Roman", Times, serif;
		background-color: #e1f4ff;
		color: #000000;
		padding: .3rem 0 0.3rem 0;
		border: 1px solid #000000;
		font-size: 1rem;
				}
	tfoot	{
		font-size: .6rem;
		background-color: #e1f0f9;
		font-style: italic;
		}
	footer {
		text-align: center;
		padding: 30px;
		margin-top: 0px;
		clear: both;
		border-top: 1px solid green;	
	}
	footer p {
		font-size: .8rem;
	}
	#homefooter {
		width: 976px;
		background-color: #e1f0f9;
		border-top: 1px solid #390;
		border-bottom: 1px solid #390;
	}
	.prices th, .prices td {
		text-align: center;
	}
	
	
	/*----------- HEADLINES  ------------*/
	
			.smallheadline  {

			width:	100%;
			height: 40px;
			padding-top: -3px;
			border-top: 2px solid #3f9bff;
			border-bottom: 2px solid #3f9bff;
			background-color: #ecf4ff;
			margin-bottom: 15px;
			margin-top: 7px;
				}

		.campheadline   {
			width:	100%;
			height: 40px;
			padding-top: -3px;
			border-top: 2px solid #89a242;
			border-bottom: 2px solid #89a242;
			background-color: #ecf4ff;
			margin-bottom: 7px;
				}
		.campheadline h2, .campheadline h3   {
			color:  #696;
		}
	
	/*----------- CONTAINERS ------------*/
	.bottomfacts  {
		width: 98%;
		margin-left: auto;
		margin-right: auto;
	}
	.bottomfacts li {
		margin-left: -18px;
	}

	.box1  {
		width: 32%;
		float: left;
		border-right: 1px solid blue;
	}
	.box1 p, .box2 p, .box3 p {
		font-size: 1rem;
	}
		.box2  {
		width: 32%;
		float: left;
		padding-left: 1%;
		

	}
		.box3  {
		width: 32%;
		float: left;
		padding-left: 1%;
	border-left: .5px solid blue;
	}
		.doublewide2	{
		width: 90%;
		padding: 9px;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		margin-top: 8px;
		margin-bottom: 8px;
		background-color: #ffffff;
		border: 1px solid #003399;
			}
	
		.main_content {
			margin-top: -8px;
			background-color: #f0fcfc;
			padding: 8px;
			border: 1px solid #36F;

		}
		.main_content p  {
			line-height: 1.4em;
		}
		.main_content ol  {
			margin-left: 10px;
		}
		.main_content2 {
			padding-left: 5px;
			padding-right: 5px;
		}
		.main_content3 {
			margin-top: -8px;
			background-color: #f4fcd6;
			padding: 8px;
			border: 1px solid #89a242;
		}
		.main_content3 h2, .resortbox h3 {
			color:  #690;
		}
		.highlights  {
		width: 51.5%;
		min-height: 248px;
		margin-right: .2rem;
		margin-left: 45%;
		margin-bottom: .2rem;
		margin-top: -7px;
		padding: .4rem;
		background-color:   #f5fff5;
		border: 2px solid #06C;
		display: block;
		
		}
		.highlights p, .highlightshome p, .highlightshome2 p {
			color: #06C;
		}
		.highlights h4 {
				margin-top: 0;
			margin-bottom: 0;
		}
			.highlightshome  {
		width: 51.5%;
		min-height: 248px;
		margin-right: .2rem;
		margin-left: 45%;
		margin-bottom: .2rem;
		margin-top: -7px;
		padding: .4rem;
		background-color:  #e7f6ff;
		border: 2px solid #06C;
		display: block;
		
		}
			.highlightshome2  {
		width: 51.5%;
		min-height: 248px;
		margin-right: .2rem;
		margin-left: 45%;
		margin-bottom: .2rem;
		margin-top: -7px;
		padding: .4rem;
		background-color:  #e7f6ff;
		border: 2px solid #06C;
		display: block;
		
		}

	.highlights ol, .highlightshome ol  {
		line-height: 1.3rem;
		display: block;
		margin-top: -10%;
	}
	.highlights h3, .highlightshome h3  {
		text-align: center;
		margin-bottom: 5px;
	}
	.highlights2  {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		background-color:   #f5fff5;
		border: 2px solid #06C;
		padding: 10px;
		display: none;	
	}
	.infobox {
		width: 95%;
		padding: 5px;
		
	}
	#restips {
		width: 95%;
		padding: 8px;
		background-color:   #f5fff5;
		border: 1px solid green;
		margin-left: auto;
		margin-right: auto;
		margin-top: 9px;
		margin-bottom: 9px;
	}

	
	footer {
		text-align: center;
		padding: 30px;
		margin-top: 0px;
		clear: both;
		
	}
	footer p {
		font-size: .8em;
	}
	.bannercontainer {
		width: 950px;
		margin-left: 20px;
		height: 105px;
		margin-top: -10px;
	
	}
		#pct {
		width: 95%;
		padding: 8px;
		background-color:   #f5fff5;
		border: 1px solid green;
		margin-top: 9px;
		margin-bottom: 9px;
	}
	#pct2 {
		width: 95%;
		padding: 8px;
		background-color:   #f5fff5;
		border: 1px solid green;
		margin-top: 9px;
		margin-bottom: 9px;
	}
		.resortbox	{
		width: 95%px;
		background-color:  #f4fcd6;
		padding: 10px;
		border-left: 10px solid #89a242;
		margin-bottom: 7px;
			}
		.goldresort	{
		width: 94%;
		background-color: #ebfcfb;
		padding: 10px;
		margin-bottom: 5px;
		border-left: 10px solid #69C;
	
			}
			.lodgecolor3	{
		width: 90%;
		background-color: #fcfbde;
		border: 1px solid #ff683f;
		padding: 5px;
		padding-top: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
			}
			.map  {
				margin-left: auto;
				margin-right: auto;
				text-align: center;
				margin-top: 10px;
			}
		.bottombox  {
		width: 100%;
		
	}  /*----------- bottombox surrounds maps ------------*/

		/*----------- GRAPHIC SYMBOLS ------------*/
		
		.horiz_line  {
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			height: 2px;
			border-top: 1px solid #09F;
			margin-bottom: 8px;
		}
			.horiz_line2  {
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			height: 2px;
			border-top: 2px solid gold;
			margin-bottom: 8px;
		}
		.toplogo {
			display: none;
		}


			

	.logotopleft  {
		background-image: url(graphics2/beaches_graphic3.png);
		width: 187px;
		height: 93px;
		float: left;
		display: inline;
		margin-left: 3px;
		margin-right: 5px;
		margin-top: 0px;
	}
		.toplogo2_fixed  {
			background-image: url(graphics2/top.png);
			width: 359px;
			height: 21px;
			display: block;
			margin-left: auto;
			margin-right: auto;
			display: none;
		}
		.topbox {
			width: 100%;
			height: 25px;
			padding-top: 3px;
			border-top: 1px solid #369;
			border-bottom: 1px solid #369;
			 background-image: linear-gradient(to right, lightcyan, aliceblue, lightcyan);
			 margin-bottom: 1px;
			 display: none;
		}
			
	.mapbutt	{
		width:	94px;
		height:	61px;
		float: right;
		padding-left: 8px;

			}
	.mapbutt2	{
		width:	88px;
		height:	57px;
		float: right;
		padding-left: 8px;

			}
				.insta  {
		width: 40px;
		height: 40px;
		margin-left: 25px;
		margin-top: 0px;
		background-image: url(graphics/icons8-instagram-30.png);
	}
	.insta2  {
		width: 24px;
		height: 24px;
		margin-bottom: 5px;
		background-image: url(graphics/instagram_sm.png);
	}
	.instaright  {
		width: 40px;
		height: 40px;
		margin-right: 50px;
		margin-top: 5px;
		margin-bottom: 8px;
		float: right;
		background-image: url(graphics/icons8-instagram-30.png);
	}
			.campground_key {
		width: 352px;
		height: 90px;
		background-image: url(graphics/campground_key.png);
		margin-left: auto;
		margin-right: auto;
		margin-top: 3px;
		margin-bottom: 6px;
		display: none;
	}
	.key_case  {
		width: 100%;
	}
		.tent		{
		width: 108px;
		height:  75px;
		float: left;
		margin-left: 5px;
		margin-bottom: 5px;
		margin-right: 20px;
		background-image: url(lakes_graphics/tent.png);
			}
				.rvcamping		{
		width:	239px;
		height: 53px;
		margin-right: auto;
		margin-top: 5px;
		margin-left: auto;
		background-image: url(lakes_graphics2/rv_camping.png);
			}
			.picnics	{
		width:	168px;
		height: 50px;
		margin-top: 5px;
		margin-right: auto;
		margin-left: auto;
		background-image: url(lakes_graphics2/picnic_basket.png);

			}
			.rightlakes  {
		width: 240px;
		text-align: center;
		padding-bottom: 5px;
		padding-top: 5px;
		border-top: 1px solid #090;
		border-bottom: 1px solid #090;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.rightcamplink h3 {
		color: #060;
	}
				.rightcamplink  {
		width: 210px;
		background-color: #e8fce8;
		text-align: center;
		padding-bottom: 5px;
		padding-top: 5px;
		border-top: 1px solid #090;
		border-bottom: 1px solid #090;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.rightcamplink h3 {
		color: #060;
	}
		.cacamping  {
		width: 95%;
		background-color: #e7f7f6;
		padding: 8px;
		border-top: 1px solid #06C;
		border-bottom: 1px solid #06C;
		margin-bottom: 10px;
	}
		.cacamping h3, .cacamping h4, .cacampingrt  h3, .cacampingrt h4 {
		text-align: center;
	}
	.cacamping li, .cacampingrt li  {
		color: #069;
	}
	.logofloat {
		width: 218px;
		height: 69px;
		margin: 8px;
		float: right;
		margin-top: -10px;
	} 
		.colorlink  {
		height: 20px;
		width: 70%;
		padding-left: 10px;
		padding-right: 10px;
		padding-top:0px;
		padding-bottom: 2px;
		border: 2px solid #09C;
		border-radius: 10px;
		background-color: #fff7dc;	
	}
	
	.colorlink a:link {
		text-decoration: none;
		font-size: .8em;
		font-weight: bold;
	}
		.ranger	{
		width: 55px;
		height: 59px;
		float: left;
		margin-right: 15px;
		margin-left: 10px;
		padding-bottom: 5px;
		background-image: url(lakes_graphics2/ranger.png);
		repeat: no-repeat;
			}
				.surfboards		{
		width: 137px;
		height: 133px;
		float: right;
		background-image: url(graphics/surfboards.png);
		margin-top: 8px;
			}
	.surfboards2		{
		width: 142px;
		height: 140px;
		float: right;
		background-image: url(graphics/surfboards2.png);
		margin-top: 8px;
			}
	.surfboards3		{
		width: 142px;
		height: 140px;
		float: right;
		background-image: url(graphics/surfboards3.png);
		margin-top: 8px;
			}
	.surfboards4		{
		width: 142px;
		height: 135px;
		float: right;
		background-image: url(graphics2/surfboards4.png);
		margin-top: 8px;
			}
			.kite		{
		width: 70px;
		height: 131px;
		float: right;
		background-image: url(graphics/kite.png);
		margin-top: 8px;
			}
	.kite3		{
		width: 117px;
		height: 152px;
		float: right;
		background-image: url(graphics/kite3.png);
		margin-top: 8px;
		margin-left: 5px;
			}
	.short_kite		{
		width: 42px;
		height: 82px;
		float: right;
		background-image: url(graphics/short_kite.png);
		margin-top: 8px;
			}
			.sandcastle		{
		width: 150px;
		height: 105px;
		float: right;
		background-image: url(graphics/sandcastle.png);
		margin-top: 8px;
			}
			.lifeguardflags  {
		width: 59px;
		height: 131px;
		margin-right: 20px;
		float: left;
			}
			.lodgecolor	{
		width: 95%;
		background-color: #fcfbde;
		border: 1px solid #393;
		padding: 5px;
		margin-left: auto;
		margin-right: auto;
			}
				.bluebutton  {
		background-image: url(graphics2/blue_button.png);
		width: 189px;
		height: 23px;
		text-align: center;
		padding-top: 3px;
		margin-right: auto;
		margin-left: auto;
		margin-top: -5px;
		margin-bottom: 8px;
		
	}
		.bluebutton a:link  {
		color: #FFF;
		font-size: 1em;
		text-decoration: none;
	}
	.homeicon a:hover, .homeicon2 a:hover, .bluebutton a:hover; {
		text-decoration: none;
		background-color:  #66cccc;
		display: block;
			}
	.bluebutton a:visited  {
		color: #fff;
	}
	
	
			/*----------- NAVIGATION NAVIGATION NAVIGATION ------------*/
			
	.navigation  {
		width:40%;
		border-radius: 10px;
		margin-top: -.5rem;
		margin-bottom: .5rem;
		height: 255px;
		float: left;
		border: 2px solid #369;
		background-color: #f0f9fc;
		padding: 3px 4px 0px 3px;
	}
	.navigation_sm  {
		width:95%;
		border-radius: 10px;
		margin-top: .2rem;
		margin-bottom: .2rem;
		height: 255px;
			border: 2px solid #369;
		background-color: #f0f9fc;
		padding: 3px 7px 0px 3px;
		display: none;
	}

			
		.navigation4  {
		width:200px;
		border-radius: 10px;
		margin-top: 5px;
		height: 259px;
		float: right;
		border: 2px solid #393;
		background-color: #F5F5FF;
		padding-top: 3px;
		clear: right;
	}
		.navigation2  {
		width:200px;
		border-radius: 10px;
		margin-top: 5px;
		height: 185px;
		float: right;
		border: 2px solid #393;
		background-color: #F5F5FF;
		padding-top: 5px;
	}
		.navigation3  {

		width: 850px;
		height: 24px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 5px;
	}

		.topnavstripe  {
		width: 975px;
		height: 27px;
		padding-top: 0px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(graphics/nav_stripe3.png);
		margin-top: -12px;

	}

	.navbar  {
		
		height: 24px;
		padding-top: 10px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		border: 1px solid #369;
		background-color: #f0f9fc;
		border-radius: 5px;
		text-align: center;
	}
	.navbar4  {
		width: 192px;
		height: 26px;
		padding-top: 11px;
		margin-right: auto;
		margin-left: auto;
		background-color: #ffc;
		border: 1px solid #330;
		border-radius: 5px;
		text-align: center;
	}
		.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;
	}
	.navbar33  {
		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;
	}
	.navbar33 a:link {
		display: inline;
		text-decoration: none;
		height: 2em;
		color: #03C;
		font-size: .7em;
	}
		.navbar4 a:link {
		display: block;
		text-decoration: none;
		height: 2em;
		color: #06c;
		font-size: .8em;
	}

		.navbarlogo  {
			background-image: url(graphics/ca_camping_logo.png);
			width:  200px;
			height: 52px;
			margin-left: auto;
			margin-right: auto;
	
		}
		.navbarhome  {
			background-image: url(graphics/ca_camping_logo5.png);
			width:  192px;
			height: 39px;
			margin-left: auto;
			margin-right: auto;
	
		}
	.navbar a:link {
		display: block;
		text-decoration: none;
		height: 2em;
		color: #036;
		font-size: .8em;
	}
		.navbar3 a:link {
		display: inline;
		text-decoration: none;
		height: 2em;
		color: #039;
		font-size: .9em;
	}
	.navbar4 a:link {
		display: block;
		text-decoration: none;
		height: 2em;
		color: #039;
		font-size: .8em;
	}
	.co_beaches_links  {
		max-width: 380px;
		min-width: 350px;
		border: 1px solid #069;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 5px;
		background-color: #def2fc;
	}
		.co_beaches_links2  {
		max-width: 380px;
		min-width: 350px;
		border: 1px solid #069;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 5px;
		background-color: #def2fc;
				display: none;
	}
	.box_right  {
		float: right;
		max-width: 200px;
		margin-top: -3px;
	}
	@media (max-width: 785px) {
			.navbar_sm  {
		height: 20px;
		padding-top: 6px;
		padding-bottom: 2px;
		width: 100%;
		border: 2px solid #369;
		background-color: #f0f9fc;
		border-radius: 5px;
		text-align: center;
		
	}
	.navbar_sm2  {
		height: 20px;
		padding-top: 6px;
		padding-bottom: 2px;
		width: 49%;
		border: 2px solid #369;
		background-color: #f0f9fc;
		border-radius: 5px;
		text-align: center;	
		margin-left: 2px;
		
		
	}
	.navbar_sm3  {
		height: 20px;
		padding-top: 6px;
		padding-bottom: 2px;
		width: 49%;
		border: 2px solid #369;
		background-color: #f0f9fc;
		border-radius: 5px;
		text-align: center;
		float: right;
		margin-right: -3px;
		
	}
		.navbar_sm a:link, .navbar_sm2 a:link, .navbar_sm3 a:link {
		display: block;
		text-decoration: none;
		color: #36C;
		font-size: .9rem;
	}
	.navbar_sm a:hover, .navbar_sm2 a:hover, .navbar_sm3 a:hover {
		color: #C30;
	}
		.navigation_sm  {
			display: block;
			margin-left: .2rem;
			height: 194px;
		}
		
		
	}
	@media (max-width: 450px) {
		.navigation_sm {
			height: 190px;
		}
	}


		/*----------- PHOTOS ------------*/
		
	img {max-width: 100%; height: auto;}
	
	.campphoto   {
		margin-right: auto;
		margin-left: auto;
		margin-top: .5rem;
		margin-bottom: .5rem;
	}

	.campphoto img, .photofloat img,  .rightphotov img, .centerphotov img {
		box-shadow: 1px 1px 5px #000;
	}
	.photofloat  {
		float: right;
		margin-left: 8px;
		margin-top: .5rem;
		margin-bottom: .5rem;
		margin-right: .5rem;
	}
		.photofloatleft  {
		float: left;
		margin-left: 8px;
		margin-top: .5rem;
		margin-bottom: .5rem;
	}
		.photofloatright  {
		float: right;
		margin-left: 8px;
		margin-top: .5rem;
		margin-bottom: .5rem;
	}
			.photofloatleftv  {
		float: left;
		margin-left: 8px;
		margin-top: .5rem;
		margin-bottom: .5rem;
	}
	.photofloatleft img, .photofloatleftv img, .photofloatright img{ 
			box-shadow: 1px 1px 5px #000;
	}
		.caption  {
		text-align: center;
		width: 100%;
		font-size: 1rem;
	}
	.caption2  {
		text-align: center;
		width: 100%;
		font-size: 1rem;
	}
	.caption2 p, .caption p  {
		color: #369;
		font-family: "Trebuchet MS", Helvetica, sans-serif;
		font-size: 1rem;
		font-style: Italic;
	}

	
		.campphoto2   {
		width: 480px;
		height: 320px;

		margin-right: 5px;
		margin-bottom: 10px;
		border: 1px solid green;
		box-shadow: 1px 1px 5px #000;
	}
	.bannerphoto  {
		width: 100%;
		height: auto;

	}
	.bannerphoto2 {
		display: none;
	}
	.smright2  {
		width: 200px;
		height: 133px;
		float: right;
		margin-left: 7px;
		margin-top: 5px;
		margin-bottom: 10px;
		background-color: #fff;
		border: 1px solid green;
	}

	.smright3  {
		width: 200px;
		height: 133px;
		float: right;
		margin-left: 8px;
		margin-top: 15px;
		margin-right: 10px;
		margin-bottom: 15px;
		border: 1px solid green;
	}
	.smleft3  {
		width: 200px;
		height: 133px;
		float: left;
		margin-right: 8px;
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px;
		border: 1px solid green;
	}
		.rvphoto	{
		width: 256px;
		margin-bottom: 5px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 6px;
			}
			rvphoto img {
			padding: 1px;
		border: 2px solid #317686;
			}
			.fishphoto2  {
		width: 220px;
		height: 330px;
		margin-left: auto;
		margin-right: auto;

		margin-bottom: 5px;
	}
		.lodgephoto	{
		width: 206px;
		float: right;
		margin-bottom: 5px;
		margin-left: 10px;
			}
			.photocenter  {
			width: 300px;
			height: 200px;
			margin-left: auto;
			margin-right: auto;
			margin-top: -20px;
			margin-bottom: 8px;
		}
			.photocenter2  {
			width: 300px;
			height: 200px;
			margin-left: auto;
			margin-right: auto;
		
			margin-bottom: 8px;
		}
		.photoleft  {
			width: 300px;
			height: 200px;
			float: left;
			margin-top: -20px;
			margin-bottom: 8px;
		}
		.photoright {
			width: 300px;
			height: 200px;
			float: right;
			margin-top: -20px;
			margin-bottom: 8px;
		}
		
		.photobox   {
			width: 98%;
			min-height: 350px;
		}
		.photobox p {
			color: #036;
		}
		.homephotopal  {
			width: 98%;
			margin-top:  -5px;
			margin-bottom: 10px;
		}
 
		.lodgephotobigv	{
		width: 352px;
		height: 525px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #03899c;
		
		margin-top: 5px;
		margin-bottom: 5px;
			}	
				.rightphotov	{
		width: 202px;
		height: 302px;
		float: right;
		margin-left: 10px;
		margin-bottom: 3px;
			}
			.centerphotov	{
		width: 256px;
		height: 384px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 3px;
		margin-top: 10px;

			}
			
	.fishphoto2 img, .lodgephoto img, .fishphoto img, .photocenter img, .photocenter2 img, .photoleft img, .photoright img, .lodgephotobigv img {
			padding: 1px;
		border: 2px solid #317686;
	}
	.resortpicinset	{
		width: 300px;
		margin-left: 2px;
		margin-bottom: 5px;
	
			}
				.fishphoto	{
		width: 206px;
		float: right;
		margin-top: 6px;
		margin-right: 8px;
		margin-bottom: 6px;
			}
				

	
	/*-----------END  PHOTOS ------------*/
	
	/*-----------RULES AND CAMPS ------------*/
	
		.rules   {
		
		border: 1px solid green;
		padding: 8px;
		margin-left: 38%;
		background-color: #f0fcfc;
		margin-bottom: 8px;	
		margin-top: -15px;
	}
		.rules_alt   {
		border: 1px solid green;
		padding: 8px;
		margin-left: 38%;
		background-color: #f0fcfc;
		margin-bottom: 8px;	
		margin-top: -15px;
	}
		.rules_alt li {
			line-height: 1.6rem;
		}
			.rules2   {
		padding: 0px;
		margin-left: 38%;
		margin-bottom: 8px;	
	}
		.rules3   {
		
		border: 1px solid green;
		padding: 8px;
		margin-left: 38%;
		background-color: #f5fff5;
		margin-bottom: 8px;	
	}
			.rules4   {
		
		border: 1px solid green;
		padding: 8px;
		margin-left: 38%;
		background-color: #f0fcfc;
		margin-bottom: 8px;	
	}

		
	.camps ul {
		list-style-type: none;
		text-decoration: none;
		margin-left: -2rem;
	}
	.camps2 h2 {
		text-align: center:
	}
	.camps h4  {
		margin-bottom: -1rem;
	}
		.rules ol,  {
		margin-left: 10px;
	}


	.rules h3  {
		text-align: center;
	}
		#copyright  {
		width: 54px;
		height: 17px;
		background-image: url(graphics2/copyright.png);
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;

	}
		.wideresortbox	{

		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color: #d7ebff;
		padding: 10px;
		margin-bottom: 7px;
			}

	.wideresortbox h3{
		color:  #3f9bff;
			}
	.bestwidewhite  {
		width: 80%;
		background-color: #ecf4ff;
		padding: 10px   10px  10px  10px;

		}
	.bestwidenude  {
		width: 80%;
		padding: 10px   10px  10px  10px;
		}
		
	.favorites {
		width: 95%;
		 background-color: #def2f9;
		 border: 1px solid #069;
		 padding: 8px;
	}
		


	
		/*----------- ADS ------------*/
			.mini_banner  {
				width: 400px;
				height: 90px;
				margin-left: -1px;
				margin-top: 0px;
				margin-bottom: 9px;
				border: 1px solid #699;
				display: none;
			}
		.mini_banner2  {
				width: 400px;
				height: 90px;
				margin-left: auto;
				margin-right: auto;
				margin-top: -10px;
				margin-bottom: 15px;
				border: 1px solid #699;
				display: none;
			}
			.recadsm  {
			width:  336px;
			height: 180px;
			margin-left: auto;
			margin-right: auto;
			border: 1px solid #069;
			margin-top: 5px;
			margin-bottom: 12px;
			display: none;
		}
		.tripleamz {
			width: 96%;
			height: 250px;
			margin-left: auto;
			margin-right: auto;
			padding: 1px;
			border: 1px solid #09C;
			margin-top: 15px;
			margin-bottom: 10px;
			background-color: #39F;
			display: none;
			
		}
		.tripleamz2 {
			width: 95%;
			height: 250px;
			margin-left: auto;
			margin-right: auto;
			padding: 1px;
			border: 1px solid #699;
			margin-top: 15px;
			margin-bottom: 10px;
			background-color: #690;
			display: none;
			
		}
		.amz1  {
			width: 120px;
			height: 240px;
			margin-top: 5px;
			margin-bottom: 5px;
			margin-left: 1%;
			float: left;
			border: 1px solid #699;
			background-color: #FFF;
		}
			
		.beach120  {
			width: 120px;
			height: 240px;
			float: right;
			border: 1px solid #06C;
			margin: 10px;
			margin-top: 15px;
			display: none;
		}
		
		.centerad  {
			width: 274;
			height: 290px;
			padding: 3px;
			border: 1px solid #369;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
	
	.amzad300 {
		height: 250px;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		margin-bottom: 10px;
		display: none;
	}
		.rightskyad2  {
			width: 160px;
			height: 600px;  
			
		}
		.leftskyad2  {
			width: 160px;
			height: 600px;
			float: left;
			clear: left;
			margin-left: 5px;
			margin-top: 0;
			margin-bottom: 20px;
			border: 1px solid green;
			
		}
		.amzadsleft  {
			width: 120px;
		
			float: left;
			clear: left;
			margin-left:5%;
			text-align: center;
			margin-bottom: 10px;
			
		}
		.amzadsright  {
			width: 120px;
			float: right;
			clear: right;
			margin-right:5%;
			margin-left: 8px;
			text-align: center;
			margin-bottom: 10px;
			border: 1px solid green;
			
		}
		.amzcenter	{
		width: 120px;
		height: 250px;
		margin-left: auto;
		margin-right: auto;
	
	}
			#bannerad	{
		width: 728px;
		height: 90px;
		display: inline;
		float: right;
		margin-bottom: 10px;
		margin-top: 0px;
		text-align: center;
		border: 1px solid #690; 
			}
			
				.rightadbox  {
		width: 96%;
		padding: 8px;
		border-radius: 10px;
		background-color: #f4f9e8;
		margin-bottom: 9px;
		margin-top: 9px;
		text-align: center;
		border: 1px solid #690;
		}
			.rectanglead  {
		width: 336px;
		height: 280px;
		background-color:   #fff;

		margin-left: auto;
		margin-right: auto;
		}
		
		.responsive_square  {
			width: 95%
			margin-top: 5px;
			margin-bottom: 5px;
		
		}
			.responsive_square2  {
			width: 95%
			margin-top: 5px;
			margin-bottom: 5px;
			margin-left: auto;
			margin-right: auto;
			display: none;
		}
	.horiz_ad  {
			height: 280px;
			width: 336px;
			margin-top: 5px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 10px;
			display: none;
			border: 1px solid #9CF;
		}
	.books	{
		width:120px;
		margin-left: auto;
		margin-right: auto;

	}
	.books h4  {
		text-align: center;
	} 
		.amzboxr	{
		width: 120px;
		float: right;
		margin:	5px;
		margin-left:8px;

			}
					.amzthreesm	{
		width: 430px;
		height: 260px;
		background-color: #e7f6ff;
		margin-left: auto;
		margin-right: auto;
			}
	/*----------- Snowplay ------------*/
		.snowplay   {
		width: 472px;
		height: 300px;
		border: 1px solid green;
		margin-top: 5px;
		float: right;
		clear: right;
		background-image: url(graphics/snowplay.png);
		repeat: no-repeat;
	}
	.snowplayphoto  {
		width: 250px;
		height: 167px;
		margin-top: 110px;
		margin-left: 10px;
	}
	.snowplayphoto2  {
		width: 250px;
		height: 189px;
		margin-top: 97px;
		margin-left: 10px;
	}
	.snowplayphoto3  {
		width: 225px;
		height: 150px;
		margin-top: 97px;
		margin-left: 10px;
	}
	.snowplayphoto img, .snowplayphoto2 img, .snowplayphoto3 img {
		padding: 2px;
		border: 1px solid #6CF;
	}
	.snowplay_sonora   {
		width: 472px;
		height: 300px;
		border: 1px solid green;
		margin-top: 5px;
		float: right;
		clear: right;
		background-image: url(graphics/snowplay_sonora.png);
		repeat: no-repeat;
	}
	.snowplay_seki   {
		width: 425px;
		height: 272px;
		border: 1px solid green;
		margin-top: 5px;
		background-image: url(graphics/snowplay_seki.png);
		repeat: no-repeat;
	}
	
	/*----------- Camp-Lake_Beach------------*/
	
	.camplakebeach  {
		width: 308px;
		height: 415px;
		background-image: url(graphics/camp_lake_beach_logo.png);
		margin-left: auto;
		margin-right: auto;
	
		
	}
		.dayhikes2  {
		width: 454px;
		height: 132px;
		padding: 8px;
		padding-top: 70px;
		background-image: url(graphics/day_hikes_trees3.png);
		margin-bottom: 10px;
	}
	/*----------- Day Hikes Promos ------------*/
		
		.dayhikes_home {
			width: 279px;
			height: 465px;
			margin-left: auto;
			margin-right: auto;
			background-image: url(graphics/day_hike_promo2.png);
		}
		
			.dayhikes_gg {
			width: 280px;
			height: 466px;
			margin-left: auto;
			margin-right: auto;
			background-image: url(graphics/day_hike_promo_gg.png);
		}
		.dayhikes_lp {
			width: 279px;
			height: 465px;
			margin-left: auto;
			margin-right: auto;
			background-image: url(graphics/day_hike_promo_lp.png);
		}
			.dayhikephoto {
		width: 240px;
		height: auto;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
	
	}
		.promobox_hikes   {
			width: 250px;
			height: 390px;
			padding-top: 15px;
			padding-left: 15px;
		}
		
/*----------- Oregon Promos ------------*/
		.promobox  {
			width: 95%;
			height: 317px;
			padding-top: 15px;
			padding-left: 15px;
		}
		.promobox_home   {
			width: 250px;
			height: 390px;
			padding-top: 15px;
			padding-left: 15px;
		}
		.oregonpromo {
			width: 95%;
			height: 317px;
			background-image: url(graphics/or_trip_promo.png);	
		}
		.oregonpromo_rt {
			width: 480px;
			height: 317px;
			margin-top: 8px;
			float: right;
			clear:  right;
			background-image: url(graphics/or_trip_promo.png);	
		}
		.oregonpromo_home {
			width: 279px;
			height: 449px;
			margin-left: auto;
			margin-right: auto;
			background-image: url(graphics/or_trip_promo_home2.png);
				
		}
		.or_photo {
		width: 350px;
		height: auto;
		padding-left: 20px;
		margin-bottom: 5px;
		border: 1px solid #993333;
	}
	.oregonphoto {
		width: 240px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
	
	}
		.oregoncap  {
			width: 278px;
			text-align: center;
			float: left;
			clear: left;
		}
		.oregoncaphome  {
			width: 235px;
			text-align: center;
			padding-left: 5px;
			float: left;
			clear: left;
			margin-top: -9px;
		}
		.oregoncap p, .oregoncamphome p {
			font-size: 1em;
		}
		
		.or_promo_sm   {
			width: 290px;
			height: 388px;
			background-image: url(graphics/or_trip_promo_sm.png);
		}
		.oregon_logo {
			width: 252px;
			height: 88px;

			margin-left: auto;
			margin-right: auto;
			background-image: url(graphics/oregon_logo.png);
		}
			.or_photo_sm {
		width: 280px;
		height: 187px;
		padding-top: 75px;
		margin-left: auto;
		margin-right: auto;

	}
	.or_promo_sm p {
		text-align: center;
		font-size: .8sm;
		font-style: italic;
		color: #060;
		padding-top: 3px;
	}
		
	
			/*----------- Oregon Promos end ------------*/
			
/*----------- misc ------------*/
	.facebk  {
		width: 270px;
		height: 40px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		margin-bottom: 8px;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
		
	}
		.facebk2  {
		width: 300px;
		height: 40px;
		margin-left: 25px;
		margin-top: 5px;
		margin-bottom: 8px;
		margin-right: 10px;	

	}
		.birdie {
		width: 100px;
		height: 25px;
		margin-top: 5px;
		margin-bottom: 2px;
		margin-right: 6px;
		}
		.birdie2 {
		width: 100px; 
		height: 30px;
		margin-top: 5px;
		margin-left: 25px;
		margin-bottom: 2px;
		margin-right: 6px;

		}
		.covid  {
			display: none;
		}

			/*----------- HOME TITLE ------------*/
			
	#hometitle  {
			width: 40%;
			height: 100px;

			}
	#hometitle h4, #hometitle h1, #hometitle h3, #hometitle h2  {

			color:	#ff0;
			text-align: center;
			
				}
				
	/*--------------MEDIA BREAKS-------------------*/
	
	@media (max-width: 1015px)  {
		
		.toplogo2_fixed, .topbox {
			display: block;
		}
	}
	 
	@media  (max-width: 450px)  {
	
			.toplogo2_fixed, .topbox {
			display: none;
		}		
				
	}