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


body { background:#fff; margin:0; text-align:center; }
a img { border:none; }

#wrapper {
	position:relative;
	width:900px;
	margin:0 auto;
	text-align:left;
	}
#header {
	position:relative;
	background:url(/img/fade-header.jpg) no-repeat 0 0; 
	width:900px; height:362px;
	}
#logo {
	position:absolute; top:18px; left:30px;
	display:block; width:330px; height:75px;
	z-index:10;
	}
#logo a {
	background:url(/img/logo.png) no-repeat 0 0;
	display:block; width:330px; height:75px;
	}
#header .quote {
	background:url(/img/paper.png) no-repeat bottom right;
	position:absolute; top:0px; right:-25px;
	display:block; width:430px; height:80px;
	padding:20px 35px 20px 35px;
	z-index:10;
	font-size:14px;
	color:#3e3e3e;
	}
#header .quote span { display:block; text-align:right; }

#plumbline {
	background:url(/img/plumbline.png) no-repeat bottom right;
	position:absolute; top:0px; right:-55px;
	display:block; width:50px; height:325px;
	z-index:10;
	}
#header .photos {
	position:absolute; top:77px; left:0;
	display:block; width:900px; height:285px;
	}
#header .photos #photofade { display:none; }
#home_pg #header .photos #photofade { display:inline; }

#about_pg #header .photos { background:url(/img/header/statue.jpg) no-repeat 0 0; }
#ministry_pg #header .photos { background:url(/img/header/church-meeting.jpg) no-repeat 0 0; }
#camp_pg #header .photos { background:url(/img/header/cabins.jpg) no-repeat 0 0; }
#news_pg #header .photos { background:url(/img/header/team.jpg) no-repeat 0 0; }
#contact_pg #header .photos { background:url(/img/header/scenic-overlook.jpg) no-repeat 0 0; }



/* TOP MENU */

.menu .block { 
	width:900px; height:46px;
	margin:0; padding:0;
	z-index:10;
	}
.menu .primary {
	background:none;
	position:relative; float:left;
	width:150px; height:40px;
	margin:0; padding:0;
	text-indent:-7000px;
	z-index:20;
	}
.menu .button { display:block; width:150px; height:40px; }

/*#home_pg .menu .block { background:none; height:52px; z-index:10;  }*/
/*#home_pg .menu .button { height:46px;}*/

/* button hover states */
.menu .home:link, .menu .home:visited { background:url(/img/menu.gif) no-repeat 50% 0; }
.menu .home:hover, .menu .home:active { background:url(/img/menu.gif) no-repeat 50% -60px; }
.menu .about-us:link, .menu .about-us:visited { background:url(/img/menu.gif) no-repeat 50% -120px; }
.menu .about-us:hover, .menu .about-us:active { background:url(/img/menu.gif) no-repeat 50% -180px; }
.menu .ministry-info:link, .menu .ministry-info:visited { background:url(/img/menu.gif) no-repeat 50% -240px; }
.menu .ministry-info:hover, .menu .ministry-info:active { background:url(/img/menu.gif) no-repeat 50% -300px; }
.menu .camp-info:link, .menu .camp-info:visited { background:url(/img/menu.gif) no-repeat 50% -360px; }
.menu .camp-info:hover, .menu .camp-info:active { background:url(/img/menu.gif) no-repeat 50% -420px; }
.menu .news-photos:link, .menu .news-photos:visited { background:url(/img/menu.gif) no-repeat 50% -480px; }
.menu .news-photos:hover, .menu .news-photos:active { background:url(/img/menu.gif) no-repeat 50% -540px; }
.menu .contact:link, .menu .contact:visited { background:url(/img/menu.gif) no-repeat 50% -600px; }
.menu .contact:hover, .menu .contact:active { background:url(/img/menu.gif) no-repeat 50% -660px; }

/* button on states */
#home_pg .menu .home { background:url(/img/menu.gif) no-repeat 50% -60px; }
#about_pg .menu .about-us { background:url(/img/menu.gif) no-repeat 50% -180px; }
#ministry_pg .menu .ministry-info { background:url(/img/menu.gif) no-repeat 50% -300px; }
#camp_pg .menu .camp-info { background:url(/img/menu.gif) no-repeat 50% -420px; }
#news_pg .menu .news-photos { background:url(/img/menu.gif) no-repeat 50% -540px; }
#contact_pg .menu .contact { background:url(/img/menu.gif) no-repeat 50% -660px; }

#home_pg .menu .home,
#about_pg .menu .about-us,
#ministry_pg .menu .ministry-info,
#camp_pg .menu .camp-info,
#news_pg .menu .news-photos,
#contact_pg .menu .contact { border-bottom:6px solid #e2c664; }

/* drop down menu */

