/* Camp Highland stylesheet v0.8 by Jonathan Werve web@jonathanwerve.com , (c) 2006 CHOSS */

/* site to do list: Change menu links to 4 across; finish top sheet; style cheat page; */

body {

    text-align: center;
    background-image: url(bg.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed; 
	margin: 0 auto;
	padding: 0;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 0.8em;
	background-color:#333333;
/*	background: #333333; 	background-image:    url("http://welsamerica.com/body_back2.jpg");
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color:#ced7e7;*/
}

p {
    text-align:justify;
}

li { 
   text-align:justify;
}

a {
	text-decoration: none;
	color: #cccccc;
}

a:hover {
	text-decoration: underline;
	color: #CC0000;
}



a img {
	border: 0;
	padding: 0;
}



h1 {
	color: #005500;
	font-size: 3em;
	line-height: 1.1em;
}

h2 { 
	color: #880000;
	font-size: 2em;
	line-height: 1.1em;
}

.divide {
	align: center;
	width: 520px;
}

.list {
	align: left;
	width: 300px;
}

#caption {
	font-size: .8em;
	line-height: 1em;
	color: #666666;
	}

		
/* Not sure what the H3 formats were for */

h3 {
	font-size: 10px;
	margin: 0;
	padding: 0px 0px 8px 0px;
	border-bottom: 0px solid #eee;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	color: rgb(164,164,164);
}

h4 {
	font-size: 1.5em;
	color: #000000;
}


#copy {
	text-align: right;
	margin: 5px 0 0 0;
	font-size: .8em;
	color: #666666;
}	


/* All page layout formats follow images/backk.gif*/


#reallybg {
margin-top:15px;
	width: 805px;
	height: 100%;
	background-image: url();
	background-repeat: repeat-y;
}

#bg { 
	width: 803px;
	margin: 30px, 30px, 30px, 30px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background-color:#000000;
	background-repeat: repeat-y;
	overflow: hidden;
	
}


/* front page stylesheet */


#quicklinksnest1 {
	text-align: left;
	font-size: 0.8em;
	margin: 3px 0px 0px 10px;
}

#quicklinks {
	color: #cccccc;
	width: 88px;
	height: 230px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#frontbuttons {
	width: 710px;
	height: 231px;
	float: right;		
	margin: 0 0 0 0;
	background-image: url(frontimages/buttonback.gif);
	background-repeat: no-repeat;
}


#frontbuttonsnest1  {
	margin: 0 0 0 2px;
}

#frontbuttonsnest1 img {
	width: 150px;
	margin: 12px 10px -10px 10px; 
}

#frontbuttonsnest1 :hover {
	text-decoration: none;
	
} 

#frontbuttonsnest1 a:hover img{
	border: 1px solid #ffffff;
	padding: 0;
	margin: 11px 9px -11px 9px;
} 


	
#weather {
	margin: 0;
	height: 188px;
	width: 301px;
	background-image: url(http://www.weatherforyou.net/fcgi-bin/hw3/hw3.cgi?config=png&forecast=zone&alt=hwizone&place=Cherry+Valley&state=ca&zipcode=&hwvbg=black&hwvtc=white&hwvdisplay=&daysonly=1);
	background-repeat: no-repeat;
 
}
		
	 
#layer1 {
	height: 231px;
}

/* jkeem
#layer2 {
background-image:url(frontimages/layerbg-1.gif);
background-position: center;
background-repeat:no-repeat;
} */

#layer2 img {
	margin: 0px 0px 0px 0px;
}


#frontbottomleft {
	width: 380px;
	margin: 0px 0px 0px 0px;
	
}

#frontbottomleftnest1 {
	padding: 15px;
	float: left;
	line-height: 1.7em;
	color: white;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 0.9em;	
}


#frontbottomright {
	margin: 0px 0px 0px 0px;
	float: right;
}

#frontbottomrightnest1 {
	padding: 15px;
	width: 360px;
	line-height: 1.7em;
	color: white;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 0.9em;	
}

#counter {
	line-height: 1.7em;
	color: silver;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 1.4em;
	margin: 0 0 0 0px;
}



/* set border below width to 0px before final */

#contact {
	position: absolute;
	left: 860px;
	top: 30px;
	float: right;
	height: 65px;
	width: 200px;
	border: 0px solid red;
	margin: 10px 0 0 0;
}






/* inside page style sheet */


#logo  {
	position: absolute;	
	left: 310px;
	top: 30px;
	float: left;
	height: 50px;
	width: 200px;
	border: 0px solid red;
	margin: 10px 0 0 0;
}





#insideheader {	
	background-image: url(images/header.gif);
	height: 94px;
}

#footer {
	height: 100px;
}

#navbar {

	float: left;
	height: 34px;
	border: 0px solid red;
	margin: 5px 0 0 0;
	font-size: 8pt;

}
#navbar a:hover img {

	border:1px solid #FFFFFF;
	margin: -2px -2px 0  0;
	font-size: 8pt;


}
#navbarnest { 
	margin: 5px;
	}

