/*----------- defaults ------------*/


		*	{
			margin: 0;
			padding: 0;

			}

		body {
		
			background-color:  #f9fffe;

			font-family: Verdana, Geneva, Arial, sans-serif;
			font-size:	85%;

			}


		ul, ol	{
			font-size:	.7rem;
			}
			p {
				font-size: .7rem;
			}
		ul		{
			line-height:	1.4em;
			margin-left: 10px;
				}
		ul ul		{

			margin-left: 8px;
				}

		ol		{

			line-height: 1.3em;
			padding-left: 20px;
				}
		.infoboxone ol	{
			padding-left: 10px;
				}

		p	{
			line-height: 1.4em;
			margin-bottom:  1em;
		
			}
		p span {
			font-size: .8em;
			}

		h1	{
			font-size:	2.0em;
			line-height: 1.3em;
			font-style: italic;
			color:	#ffe35f;
			text-align: center;
			text-shadow: 1px 1px #cc9900;
			}

		h2	{
			
			font-size:	1.6em;
			}

		h3	{
			
			font-size:	1.3em;
			}

		h2, h3, h4    {
			font-family: "Palatino Linotype", "Book Ariqua", serif;
			color: #003399;
	
			margin-top: 2px;
			margin-bottom: 2px;
			padding-bottom: 2px;

			}
		#hometitle h4, #hometitle h3   {
			font-style: italic;
			color:	#ffe35f;
			text-align: center;
				}
		.smalltext	{
			font-size:  .7em;
			}


		a:link	{
			color:  #003399;
			}

	


		a:visited	{
			color:	#5a4f27;
			}


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

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

	
/*----------- main wrapper for all pages ------------*/


	#wrapper	{
		width: 976px;
		background-color: #ffffff;						
		margin-left: auto;
		margin-right: auto;
		
		}

	.testbox	{

		width: 976px;
	
		
		background-color: #bfddee;
			}

	

		/*----------- home page ------------*/








/*-------puts line on bottom of last drop down menu item--------------*/

		#navbar #bottom   {
			border-bottom: 1px solid #3f9bff;
				}


		#navbar  {
			font: 1em/1 Georgia, "Times New Roman", Times, serif;
			font-weight:	bold;
			text-align: center;
			padding: 7px 0px;
			margin-top: 0px;
			margin-bottom: 0;
			margin-left: 35px;
			height:	60px;
			width:	935px;
		
			}
		#navbar ul   {
			margin: 	0;
			
			padding:	0;
			list-style: none;

				}

		#navbar li {
			
			display:  block;
			padding-right: 30px;
			padding-top: 1px;
			float: left;
			width:	10em;
			}




		#navbarelements #resources  {
			padding-left: 25px;
				}

 
		#navbar li ul  {
			display: none;
			}

		#navbarelements	{
			
			width:	930px;
			margin-left:	auto;
			margin-right: auto;
			margin-top: 10px;
		
			
				}
		#navbar a:link	{
			display:	block;
			width:	12em;
			height: 3em;
			padding-right: 9px;

			padding-top: 5px;
			color:  #003399;
			text-decoration: none;
	
				}


		#navbar a:visited {
			text-decoration: none;
			color: #003399;
			display:	block;
			width:	12em;
			height: 1.5em;
			padding-right: 9px;

			padding-top: 5px;
				}


		#navbar li:hover ul{

			display: block;
			width:	12em;
			position: absolute;
				}
/*----------- navigation  ------------*/


		#navbar li li  {
			
			background-color: #ecf4ff;
			border-top: 1px solid #3f9bff;
			border-left: 1px solid #3f9bff;
			border-right: 1px solid #3f9bff;
			height: 25px;
			width: 120px;
			padding-top: 2px;
			padding-bottom: 1px;
			font-size: 1.4em;
			text-align: center;
			font-size: .8rem;
			
				}
		#countynavbar li li  {
			
			background-color: #ecf4ff;
			border-top: 1px solid #3f9bff;
			border-left: 1px solid #3f9bff;
			border-right: 1px solid #3f9bff;
			height: 25px;
			width: 120px;
			padding-top: 2px;
			padding-bottom: 1px;
			font-size: 1.4em;
			text-align: center;
			
			
				}
/*----------- home navigation  ------------*/


		.homenavbar li li  {
			
			background-color: #ecf4ff;
			border-top: 1px solid #3f9bff;
			border-left: 1px solid #3f9bff;
			border-right: 1px solid #3f9bff;
			height: 25px;
			width: 120px;
			padding-top: 3px;
			padding-bottom: 1px;
			font-size: 1.4em;
			
			
				}

/*-------puts line on bottom of last drop down menu item--------------*/

		.homenavbar .bottom   {
			border-bottom: 1px solid #3f9bff;
				}


		.homenavbar  {
			font: 1em/1 Georgia, "Times New Roman", Times, serif;
			font-weight:	bold;
			text-align: center;
			padding: 7px 0px;
			padding-top: 35px;
			margin-top: 0px;
			margin-bottom: 0;
			margin-left: 25px;
			height:	50px;
			width:	945px;

			
			}

		.homenavbar ul  {
			margin: 	0;
			padding:	0;
			list-style: none;
			}


		.homenavbar li {
			
			display:  block;
			padding-right: 35px;
			padding-top: 5px;
			float: left;
			width:	10em;

			}




		.homenavbarelements .resources  {
			padding-left: 8px;
				}


		.homenavbar li ul  {
			display: none;
			}

		.homenavbarelements	{
			
			width:	940px;
			margin-left:	5px;;
			margin-top: -36px;
			
				}
		.homenavbar a:link	{
			display:	block;
			width:	10em;
			height: 3em;
			
			font-size: .95em;
			padding-top: 5px;
			color:  #003399;
			text-decoration: none;
	
				}

		.homenavbar a:visited {
			text-decoration: none;
			color: #003399;
				}


		.homenavbar li:hover ul {

			display: block;
			width:	11em;
			position: absolute;
				}
/*----------- county navigation  ------------*/


		#conavbar li li  {
			
			background-color: #ecf4ff;
			border-top: 1px solid #3f9bff;
			border-left: 1px solid #3f9bff;
			border-right: 1px solid #3f9bff;
			height: 25px;
			width: 120px;
			padding-top: 3px;
			padding-bottom: 1px;
			font-size: 1.4em;
			
			
				}

	/*-------puts line on bottom of last drop down menu item--------------*/

		#conavbar #bottom   {
			border-bottom: 1px solid #3f9bff;
				}


		#conavbar  {
			font: 1em/1 Georgia, "Times New Roman", Times, serif;
			font-weight:	bold;
			text-align: center;
			padding: 7px 0px;
			padding-top: 50px;
			margin-top: 0px;
			margin-bottom: 0;
			margin-left: 45px;
			height:	25px;
			width:	920px;
	
			
			}
		#conavbar ul   {
			margin: 	0;
			padding:	0;
			list-style: none;

				}

		#conavbar li {
			
			display:  block;
			padding-right: 35px;
			padding-top: 5px;
			float: left;
			width:	10em;
			
			}



		#conavbarelements #resources  {
			padding-left: 8px;
				}


		#conavbar li ul  {
			display: none;
			}

		#conavbarelements	{
			
			width:	930px;
			margin-left:	auto;
			margin-right: auto;
			margin-top: 10px;
		
			
				}
		#conavbar a:link	{
			display:	block;
			width:	12em;
			height: 3em;
			padding-right: 9px;

			padding-top: 5px;
			color:  #003399;
			text-decoration: none;
	
				}

		#conavbar a:visited {
			text-decoration: none;
			color: #003399;
				}


		#conavbar li:hover ul{

			display: block;
			width:	12em;
			position: absolute;
				}
/*----------- wraps up all the where to stay, what to do, services, etc. ------------*/


	#homebox  {
		width: 977px;	
		height: 500px;				
		font-size: 1.0em;
		background-image: url(photos2/new_donner_home_banner.jpg);
		
		margin-left: auto;
		margin-right: auto;
			}
	#newindex	{
		width: 977px;
		height: 180px;
		background: url(graphics/new_index_box.png) no-repeat;
		margin-left: -6px;
		margin-top: -35px;
		}


	#newindex li  {
		list-style-type: none;
		font-size: .9em;
		
			}
	#newindex a:link  {
		text-decoration: none;
			}

	#hometitle	{
		width: 400px;
		height: 135px;
		float: right;
		margin-top: -85px;
		margin-right: 40px;
		
			}
	.beachestitle	{
		width: 472px;
		height: 64px;
		background:  url(graphics/beaches_graphic2.png) no-repeat;
		position: relative;
		margin-top: 0px;
		margin-left: 5px;
		
			}
			

		
	.bottomblue	{
		width: 976px;
		height: 77px;
		background: url(graphics/bottom_blue3.png) no-repeat;
		position: relative;
		margin-top: -30px;
		
			}
	.bottomblueleft	{
		width: 976px;
		height: 319px;
		background: url(graphics/bottom_blue_left.png) no-repeat;
		position: relative;
		margin-top: -319px;
		
			}
	.homebottomblue	{
		width: 976px;
		height: 190px;
		background: url(graphics/home_bottom_blue2.png) no-repeat;
		position: relative;
		margin-top: -30px;
		
			}
	.cobottomblue	{
		width: 976px;
		height: 115px;
		background: url(graphics/co_bottom_blue.png) no-repeat;
		position: relative;
		margin-top: -68px;
		
			}
	.statesections   {
		width: 935px;
		height: 65px;

		
	}
		.statesections2   {
		width: 935px;
		height: 45px;

		
	}


	.mapbox	{
		width: 360px;
		padding-left: 8px;
		padding-bottom: 5px;

			}
	.mapbox2	{
		width: 520px;
		margin-left: 8px;
		margin-top: 8px;
		margin-bottom: 8px;
			}
	.mapboxdbl	{
		width: 755px;
		padding-left: 9px;
		padding-bottom: 5px;
		margin-top: 8px;
	

			}
	.mapright	{
		width: 585px;
		float: right;
		clear: right;
		
			}
	.smmapright	{
		width: 190px;
		float: right;
		margin-left: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-right: -8px;
			}

	.lodgemapright	{
		width: 379px;
		float: right;
		margin-left: 8px;
		margin-bottom: 5px;
		
			}
	.lodgemap	{
		width: 379px;

		margin-left: 8px;
		margin-bottom: 8px;
		
			}

	.mdmapright	{
		width: 427px;
		float: right;
		margin-bottom: 8px;
		margin-right: 8px;
		
			}
	.smmapright	{
		width: 190px;
		float: right;
		margin-left: 8px;
		margin-bottom: 8px;
			}
	.mapleft	{
		width: 427px;
		
		margin-bottom: 8px;
		margin-left: 8px;
		
			}


	#smallbanner	{
		width: 976px;
		margin-left: 0;
		height: 294px;
		background-image: url(photos1/mendocino_coast.jpg);
			
			}
	#smallbanner2	{
		width: 976px;
		margin-left: 0;
		height: 294px;
		background-image: url(photos1/point_lobos.jpg);
			}


/*----------- RIGHT side boxes -----------*/


	.rightcontainer	{
		width: 200px;
		float: right;
		margin-right: 5px;
		margin-top: 6px;
		
	
				}

	.rightfacts	{
		width: 182px;
		padding: 8px;
		background-color: #e7f7f6;
		border: 1px solid #003399;
		margin-bottom: 8px;
		
			}
	.rtfactscorner   {
		width: 48px;
		height: 38px;
		background-image: url(graphics/rtfacts_corner.png);
		position: absolute;

	}
		.rtfactsbend   {
		width: 71px;
		height: 31px;
		background-image: url(graphics/rtfacts_bend.png);
		position: absolute;


	}
	.rightfacts li	{
		margin-left: 5px;
		font-size: 1em;
			}	
	.rightfacts ul	ul{

		font-size: 1em;
			}
	.rightfacts p	{
		font-size: .8em;
			}

	.rightfactstop	{
		width: 182px;
		height: 71px;
		padding: 8px;
		background-color: #e7f7f6;
		border: 1px solid #003399;
		margin-bottom: 9px;
		
			}
		.rightfactstop li  {
		font-size: .8em;
			}
		.rightfactstop ul  {
			margin-left: 18px;
			}
			.rightfactstop h4  {
		font-size: .9em;
			}
		.rightwhite    {
		width: 182px;
		
		border: 2px solid #069;
		border-radius: 10px;
		background-color: #fff;

		margin-bottom: 8px;
		padding: 8px;
	}
	.rightwhite li  {
		font-size: 1.1em;
		color: #333;
		line-height: 1.5em;
		
	}
	.rwlinkbox   {
		width: 170px;
		margin-right: auto;
		margin-left: auto;
		border: 1px solid #33F;
		background-color: #D2FAFF;
		border-radius: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		text-align: center;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.rwlinkbox a:link  {
		text-decoration: none;
	}
	.rwlinkbox a:hover  {
				color:	#Fff;
			background-color: #6CF;
	}
		

/*----------- CENTER and LEFT boxes -----------*/

	.centerbox	{
		width: 375px;

		float: right;
		margin-right: 8px;
		padding: 9px;
		background: #e7f7f6;
		border: 1px solid #003399;
		}
	.leftbox	{
		width: 334px;
		margin-left: 8px;
		padding: 9px;
		background: #e7f7f6;
		border: 1px solid #003399;
		}

	.centerboxwide	{
		width: 400px;

		float: right;
		margin-right: 6px;
		margin-bottom: 5px;
		padding: 9px;
		background: #e7f7f6;
		border: 1px solid #003399;
		}
		.lodgecenter	{
		width: 354px;
		float: right;
		margin-bottom: 8px;
		margin-right: 8px;
		padding: 9px;
		background-color: #ffffff;
		border: 1px solid #003399;
	
			}
	.centernarrow	{
		width: 315px;
		float: right;
		margin-bottom: 8px;
		margin-right: 8px;
		padding: 9px;
		background-color: #ffffff;
		border: 1px solid #003399;
	
			}

	.lodgecentertop	{
		width: 354px;
		float: right;
		margin-bottom: 8px;
		margin-right: 8px;
		padding: 0px 9px 9px 9px;
		background-color: #ffffff;
		border: 1px solid #003399;
		border-top: #ffffff;
			}
	.lodgetop  {
		width: 374px;
		height: 25px;
		margin-left: 1px;
		background: url(graphics/lodge_top.png);
	}
		.lodgetopleft2  {
		width: 374px;
		height: 25px;
		margin-left: 8px;
		background: url(graphics/lodge_top.png);
	}
			.lodgetopleft  {
		width: 374px;
		height: 25px;
		margin-top: 67px;
		margin-left: 8px;
		background: url(graphics/lodge_top.png);
	}
	.lodgenarrow	{
		width: 300px;
		margin-left: 15px;  
				}
	.lodgenarrow p {
		font-size: .7em;
			}
	.lodgehalf1	{
		width: 170px;
		margin-right: 8px;

			}
	.lodgehalf2	{
		width: 170px;
		float: right;
	
			}
	.lodgecenterinset	{
		width: 350px;
		height: 473px;
		float: right;
		background-image: url(photos3/harbor_boarder.jpg);
		background-repeat: no-repeat;

			}
	.centerinset	{
		width: 354px;
		height: 416px;
		float: right;
		background-image: url(photos3/point_lobos_tree2.jpg);
	
			}
	.centerinset2	{
		width: 358px;
		height: 412px;
		

		background-image: url(photos3/girl_on_beach2.jpg);
		margin-left: 0px;
			}
	.centerinset3	{
		width: 355px;
		height: 225px;
		

		background-image: url(photos3/big_creek_bridge2.jpg);
		margin-left: 0px;
			}
	.centerinset4	{
		width: 358px;
		height: 249px;
		

		background-image: url(photos3/sandcastle2.jpg);
		margin-left: 0px;
			}
	.centerinset5	{
		width: 360px;
		height: 239px;
		float: right;

		background-image: url(photos4/surfer.jpg);
		margin-left: 150px;
		margin-top: 10px;
			}
	.centerinset6	{
		width: 250px;
		height: 348px;
		float: right;
		margin-left: 0px;
		margin-top: 10px;
		background-image: url(photos6/surfer_2.jpg);
			}
	.centerinset7	{
		width: 360px;
		height: 570px;
		float: right;
		padding-left: 15px;


		margin-left: 150px;
		margin-top: 10px;
			}
	.centerinset8	{
		width: 340px;
		height: 305px;
		background-image: url(photos6/surfer_girl2.jpg);
		margin-left: 30px;
		margin-top: 0px;
			}
	.centerinset9	{
		width: 350px;
		height: 435px;
		background-image: url(photos9/huntington_surfer.jpg);
		margin-left: 5px;
		margin-top: 0px;
			}
	.centerinset11	{
		width: 350px;
		height: 460px;

		margin-left: 5px;
		margin-top: 0px;
			}
				.centerinset12	{
		width: 354px;
		height: 367px;
	background-image: url(photos10/rock.jpg);
	background-repeat: no-repeat;
		margin-left: 5px;
		margin-top: 10px;
	
			}

	.lodgeleftset	{
		width: 200px;
		
			}


	
	.lodgecenternkd	{
		width: 354px;
		float: right;
		margin-right: 14px;
		padding-right: 13px;
		margin-bottom: 5px;
	
			}
	.centergrabber	{
		width: 383px;
		float: right;
	
			}

	.lodgeleft	{
		width: 354px;
		margin-top: 70px;
		margin-left: 8px;
		margin-bottom: 5px;
		padding: 9px;
		background-color: #ffffff;
		border: 1px solid #003399;
			}
			
	#lodgelinks a:link, #lodgelinks2 a:link {
		text-decoration: none;
		font-size: 1.5em;
		
	}
	#lodgelinks ul, #lodgelinks2 ul {
		list-style-type: none;
		line-height: 2.5em;
	}
	
	
	.lodgelefttop	{
		width: 354px;
		margin-left: 8px;
		margin-bottom: 8px;
		padding: 3px 9px 9px 9px;
		background-color: #ffffff;
		border-left: 1px solid #003399;
				border-right: 1px solid #003399;
						border-bottom: 1px solid #003399;
			}

	.lodgeleft2	{
		width: 354px;
		margin-left: 8px;
		margin-bottom: 8px;
		padding: 9px;
		background-color: #ffffff;
		border: 1px solid #003399;

			}

	.lodgecenter ul, .lodgeleft ul, .lodgeleft2 ul, .lodgecentertop ul, .lodgelefttop ul
			{
		margin-left: 25px;
			}
	.mdleft	{
		width: 300px;
		margin-left: 8px;
		margin-top: 8px;
		padding: 9px;
		background-color: #ffffff;
		border: 1px solid #003399;
			}
	.mdlefttop	{
		width: 300px;
		margin-left: 8px;
		margin-top: 70px;
		padding: 9px;
		background-color: #ffffff;
		border: 1px solid #003399;
			}
	.moleraleft	{
		width: 335px;
		height: 170px;
		padding: 10px;
		margin: 8px;
		background-color: #feffbf;
			}
	.moleracenter	{
		width: 335px;
		height: 170px;
		float: right;
		margin-right: 8px;
		padding: 10px;

			}

	.lodgecolor	{
		width: 344px;
		background-color: #feffbf;
		border: 1px solid #ff683f;
		padding: 5px;
			}
	.lodgecolor2	{
		width: 364px;
		background-color: #feffbf;
		border: 1px solid #ff683f;
		padding: 5px;
			}
	.lodgecolor3	{
		max-width: 400px;
		background-color: #feffbf;
		border: 1px solid #ff683f;
		padding: 5px;
		padding-top: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
			}
	.searchcolor	{
		width: 180px;
		padding: 3px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		margin-bottom: 8px;
		text-align: center;
		background-color: #feffbf;
		border: 1px solid #ff683f;
		font-size: .7em;
		color: #003399;
			}
	.searchcolor a:link   {
		text-decoration: none;
		}
	.faq	{
		width: 190px;
		height: 40px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		margin-bottom: 8px;
	
			}

	.faquestions	{
		width: 735px;
	
		margin-top: 70px;
		margin-left: 15px;
		padding: 9px;
		
		}
	.faquestions ol   {
		margin-left: 10px;
			}

	.faquestions li   {
		line-height: 1.6em;
		font-size: 1.2em;
		font-weight: bold;
			}

	.faqrightad	{
		width: 160px;
		height: 600px;
		margin-top: 270px;
		float: right;
		margin-right: 50px;
	
			}
	.answerbox	{
		width: 600px;
		margin-left: 50px;
		padding: 9px;
		margin-top: 5px;
		background-color: #e7f7f6;
	
			}

	.doublewide	{
		width: 734px;
		padding-left: 9px;
		padding-right: 9px;
		padding-top: 8px;
		margin-left: 8px;
		padding-bottom: 5px;
		margin-top: 70px;
		margin-bottom: 8px;
		background-color: #ffffff;
		border: 1px solid #003399;
				
			}
	.doublewide_ads	{
		width: 734px;
		padding-left: 9px;
		padding-right: 9px;
		padding-top: 8px;
		margin-left: 8px;
		padding-bottom: 5px;
		margin-top: 10px;
		margin-bottom: 8px;
		background-color: #ffffff;
		border: 1px solid #003399;
				
			}

	.codoublewide	{
		width: 734px;
		height: 970px;
		padding-left: 9px;
		padding-right: 9px;
		margin-left: 8px;
		padding-bottom: 5px;
		margin-top: 70px;
		margin-bottom: 8px;

			}
	.doublewide2	{
		width: 734px;
		padding: 9px;
		clear: both;
		margin-left: 8px;
		margin-top: 8px;
		margin-bottom: 8px;
		background-color: #ffffff;
		border: 1px solid #003399;
			}
	.doublewide3	{
		width: 734px;
		padding: 9px;

		margin-left: 8px;
		margin-top: 8px;
		margin-bottom: 8px;
		background-color: #ffffff;
		border: 1px solid #003399;
			}
	.doublewidecolor	{
		width: 739px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 12px;
		margin-left: 8px;
		margin-top: 8px;
		margin-bottom: 8px;
		background-color: #ffe87f;
		border: 1px solid #003399;
			}
	.doublewidecolor2	{
		width: 739px;
		height: 37px;
		padding-left: 12px;
		margin-left: 8px;
		margin-top: 70px;
		margin-bottom: 8px;
		background-color: #ffe87f;
		border: 1px solid #003399;
			}
/*----------- Making lodge columns even at bottom -----------*/

	.bottomeven	{
		width: 757px;
		height: 5px;
		margin-left: 6px;
		margin-top: -0px;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 8px;
		background-color: #bfddee;
		border: 1px solid #bfddee;
			}
	.rightbottom	{
		
		width: 372px;
		height: 15px;
		float: right;
		margin-bottom: 0px;
		margin-top: -12px;
		margin-right: 1px;

		background-color: #ffffff;
		border-left: 1px solid #003399;
		border-right: 1px solid #003399;
		border-bottom: 1px solid #003399;
			}

	.leftbottom	{
		
		width: 372px;
		height: 15px;
		margin-top: -12px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-left: 1px;
		background-color: #ffffff;
		border-left: 1px solid #003399;
		border-right: 1px solid #003399;
		border-bottom: 1px solid #003399;
			}


/*----------- END of section Making lodge columns even at bottom -----------*/

	.doublewide3	{
		width: 738px;
	
		margin-left: 8px;
		margin-top: 8px;
		margin-bottom: 8px;
		background-color: #ffffff;
		border: 1px solid #003399;
			}
	.doublecolor	{
		width: 750px;
	
		margin-left: 8px;
		margin-top: 8px;
		margin-bottom: 8px;
		background-color: #feffbf;
		border: 1px solid #ff683f;
			}


	.doubleinsert	{
		width: 707px;
		padding: 8px;
		border: 1px solid #003399;
		margin-top: 5px;
			}
	.doubleleft	{
		width: 200px;
		float: left;
		padding-top: 5px;
		padding-bottom: 8px;
		margin-right: 8px;
		padding-left: 10px;
		padding-right: 8px;
		background-color: #ccffff;
			}
	.doubleinsert h5	{
		color: #003399;
		font-size: .8em;
		font-style: italic;
			}
	.doubleinsert p	{
		margin-bottom: 2px;

			}
	.colorbox	{

		width: 230px;
		height: 90px;
		background-image: url(graphics/box.png);
		float: left;
		padding-top: 5px;
		padding-bottom: 8px;
		margin-right: 8px;
		padding-left: 10px;
		padding-right: 0px;
			}
	.colorbox2	{

		width: 230px;
		height: 120px;
		background-image: url(graphics/box.png);
		float: left;
		padding-top: 5px;
		padding-bottom: 8px;
		margin-right: 8px;
		padding-left: 10px;
		padding-right: 0px;
			}
	.spacer		{
		height: 5px;
			}
	.spacer2		{
		height: 10px;
			}



	.centernaked	{
		width: 340px;
		float: right;
		margin-right: 8px;
		padding: 9px;
		background-color: #ffffff;

			}

	.leftnaked	{
		width: 340px;
		
		margin-left: 8px;
		padding: 10px;
		background-color: #ffffff;
			}
	.searanchrt		{
		width: 320px;
		margin-right: 8px;
		float: right;

	}
	
	
	.findyourbeach   {
		width: 251px;
		height: 68px;
		
		margin-left: auto;
		margin-right: auto;
	}
	
	.slonaked	{
		width: 360px;
		float: right;
		margin-top: -10px;
		padding: 9px;
		background-color: #ffffff;
	
			}

	.slowrapper		{
		width: 380px;
		float: right;
		margin-right: 5px;
	}
	.slonaked2	{
		width: 150px;
		float: right;
		margin-top: 0px;
		padding: 9px;
		margin-right: -10px;
		background-color: #ffffff;

			}

	.sloleftnaked	{
		width: 220px;
		margin-left: 8px;
		padding: 10px;
		background-color: #ffffff;
		
			}
	.sloleftnaked a:link, .slonaked2 a:link  {
		color: #000000;
			}

	.middle		{
		width: 545px;
		margin-left: 216px;
		margin-top: 71px;
	
			}


	.directionsmap	{

		width: 735px;
		height: 750px;
		margin-top: 70px;
		margin-left: 8px;
		padding: 9px;

				}
	.directionsmap2	{

		width: 752px;
		height: 680px;
		margin-top: 10px;
		margin-left: 8px;
		padding: 9px;
		background-image: url(maps/california_map.png);
		background-repeat: no-repeat;
				}
				
	.directionsmap2 a:link   {
		color: #069;
		font-size: 1.5em;
		text-decoration: none;
		
		
	}
	.directionsmap2 a:visited   {
		color: #069;
		
	}
		.directionsmap2 a:hover   {
		color: #0CF;
	}
	.directionsmaplg	{

		width: 735px;
		height: 860px;
		margin-top: 70px;
		margin-left: 8px;
		padding: 9px;

				}
	.directionsmapxlg	{

		width: 735px;
		height: 950px;
		margin-top: 70px;
		margin-left: 8px;
		padding: 9px;

				}
	.directionsmapsm	{

		width: 735px;
		height: 500px;
		margin-top: 70px;
		margin-left: 8px;
		padding: 9px;

				}
	.rightmap	{
		Width:  520px;
		float: right;
		margin-right: 8px;
		margin-bottom: 8px;
	
		}
	.narrowleft	{
		width: 205px;
	
		margin-left: 8px;
		padding: 9px;
		background-color: #ffffff;
		border: 1px solid #003399;
		margin-bottom: 8px;
			}
	.narrowleft2	{
		width: 205px;
		margin-top: 87px;
		margin-left: 8px;
		padding: 9px;
		background-color: #ffffff;
		border: 1px solid #003399;
		margin-bottom: 8px;
			}
	.narrowleft3	{
		width: 205px;
		margin-top: 70px;
		margin-left: 8px;
		padding: 9px;
		background-color: #ffffff;
		border: 1px solid #003399;
		margin-bottom: 8px;
			}
	.narrowleft4	{
		width: 205px;
		margin-top: 70px;
		margin-left: 8px;
		padding: 9px;
		background-color: #ffffff;
		border: 1px solid #003399;
		margin-bottom: 8px;
			}
				.narrowleft5	{
		width: 325px;
	
		margin-left: 8px;
		padding: 9px;
		background-color: #ffffff;
		border: 1px solid #003399;
		margin-bottom: 8px;
			}
	.narrowright	{
		width: 205px;
	
		margin-right: 8px;
		padding: 9px;
		float: right;
		background-color: #ffffff;
		border: 1px solid #003399;
		margin-bottom: 8px;
			}
		


/*----------- TITLE INFORMATION ON HOMEPAGE -----------*/

	#inserthome	{
		width:	500px;
		margin-top: 80px;
		float: right;
		margin-right: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
							
		
			}

	#inserthome2	{
	
		width: 750px;
		padding-top: 220px;
		padding-left: 25px;
		

			}

	#inserthome h1 {

		color: #ffffff;
		font-size: 3em;
			}

/*----------- wHITE TITLE ON ALL OTHER PAGES EXCEPT HOME PAGE -----------*/






	.ebbetts1	{
		width: 110px;
		height: 35px;
		margin-left: -45px;
		margin-top: -51px;
		color: #ffffff;
		font-style: italic;
		padding-left: 4px;

		font-size: .8em;
			}
	.ebbetts2	{
		width: 190px;
		height: 30px;
		margin-left: -32px;
		margin-top: 5px;
		color: #ffffff;
		font-style: italic;
		font-size: .8em;
		padding-bottom: 5px;
		
			}
	.coebbetts	{
		width: 110px;
		height: 35px;
		margin-left: -45px;
		margin-top: -46px;
		color: #ffffff;
		font-style: italic;
		padding-left: 4px;

		font-size: .8em;
			}
	.ebbetts1 a:link, ebbetts2 a:link, coebbetts a:link   {
		color: #003399;
		
		}

	
		/*----------- box at bottom of home page ------------*/


	.fullbox	{
		width:  966px;
		margin-left: auto;
		margin-right: auto;

	
		
			}

	.fullboxinsert	{
		width: 618px;
		background-color: #f8f7ff;

		margin-top: -12px;
	
		
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 4px;
		padding-bottom: 4px;
			}
	.hometop	{
		width: 638px;
		height: 38px; 
		background: url(graphics/home_top5.png);
		margin-top: 1px;
		margin-left: 0px;
			}

	.hometop3	{
		width: 320px;
		height: 39px; 
		background: url(graphics/home_top3.png);
		margin-top: 1px;
		margin-left: 0px;
		float: right;
			}
	.homeright	{
		width: 300px;
		clear: right;
		float: right;
		margin-left: 2px;
		margin-top: -12px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 4px;
		padding-bottom: 4px;
	
		background-color:  #ebf2ff;
			}
	.homeright h3, .homeright p	{
		color: #000000;
		font-family: Times New Roman, Times New Roman, Times, serif;
			}

	.homebottom	{
		width: 920px;
		background-color: #f8f7ff;
		border: 1px solid  #59abbf;
		margin-left:  -5px;
	
		margin-top: 10px;
		
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 4px;
		padding-bottom: 4px;
		}

	#footer	{
			width:	850px;
			height: 200px;
			padding-top: 5px;
			margin-right:  auto;
			margin-left: auto;
			text-align:  center;
			font-size:	.7rem;
			font-family:	Georgia , Helvetica, Geneva, sans-serif;

				}
				#footer p  {
					font-size: .7rem;
				}
	#footercase   {
			width: 976px;
			border-top: 4px double #000;
			border-bottom: 4px double #000;
			margin-left: auto;
			margin-right: auto;
			margin-top: 20px;
			margin-bottom: 10px;
			background-color: #E7F7F6;
	}
		
		
	.bottomshadow	{
		width: 983px;
		height: 76px;
		background-image: url(graphics2/bottom_shadow.png);
		margin-left: -3px;
		margin-top: -10px;
					}

	#indexbox	{
			width: 185px;
			background-color:  #ffffff;
			font-size:  1.1em;
			padding-left: 10px;
			margin-bottom: 10px;
			border: 1px solid #2f589e;
			}

	#indexbox ul	{
		line-height: 1.0em;
		list-style-type: none;
		color:	#000000;
		
			}

 	#indexbox a		{
		line-height: 1.1em;
		font-size:  1.0em;
		text-decoration: none;
		color: #14454c;
			}

	#menu, #menu ul {
		list-style-type: none;
		padding: 0;
		margin: 0;

			}

	#menu li	{
		cursor: pointer;
		background: #daf5f9  url(graphics/arrows2.png) no-repeat right top;
		padding-bottom: 5px;
		padding-top: 3px;
		border-bottom: 1px solid #444;
		line-height: 1.3em;
			}

	#current	{
		width: 150px;
		margin-left: 0px;
		margin-top: 5px;
		margin-bottom: 5px;
		
			}

	#menu li a {
		text-decoration: none;
		line-height: 1.5em;
color: #015965;
			}

	#menu > li > a {
		padding: 2px 10px;
		font-weight: bold;
	
			}

	#menu li li {
		cursor: auto;
		border: 0;
		padding: 0 5px;
		background-color: #daf5f9;
		background-image: none;
			}

	.beacheshome	{
			width: 119px;
			height: 28px;
			float: left;
			margin-left: 8px;
			margin-top: -65px;
			
				}


	#leftwrapper	{
		width: 186px;
		float:  right;
		margin-right: 10px;
	
								
			}
	.leftsidebar		{

		width: 180px;
		margin-top: 5px;
		margin-left: -3px;
		padding-top: 3px;
		padding-left: 10px;
		padding-right: 5px;
		padding-bottom: 5px;
		border: 1px solid #2f589e;
		background-color: #dee9f9;
			}
	.leftsidebar p {
		font-size: .8em;
		}
	.leftwhite		{

		width: 180px;
		margin-top: 5px;
		margin-left: -3px;
		padding-top: 3px;
		padding-left: 10px;
		padding-right: 5px;
		padding-bottom: 5px;
		border: 1px solid #2f589e;
		background-color: #ffffff;
			}


	#homebannerad	{
		width: 730px;
		margin-top: -18px;
		margin-left: 10px;
	
		}

		/*----------- information boxes on most pages ------------*/
		

	#infoboxone	{
		width: 540px;				
		padding: 3px 10px 10px 10px;
		background-color: #ffffff;
		border: 1px solid #2f589e;

		margin-top: 115px;
		margin-bottom: 5px;
	
			}

	.infogreen	{
		background-image: url(graphics/green2.png);
		background-repeat: no-repeat;
		padding-left: 35px;
		padding-top: 7px;
		margin-left: -10px;
		margin-top: -4px;
		width: 500px;
		height: 32px;
			}

	.infogreen2	{
		background-image: url(graphics/green2.png);
		background-repeat: no-repeat;
		padding-left: 35px;
		margin-left: -10px;
		margin-top: -11px;
		width: 500px;
		height: 25px;
			}
	.infogreen3	{
		background-image: url(graphics/green33.png);
		background-repeat: no-repeat;
		float: left;
		width: 560px;
		height: 27px;
		margin-left: -10px;
		margin-top: -17px;
			}


	#infoboxhalf	{
		width: 540px;				
		padding: 3px 10px 10px 10px;
		background-color: #ecf4ff;
	
			}

	#infoboxhalf li  {
		margin-left: 10px;
			}

	.infoboxcolor	{
		width: 540px;				
		padding: 10px;
		background-color: #dee9f9;
		border-left: 1px solid #ffd200;
		border-right: 1px solid #ffd200;
			}


	.infoboxnocolor	{
		width: 540px;				
		padding: 10px;
		border-left: 1px solid #ffd200;
		border-right: 1px solid #ffd200;
		
			}
	.infotwocolor	{
		width: 540px;				
		padding: 10px;
		background-color: #e2efff;
		margin-left: -10px;
		margin-bottom: 8px;
			}

	.infotwoblind	{
		width: 540px;
		margin-top: 5px;
		
		padding: 10px;
		background-color: #ecf4ff;
		border-top: 1px solid #03899c;
			}
	.infoboxhalf	{
		width: 260px;
		float: right;
		border-left: 1px solid #03899c;

		margin-left: 10px;
		padding-left: 8px;
			}
	
	.infoboxhalf p	{
		font-size: .8em;
		margin-bottom: 0;
		}

	.infoboxhalf h4	{
		
		margin-bottom: 0;
		}

	.breaker	{
		width: 564px;
		border-top: 1px solid #03899c;
		border-bottom: 1px solid #03899c;
		text-align: center;
		margin-top: 3px;
		background-color: #5fc0ce;
			}
	.breaker h3	{
		color: #ffffff;
			}


/*----------- Graphic symbols and decorations ------------*/

	.deco	{
		width: 206px;
		height: 10px;
		background: url(graphics/symbol.png);
		margin-left: auto;
		margin-right: auto;
		}

	.midtitlebox	{
		width: 375px;
		height: 35px;
		margin-top: 5px;
	
		border-bottom: 2px solid #003399;
			}
	.titlebox	{
		width: 350px;
		height: 35px;
		margin-top: 5px;
		border-top: 2px solid #003399;
		border-bottom: 2px solid #003399;
			}



/*----------- Ebbetts photo boxes and margins ------------*/
	.featurephoto	{
		width: 534px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #03899c;
			}
	.featurephoto img	{
		padding: 2px;
		}

	.rightphoto	{
		width: 302px;
		height: 202px;
		float: right;
		border: 1px solid #03899c;
		margin-left: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
			}
	
	.captionright	{
		width: 302px;
		text-align: center;
		
		float: right;

		margin-left: 10px;

		font-size: .8em;
			}
	.captionleft	{
		width: 302px;
		text-align: center;
		float: left;
		margin-right: 10px;

		font-size: .8em;
			}
	
	.leftphoto	{
		width: 302px;
		height: 202px;
		float: left;
		border: 1px solid #03899c;
		margin-right: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
			}

	.leftphotov	{
		width: 202px;
		height: 302px;
		float: left;
		border: 1px solid #03899c;
		margin-right: 10px;
			}
	.leftphotov2	{
		width: 202px;
		height: 268px;
		float: left;
		border: 1px solid #03899c;
		margin-right: 10px;
			}
	.leftphotovsm	{
		width: 100px;
		height: 150px;
		float: left;
		padding: 1px;
		border: 1px solid #03899c;
		margin-right: 10px;
			}

	.rightphotov	{
		width: 202px;
		height: 302px;
		float: right;
		border: 1px solid #03899c;
		margin-left: 10px;
		margin-bottom: 3px;
			}

	.rightphotov2	{
		width: 352px;
		height: 468px;
		
		border: 1px solid #03899c;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3px;
			}
	.rightphotosm	{
		width: 152px;
		height: 102px;
		float: right;
		border: 1px solid #03899c;
		margin-left: 10px;
			}
	.photosm	{
		width: 304px;
		height: 204px;
		
		border: 1px solid #03899c;
		margin-left: auto;
		margin-right: auto;
			}

	.rightphotovsm	{
		width: 102px;
		height: 152px;
		float: right;
		border: 1px solid #03899c;
		margin-left: 10px;
			}

	.rightphotomd	{
		width: 202px;
		height: 135px;
		float: right;
		border: 1px solid #03899c;
		margin-left: 10px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 0.8em;
			}

	.leftphotomd	{
		width: 202px;
		height: 135px;
		float: left;
		border: 1px solid #03899c;
		margin-right: 10px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 0.8em;
			}
	.lodgephoto	{
		width: 352px;
		height: 236px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #03899c;

		margin-top: 5px;
		margin-bottom: 5px;
			}
			.lodgephoto3	{
		width: 352px;
		height: 288px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #03899c;

		margin-top: 5px;
		margin-bottom: 5px;
			}
		.lodgephoto2	{
		width: 352px;
		height: 192px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #03899c;

		margin-top: 5px;
		margin-bottom: 5px;
			}
		.lodgephotosm	{
		width: 319px;
		height: 214px;
		border: 1px solid #03899c;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: -3px;
			}
	.lodgephotosq	{
		width: 352px;
		height: 352px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #03899c;

		margin-top: 5px;
		margin-bottom: 5px;
			}
	.lodgephotov	{
		width: 236px;
		height: 352px;
		margin-left: 5px;
		margin-right: 0px;
		border: 1px solid #03899c;
		float: right;
		margin-top: 5px;
		margin-bottom: 5px;
			}
	.lodgephotobigv	{
		width: 352px;
		height: 525px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #03899c;
		
		margin-top: 5px;
		margin-bottom: 5px;
			}
	.lodgephotoslim	{
		width: 352px;
		height: 123px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #03899c;

		margin-top: 5px;
		margin-bottom: 5px;
			}

	.lodgecaption	{
		
		text-align: center;
		font-size: .8em;
			}

	.lodgecaptionv	{
		width: 234px;
		text-align: center;
		font-size: .8em;
		float: right;
		clear: right;
		margin-bottom: 3px;
			}
	.manresaphoto	{
		width: 332px;
		height: 223px;
		margin-left: -2px;
		border: 1px solid #03899c;
		margin-top: 5px;
		margin-bottom: 5px;
			}
	.manresaphoto_mob	{
		width: 314px;
		height: 211px;
		margin-left: -2px;
		border: 1px solid #03899c;
		margin-top: 5px;
		margin-bottom: 5px;
			}
	.dblwdphotos	{
		width: 750px;
		height: 250px;
		margin-left: 8px;
		
		
				}
	.dblwdphotos2	{
		width: 700px;
		margin-left: 5px;
		border: 1px solid #ffffff;
				}

	.dblphotoone		{
		width: 366px;
		height: 245px;
		margin-left: 0px;
	
		margin-bottom: 8px;
		border: 1px solid #03899c;
			}
	.dblphototwo		{
		width: 366px;
		height: 245px;
		float: right;
		margin-bottom: 8px;
		border: 1px solid #03899c;
			}
	.dblphotoone2		{
		width: 352px;
		height: 288px;
		margin-left: 0px;
		margin-left: 9px;
		margin-top: 8px;
		margin-bottom: 8px;
		border: 1px solid #03899c;
			}

	.dblphototwo2		{
		width: 352px;
		height: 288px;
		float: right;
		margin-right: 9px;
		margin-top: 8px;
		margin-bottom: 8px;
		border: 1px solid #03899c;
			}
	.dblphotoone3		{
		width: 342px;
		height: 229px;
		margin-left: 0px;
	
		margin-top: 8px;

		border: 1px solid #03899c;
			}

	.dblphototwo3		{
		width: 342px;
		height: 229px;
		float: right;
		margin-top: 8px;

		border: 1px solid #03899c;
			}
	.dblcaptwo		{
		width: 342px;
		height: 20px;
		float: right;
		margin-top: 8px;
		margin-bottom: 8px

	
				}
	.dblcapone		{
		width: 342px;
		height: 20px;
		margin-left: 0;
		margin-top: 8px;
		margin-bottom: 8px


				}

	.skinnyphoto {
		width: 502px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #03899c;
			}
	.bottompanphoto	{
		width: 954px;
		height: 192px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #03899c;
		}

	 .rightphoto img, .leftphoto img, .rightphotov img, .leftphotov img, .rightphotosm img, .skinnyphoto img, .rightphotovsm img, .rightphotomd img, .leftphotomd img, .manresaphoto_mob img	{
		padding: 1px;
		
			}
	.lodgephoto2 img, .photosm img, .lodgephotosq img, .lodgephotobigv	img, .lodgephotov img, .dblphotoone2 img, .dblphototwo2 img,  .dblphotoone3 img, .dblphototwo3 img, .bottompanphoto img, .dblphototwo img, .dblphotoone img, .lodgephoto img, .lodgephotoslim img, .manresaphoto img, .rightphotov2 img, .lodgephotosm img, .lodgephoto3 img
			{
		padding: 2px;
		background-color: #ffffff;
			}


	.rightphotomd p, .leftphotomd p  {
		line-height: 2.0em;
			}