.menu .primary ul { display:none; }

.menu .primary:hover ul {
	background:#5e9dcf;
	position:absolute; top:40px; left:0;
	display:block; width:150px; height:auto;
	margin:0; padding:12px 0;
	}
.menu .primary:hover ul li { 
	background:#5e9dcf;
	margin:0; padding:0;
	height:2em;
	text-align:center; text-indent:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; color:#fff;
	}
.menu .primary ul li a:link, .menu .primary ul li a:visited { color:#fff; text-decoration:none; }
.menu .primary ul li a:hover, .menu .primary ul li a:active { font-weight:bold; text-decoration:none; }



/* TITLE PLANK */

#title { display:none; }
#home_pg #title {
	background:url(/img/plank.jpg) no-repeat 0 0;
	position:absolute; top:402px; left:-9px;
	display:block; width:916px; height:120px;
	z-index:15;
	}



/* CONTENT & COLUMNS */

#content { position:relative; width:900px; }

#column_1, #column_2 { position:relative; float:left; margin:-6px 0 50px 0; }
#home_pg #column_1, #home_pg #column_2 { margin-top:105px; }
#column_1 { 
	background:url(/img/fade-column-1.png) no-repeat 0 80px;
	width:500px; padding:20px 40px 30px 30px;
	}
#home_pg #column_1 { background:url(/img/fade-column-1.png) no-repeat 0 0; }
#column_2 { width:330px; }



/*  COLUMN 2 PANELS  */

#panels {
	background:url(/img/block-column2.png) no-repeat bottom left;
	width:330px;
	}
#panels .quote {
	background:url(/img/block-quote-area.png) no-repeat bottom left;
	width:270px;
	padding:23px 30px 35px 30px;
	font-size:16px;
	color:#e8eff6;
	}
#panels .quote span { 
	display:block;
	margin:-10px 0 0 0;
	text-align:right; 
	font-size:14px;
	}

#contact_info {
	width:270px;
	padding:10px 30px 20px 30px;
	color:#fff;
	}
#contact_info ul {
	margin:0;
	padding:0 0 30px 0;
	}
#contact_info li { background:none; padding:0; font-family:Trebuchet, Arial, Helvetica, sans-serif; }
#contact_info a:link, #contact_info a:visited { color:#fff; text-decoration:none; }
#contact_info a:hover, #contact_info a:active { text-decoration:underline; }



/*  COLUMN 2 SHARE  */

#share { 
	width:270px; 
	padding:30px 30px 0 30px; 
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:900;
	}
#share ul { margin:0; padding:0; }
#share li { margin:0 0 15px 0; padding:0; }
#share a:link, #share a:visited { color:#2775b2; text-decoration:none; }
#share a:hover, #share a:active { text-decoration:underline; }
#share li a.facebook {  background:url(../img/icon-facebook.gif) no-repeat 0 0; padding:5px 0 5px 35px; }
#share li a.flickr { background:url(../img/icon-flickr.gif) no-repeat 0 0; padding:5px 0 5px 35px; }


/*  CAMP MAP AND GOOGLE MAP  */

#google_map { padding:12px 0 0 0; }
#camp_map { padding:12px 0 0 0; }


/*  FOOTER  */

/*  This website uses the same html for both the main menu and footer menu.  The 
styles below overwrite many of the styles set above for the main menu, in particular the dropdown menus.  */

#footer {
	position:relative;
	background:url(/img/footer.png) no-repeat 0 0; 
	width:840px; height:33px;
	padding:27px 30px 0 30px;
	color:#8cad8f;
	}
#footer .legal, #footer .menu { position:relative; float:left; }
#footer .legal { width:320px; }
#footer .menu { width:520px; height:auto; }
#footer .menu .block { width:auto; height:auto; float:right; margin:0; padding:0; }
#home_pg #footer .menu .block { background:none; }
#footer .menu .primary { 
	background:none;
	position:relative; float:left;
	width:auto; height:auto;
	margin:0 0 0 10px; padding:0;
	text-indent:0;
	}
#footer .menu .primary ul { display:none; }
#footer .menu a { display:inline; }

/* button hover states */
#footer .menu a:link, #footer .menu a:visited { background:none; color:#8cad8f; text-decoration:none; }
#footer .menu a:hover, #footer .menu a:active { background:none; color:#8cad8f; text-decoration:none; border-bottom:1px solid #406542; }

/* button on states */
#home_pg #footer .menu .home,
#about_pg #footer .menu .about-us,
#ministry_pg #footer .menu .ministry-info,
#camp_pg #footer .menu .camp-info,
#news_pg #footer .menu .news-photos,
#contact_pg #footer .menu .contact { border-bottom:1px solid #406542; text-decoration:none; }






/* self-clear floats 
--------------------------------------------- */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }