/*-----Index Page-------*/

body{background-color:white; margin:0px;}

h1{ color:RosyBrown; font-family: 'GenLight'; margin-left:30px;} 

header{background-color:linen; padding:20px; height:15%; width:100%;}

#wrapper {margin:15px;
 width: 90%; 
padding:5px; 
border-radius:2px;} 

#font{
color:DarkGray;}

h3{text-align:left; margin: 30px;}

p{margin-left: 30px; margin-right:15px; font-weight:normal; font-family:'GenLight';}

.yes{color:RosyBrown;
text-align:left;
font-size:35px;
margin-left:30px;
}

.box{
margin: 20px;
border: 2px solid RosyBrown;
display:block;
margin-left:20px;
margin-right:auto;
width:50%;
background-color:linen;
float:left;
}

.box2{
margin: 20px;
border: 2px solid RosyBrown;
display:block;
margin-left:20px;
margin-right:auto;
width:50%;
background-color:linen;
}


.body{background-image:url("woods.jpg");

}

/*----Images----*/


.center {
    display: block;
    margin-top: 30px;
    margin-right: auto;
    width: 45%;
    float:right;
    height:375px;
}

.mountain {
	width:120px;
	float:right;
	margin-right:65px;
	margin-top: 0px;
}
.girl{
width:15%

}

.volunteer{
float:right;
width:47%;
margin-top:30px;
margin-left:10px;}

.retreat{
float:right;
width:45%;
margin-top:150px;
margin-left:10px;
}

.hands{
    display: block;
    margin-top: 100px;
    margin-right: auto;
    width: 45%;
    float:right;
    height:375px;
}


/*----Gallery------*/






/*-----NAV BAR-------*/

nav a{text-decoration:none; color:RosyBrown; width:150px; font-family:'GenLight'; text-align:center; background-color:linen;}

nav ul li a, nav ul li ul li{ display:block;}

nav ul li:hover ul{ display:block; color:#000}

nav ul{ background: #FFF; padding: 0px; background-color:linen; }

nav ul li{ position:relative; display: inline-block;}

nav ul li ul{ min-width:100%; opacity:0.9; display:none; position:absolute;}

nav ul li ul li a{ padding:8px; text-align:center;}


/* ------------ Staff page ------------------*/

.room{width:250px; display:block; margin-top:30px; margin:auto; float:left;}

.roomtext{text-align:center; font-size:10px; font-weight:bold; font-family:'GenLight'; background-color:linen;}


	.image{
		width: 300px;
	}

	#light{
		max-width: 80%;
		max-height: 80%;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		position: absolute;
		margin: auto;
	}

	#curtain{
		width: 100%;
		height: 100%;
		background-color: #000;
		left: 0;
		top: 0;
		position: fixed;
		opacity: 0.4;
	}


div.gallery {
    margin: 5px;
    float: left;
    margin-left:50px;
    width: 230px;}

div.gallery:hover {
    border-radius:100px;
}

div.gallery img {
    width: 100%;
    height: auto;}

div.desc {
    padding: 15px;
    text-align: center;
    background-color:linen;
    font-family: 'Genlight';
    border-radius:50px;
}

/*------slider----------*/



.banner{	
		width: 1146px;
		position: relative;
		margin: 50px auto;
		Margin-top:150px;
		
			
		}
	#slider{
		width: 1146px;
		height: 500px;
		position: absolute;
		overflow: hidden;
	}



/*------------Volunteers Page-------------*/

.list{

font-family:'GenLight';
list-style-type:circle;}

.woo{
font-family:'GenLight';
width:75%;
background-color:linen;
margin:20px;
margin-left:50px;}

input{ width:75%}

legend{color:RosyBrown;}

.button{color:RosyBrown;font-family:'GenLight'; font-size:16px; }

/*-----------Contact Page------------------*/

.comment{
font-family:'GenLight';
width: 75%;
height:100px;
}


/*-----About page----------------*/

.about{
margin-left: 30px; margin-right:15px; font-weight:bold; font-family:'GenLight';
font-size:24px; color:RosyBrown;
}