/*----------- centerbox is centered - left float left, right floats right------------*/

	#centerbox	{
		
		width: 565px;
		margin-left: 210px;
		
			}

	#leftcontainer	{
		width: 200px;
		float: left;
		margin-left: 8px;

			}

	#homerightsidebar
			{
		width: 190px;
		float: right;
		margin-right: 0px;
		margin-top: 50px;
		background-color:  #dee9f9;
		border-top: 5px solid #4390a6;
		padding: 10px;
			}
	#homerightsidebar ul ul {
		list-style: none;
				}
	#homerightsidebar h3{
		color: #3489a1;
				}

	#homerightsidebar h1 	{
		color: #3489a1;
		font-size: 2.3em;
			}

	#homerightsidebar h4   {
		color: #717171;
		
			}



	#rightsidebar
			{
		width: 190px;
		float: right;
		margin-right: 8px;		
			}


	

	.infoboxtwo	{
		width: 540px;
		margin-top: 3px;

		padding: 10px;
		background-color: #ffffff;
		border-left: 1px solid #2f589e;
		border-right: 1px solid #2f589e;
		border-bottom: 1px solid #2f589e;
		border-top: 1px solid #2f589e;
							
			}

	.infoboxtwosm	{
		width: 540px;
		margin-top: 3px;

		padding: 10px;
		background-color: #ffffff;
		border-left: 1px solid #2f589e;
		border-right: 1px solid #2f589e;
		border-bottom: 1px solid #2f589e;
		border-top: 1px solid #2f589e;
				
			}
	.infoboxtwosm table  {
		font-size: .8em;
			}
	.infoboxtwo ul	{
		margin-left: 25px;
			}


	.infodivider	{
		width: 562px;
		border-top: 2px solid #2f589e;
		border-bottom: 2px solid #2f589e;
		
		background-color: #dee9f9;
		margin-bottom: 3px;
		margin-top: 3px;
	
			}
	.infotwotitle	{
		width: 540px;
	
		background-color: #ffdd40;
		padding-top: 1px;
		padding-bottom: 2px;
		padding-left: 20px;
		margin-left: -10px;
		margin-bottom: 10px;
		margin-top: -3px;
			}

	.infotitlealt	{
		width: 500px;
	
		background-color: #eddff4;
		padding-top: 1px;
		padding-bottom: 2px;
		padding-left: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		margin-top: -3px;
			}

	.infotitleslim	{
		width: 120px;
		background-color: #ffea76;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 10px;
		margin-left: 0px;
		margin-bottom: 10px;
		margin-top: 5px;
			}

		
	.distances	{
		width: 500px;
		margin-left: auto;
		margin-right: auto;
		border-top: 1px solid #03899c;
		border-bottom: 1px solid #03899c;
		padding-top: 8px;
		padding-bottom: 15px;
			}

	.distances table  {
		font-size: .8em;
			}

	.infoboxthree	{

		width: 540px;
		margin-top: 5px;
		margin-left: 205px;
		padding: 10px;
		border: 4px solid #317686;
		background-color: #edfcff;
			}



	.infotwoblind h1
		{
		color: #006343;
			}


		

	



	/*----------- graphics for Camping pages ------------*/

	.treelogo
		{
		
		width: 42px;
		height: 50px;
		float: left;
		background: url(graphics/tree_2.png);
		margin-left: 10px;
		margin-right: 20px;
		margin-top: 5px;
			}

	
	.snowtree {
		background-image: url(graphics/snow_tree.png);
		width: 68px;
		height: 120px;
		float: right;
		margin-left: 5px;
			}


	.mapbutton
		{
		width: 140px;
		height: 40px;
		float: right;
		padding-top: 25px;
		padding-left: 30px;
		background: url(graphics/map_button_2.png) no-repeat;

		
		}
	.mapbutt	{
		width:	94px;
		height:	61px;
		float: right;
		padding-left: 8px;

			}
	.rangerbutton
		{
		width: 186px;
		height: 50px;
		float: right;
		
		padding-top: 12px;
		padding-left: 15px;
		background: url(graphics/ranger_button.png) no-repeat;
		}
	.rangerbutton a	{
		text-decoration: none;
			}
	.rangerbutton h5	{
		text-align: center;
			}

	#fullmap
		{
		width: 790px;
		height: 730px;
		padding-left: 80px;
		padding-top: 20px;
		border: 2px solid black;
		}
	#fullmapbig
		{
		width: 930px;
		margin-left: auto;
		margin-right: auto;

		}
	.bottommap  {
		width: 750px;
		margin-left: 10px;
		
	}
	.cacamping  {
		width: 334px;
		background-color: #e7f7f6;
		padding: 8px;
		border-top: 1px solid #06C;
		border-bottom: 1px solid #06C;
		margin-bottom: 10px;
	}
	.cacampingrt  {
		width: 180px;
		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;
		
	}
		

	/*----------- Button to close New Window Made for Maps ------------*/

	#shutit		{

		width: 75px;
		height: 30px;
		float: right;
		margin-top: 15px;
		margin-bottom: 10px;
		padding-bottom: 3px;
		background-color: #b7b7b7;
				}

	
	#shutit	 a	{
		color: #ffffff;
			}

	#shutit a:hover		{
		color: green;
			} 

	/*----------- Side Bars ------------*/


	.sidebarinsert	{
		
		width: 180px;
		
		padding-left: 8px;
		padding-right: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-right: 1px solid #ffd200;
		background-color: #dee9f9;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .9em;
		
			}
	.sidebarinsertrt	{
		
		width: 180px;
		
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
		border: 1px solid #2f589e;
		background-color: #dee9f9;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .9em;
		
			}

	.sidebarinsert ul, sidebarinsertrt ul  {

		padding-left: 15px;

			}


	.sidebarinsert2	{
		
		width: 181px;
		
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
		border: 2px solid #ffc900;
		
		
		background-color:  #ffe173;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .9em;
		
			}

	.sidebarinsert2 .sidebartop	{
		
		margin-left: -5px;
		margin-top: -8px;
		margin-bottom: 5px;
			}

	

	table	{
		border-collapse: collapse;
		
			}
		
	th, td		{
		border: 1px solid #000000;
		padding: 5px;
		font-size: .8em;

			}

	td   {
		
		text-align: center;
		padding: 0.2em;
		background-color:   #ecf4ff;
		}

	tbody th   {
		border: 1px solid #000000;
		background-color: #bfddee;
		text-align: left;
		
		padding: 0.3em;

		}
	thead th   {
		border: 1px solid #000000;
		background-color: #bfddee;
		text-align: center;
		font-weight: normal;
		padding: 0.3em;

		}

	caption   {
		font: bold 120% "Times New Roman", Times, serif;
		background-color: #ecf4ff;
		color: #000000;
		padding: 0.4em 0 0.3em 0;
		border: 1px solid #000000;
				}

	tfoot	{
		font-size: .8em;
		background-color: #ecf4ff;
		font-style: italic;
		
		}



	.sideindex	{

		width: 178px;
		border: 1px solid #2f589e;
		
		background-color: #ffffff;
		padding-top: 3px;
		padding-left: 8px;
		padding-right: 5px;
		padding-bottom: 5px;
		margin-top: 5px;
		
		font-family: "Palatino Linotype", "Book Ariqua", serif;
			}
	

	.rightbox	{
		width: 178px;
		padding-top: 3px;
		padding-left: 8px;
		padding-right: 5px;
		padding-bottom: 5px;
		margin-top: 5px;
		border-left: 1px solid #669900;
		background-color: #dee9f9;
			}


	.rightbox p, .rightbox ul	{
		font-family: "Palatino Linotype", "Book Ariqua", serif;
		font-size: .9em;
			}
	


	.sideindex ul {
		padding-left: 10px;
			}

	.sideindex ol {
		padding-left: 30px;
			}
	.sideindex a    {
		line-height: 1.6em;
		text-decoration: none;
		color: #1f6a75;
			}
	.sideindex h3	{
		color: #1f6a75;
			}

		
	.historynote	{

		width: 525px;
		padding: 8px;
		border-bottom: 2px solid #cee7ff;
		border-right: 2px solid #cee7ff;
		background-color: #ebf5fc; 
			}

	.calendardivide   {
		width:  486px;
		height: 3px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		margin-bottom: 5px;
		background: url(graphics/xtra_thin_stripe.png) no-repeat;
			}

	.calendaroffset   {
		width: 470px;
		padding-left: 70px;
		
			}

	.calendaroffset p	{
		font-size: .8em;
			}


	.calendarevent		{
		width: 500px;
		height: 25px;
		margin-bottom: 3px;
		
			}

	.date		{
		width: 90px;
		float: left;
		
			}



	.event		{

		width: 400px;
		float: left;
		
			}



	.weather	{

		width: 304px;
		height:  254px;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
			}

	.amzad		{
		width: 120px;
		margin-right: auto;
		margin-left: auto;
	
			}

	.amzright	{
		width: 120px;
		margin-right: 10px;
		float:  right;
		margin-bottom: 5px;
		margin-left: 5px;

			}