#skinny img {
	border: 0 none white;
	}

#content {
	height: 100%;
	width: 599px;
	margin: 4px 0 0 0;
	float: left;

}


#content a {
	color: #CC0000;
	text-decoration: none;
	}


#content a:hover {
	text-decoration: underline;
	}

#contentnest1 {
	margin: 0 0 0 6px;
	background-color: #FFFFFF; /* match border color below to this color */
	border: 1px solid #FFFFFF; /* this border is to fix a sizing quirk - it must be included or margins get strange */
	height: 100%;
	line-height: 1.7em;
	color: #000000;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 0.9em;

	}
	
#contentnest2 {
	margin: 10px 15px 15px 15px; 
	overflow: hidden;
	border: white solid 1px;
	}	

#contentnest3 img {
	border: black solid 1px;
}

#rightnavinside {
	margin: 0px 15px 10px 15px;
	line-height: 1.7em;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 1em;
	color: #ffffff;

	}

#rightnav4 {
	width: 200px; /* color background is actually 194px - making a right margin */
	margin: 0 0 0 0;
	float: right;

	background-image: url(images/nav4back.gif);
	background-repeat: repeat-y;	
	background-color: #333333; 
	border: 1px solid #0000FF; 
	border-width: 0;
	
	}

#rightnav3 {
	float: right;
	width: 200px; /* color background is actually 194px - making a right margin */
	margin: 0 0 0 0;
	background-image: url(images/nav3back.gif);
	background-repeat: repeat-y;	
	background-color: #333333; 
	border: 1px solid #0000FF; 
	border-width: 0;
	
	}

#rightnav2 {
	float: right;
	width: 200px; /* color background is actually 194px - making a right margin */
	margin: 0 0 0 0;
	background-image: url(images/nav2back.gif);
	background-repeat: repeat-y;	
	background-color: #333333; 
	border: 1px solid #0000FF; 
	border-width: 0;
	
	}

#rightnav1 {
	float: right;
	width: 200px; /* color background is actually 194px - making a right margin */
	margin: 0 0 0 0;
	background-image: url(images/nav1back.gif);
	background-repeat: repeat-y;	
	background-color: #333333; 
	border: 1px solid #0000FF; 
	border-width: 0;
	
	}

#rightnavmission {
	float: right;
	width: 200px; /*color background is actually 194px -  making a right margin */
	margin: 0 0 0 0;
	background-image: url(images/nav1mission.gif);
	background-repeat: repeat-y;
	background-color: #333333;
	border: 1px solid #0000FF
	border-width: 0;

	}

#rightnav4head { 
	border-width: 0; 
	margin: 5px 0 0 0;
	width: 200px; /* color background is actually 194px - making a right margin */
	float: right;
	background-image: url(images/nav4back.gif);
	background-repeat: repeat-y;	
	background-color: #333333; 
	
}

#rightnav3head { 
	border-width: 0; 
	margin: 5px 0 0 0;
	width: 200px; /* color background is actually 194px - making a right margin */
	float: right;
	background-image: url(images/nav3back.gif);
	background-repeat: repeat-y;	
	background-color: #333333; 
	
	}

#rightnav2head { 
	border-width: 0; 
	margin: 5px 0 0 0;
	width: 200px; /* color background is actually 194px - making a right margin */
	float: right;
	background-image: url(images/nav2back.gif);
	background-repeat: repeat-y;	
	background-color: #333333; 
	}

#rightnav1head { 
	border-width: 0; 
	margin: 5px 0 0 0;
	width: 200px; /* color background is actually 194px - making a right margin */
	float: right;
	background-image: url(images/nav1back.gif);
	background-repeat: repeat-y;	
	background-color: #333333; 
	}

#rightnavmissionhead {
	border-width: 0;
	margin: 5px 0 0 0;
	width: 200px; /* color background is actually 194px - making a right margin */
	float: right;
	background-image: url(images/nav1mission.gif);
	background-repeat: repeat-y;
	background-color: #333333;
	}


#rightnavgutter {
	float: right;
	width: 200px; /* color background is actually 194px - making a right margin */
	height: 200px;	
	margin: 6px 0 0 0;
	background-repeat: no-repeat;
	}

#rightnavguttermission {
	margin: 0 0 0 0;
	}

#rightnavgutterparent {
	margin: 0 0 0 0;
	}

#rightnavgutter img {
	border: 1px solid black;
	}

#rightnavgutterinside {
	MARGIN: 15PX;
	}

#rightnavinside a:hover {
	color: #ffffff;
	text-decoration: none;
	}

#rightnavinside a:active {
	color: #ffffff;
	text-decoration: none;
	}

#rightnavinside b {
	text-decoration: underline;
	}



#openhouse {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	width: 800px;
	font-size: 1.0em;
	color: #ffff00;
	text-decoration: bold;
	text-align: center;
}