/*----------- These two form purple box  ------------*/
	.amzadright		{
		width: 120px;
		margin-right: 25px;
		float:  right;
		margin-bottom: 5px;
		margin-left: 5px;
			}
	.lodgeamzad	{
		width: 300px;
		background-color: #b07fff;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 8px;
		padding-left: 25px;
		padding-bottom: 15px;
		padding-top: 5px;
			}
	.books	{
		width: 250px;
		height: 42px;
		margin-left: 10px;
		
		margin-top: 8px;
		margin-bottom: 5px;
	
			}
	
	.rightad	{
		width: 160px;
		height: 600px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 8px;
		margin-bottom: 10px;
	
		}


	#bannerad	{
		width: 755px;
		height: 90px;

		margin-left: 10px;
		float: left;
		margin-bottom: 10px;
		margin-top: 5px; 
			}
	.centerad	{
		width: 336px;
		height: 280px;

		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
			}
	/*-----------------------Graphic Touches------------------------*/

	.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;
			}
	.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;
			} 
	.sandcastle		{
		width: 150px;
		height: 105px;
		float: right;
		background-image: url(graphics/sandcastle.png);
		margin-top: 8px;
			}
	.topwave	{
		width: 375px;
		height:  51px;
		background-image: url(graphics/top_wave.png);
		margin-left: -11px;
		margin-top: -12px;
		}
	.topwave2	{
		width: 374px;
		height:  54px;
		
		background-image: url(graphics/top_wave2.png);
		margin-left: -10px;
		margin-top: -19px;
		}
	.topwave3	{
		width: 376px;
		height:  44px;
		
		background-image: url(graphics/top_wave3.png);
		margin-left: -10.5px;
		margin-top: -19px;
		}
	.topwave4	{
		width: 375px;
		height:  51px;
		
		background-image: url(graphics/top_wave4.png);
		margin-left: -10.5px;
		margin-top: -12px;
		}
	.topwave5	{
		width: 375px;
		height:  34px;
		background-image: url(graphics/top_wave5.png);
		margin-left: -10px;
		margin-top: -12px;
		}
	.topwave6	{
		width: 375px;
		height:  34px;
		background-image: url(graphics/top_wave6.png);
		margin-left: -11px;
		margin-top: -12px;
		}
	.lifeguardflags  {
		width: 59px;
		height: 131px;
		margin-right: 20px;
		float: left;
			}
	.mobileicon, .mobileicon2	{
		width: 80px;
		height: 30px;
		clear: right;
		float: right;
		margin-top: 90px;
		margin-right: 8px;
		padding: 3px;
			}
	.homemobicon	{
		width: 80px;
		height: 30px;
		clear: right;
		float: right;
		margin-top: -30px;
		margin-right: 8px;
		padding: 3px;
			}

	.mobileicon a	{
		text-decoration: none;
		font-size: .7em;
		color:  #003399;
			}
	.mobileicon2 a, .homemobicon a	{
		text-decoration: none;
		font-size: .7em;
		color:  #fff;
			}
	.more a:link	{
		text-decoration: none;
			}
	.homeicon   {
		width: 29px;
		height: 35px;
		float: left;
		margin-left: 5px;
		margin-top: 120px;
		padding: 2px;
		border-radius: 5px;
		border: 1px solid blue;
		background-color: #e6f4f4;
			}
	.homeicon2   {
		width: 29px;
		height: 35px;
		float: lrft;
		margin-left: 5px;
		margin-top: 120px;
		padding: 1px;
		border-radius: 5px;
		border: 1px solid blue;
		background-color: #e6f4f4;
			}
	.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: 1.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;
	}
	.safety  {
		width: 400px;
		border: 1px solid #09C;
		border-radius: 10px;
		margin: 10px;
		padding: 8px;
		background-color: #e7f7f6;
	}
	#copyright  {
		width: 35px;
		height: 12px;
		background-image: url(graphics2/copyright.png);
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;

	}




/*-----------------------LOGO link to Californias Greatest Lakes and other sites------------------------*/



	.cgl		{
		width:  204px;
		height: 68px;
		margin-left: 10px;
		float: right;
			}	
	.tinylogos		{
		width:  142px;
		height: 37px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 5px;
			}