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

#container {position:absolute;
top: 0;
left:50%;
height:1280px;
margin-left:-450px;
		padding: 0;
		width: 900px;
		background-color: rgb(40,40,40);}

#header {
position:absolute;
top:0;
left:0;
width: 900px;
	height: 287px;
	}

#header_logo {postion:absolute:
left:0;
top:0;
		width: 200px;
		height: 285px;
	}

#header_pictures {
margin: 0;
		padding: 0;
		width: 700px;
		height: 200px;
		position:absolute;
		top:0;
		right:0;
		
		}

#header_mission {width: 700px;
			height: 40px;
			padding: 5px 0;
			position:absolute;
			right:0;
			top:200px;
			background-color: rgb(20,20,20)}

#header_nav_main {
margin: 0;
padding: 0;
width: 700px;
height:37px;
position:absolute;
bottom:0;
right:0}


#header_address {position:absolute;
bottom:0;
left:0;
height: 85px;
width: 198px;
background-color: rgb(40,40,40);
border-style: solid;
border-color: #FFFFFF;
border-width: 1px;
margin: 0;
padding: 0;}
		
#header_mission_nav {width:700px;
					height: 77px;
					position:absolute:}
#logo {margin: 0;
padding: 0;
width: 200px;
height: 200px;
postion:absolute;
top:0;
left:0}
	
#content {position:absolute;
top:285px;
left:0;
margin: 0;
padding: 0;
height: 899px;
width: 900px;
background-color: pink;}
	
#content_body {position: absolute;
left: 50%;
margin-left:-250px;
padding: 0;
width: 500px;
height: 100%;
background-color: rgb(100,40,40);
border-bottom-style: solid;
border-width: 1px;
border-color: white;}	
		
#left_nav {width: 200px;
height: 100%;
position:absolute;
left:0;
top:0;
border-bottom-style: solid;
border-width: 1px;
border-color: white;
background-color: rgb(40,40,40)		}

		
#right_nav {
position:absolute;
right:0;
top:0;
width: 198px;
height: 100%;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
position:absolute;
right:0px;
background-color: rgb(40,40,40);}
		

div.r_nav_main {
		border: 1px dashed white;
			margin: 7px;
			padding-left: 0.5em;
			float: left;
			width: 225px;
			height: 110px;}
.date_rate_adv
{background-image:url(images/dates_rates/daterate_adventure.gif)}
.date_rate_t1
{background-image:url(images/dates_rates/daterate_teen1.gif)}	
.date_rate_t2
{background-image:url(images/dates_rates/daterate_teen2.gif)}	
.date_rate_q1
{background-image:url(images/dates_rates/daterate_quest1.gif)}	
.date_rate_q2
{background-image:url(images/dates_rates/daterate_quest2.gif)}	
.date_rate_exp
{background-image:url(images/dates_rates/daterate_explorer.gif)}			
.date_rate_r, 
{background-image:url(images/dates_rates/daterate_ranch.gif)}
.date_rate_jr
{background-image:url(images/dates_rates/daterate_ranch.gif)}
.date_rate_hcr
{background-image:url(images/dates_rates/daterate_hcranch.gif)}
 .date_rate_intr
 {background-image:url(images/dates_rates/daterate_intranch.gif)}		
div.r_nav_main img
{width:188px;
hieght:110px;

z-index:1;}

div.p_box
{/*visibility:hidden;*/

width:110px;
height:86px;
background-color:black;
border: 3px dotted grey;
filter:alpha(opacity=70);
opacity:0.7;
margin:8px auto 0 auto;

}

div.r_nav_main p
{
width:110px;
margin:0 auto;

}

div.r_nav_main p:first-line
{/*text-decoration:underline;*/
text-transform:uppercase;
font-weight:bold;
color:red;}

/*div.r_nav_main:hover div.p_box
{visibility:visible;}*/

#footer {width: 900px;
position:absolute;
z-index:3;
bottom:0;
left:0;

	margin: 0 auto;
	padding: 10px 0;
	height: 75px;
	background-color: rgb(40,40,40);}

div.church {width: 100%;
		
		float: left;}
		
div.half_church {width: 50%;
		
		float: left;}
		
/*For video - 16:9 format - hieght +50px for video controls*/
div.home_inverviews_video {width: 480px;
					height: 320px;
					margin: 0 auto;}
					
div.brochure {width: auto;
			height: auto;}
			
div.home_events {width: 100%;
				height: auto;}
div.home_events_header {width: 50%;
						
						float: left;
						margin: 0 auto;}

.home_buttons{width:500px;
height:500px;
position:absolute;
z-index:1;
background-image: url("images/buttons_buttonsbg.gif");

}

.home_buttons img
{position:absolute;
z-index:3;}

.topleft, .topright, .bottomleft, .bottomright
{/*filter:alpha(opacity=50);
opacity:0.5;*/
width:124px;
height:124px;
position:absolute;
z-index:7;
text-align:center;

}

div.topleft
{/*background-color:red;*/
top:125px;
left:105px;

}

div.topright 
{
/*background-color:green;*/
top:125px;
right:105px;
}

div.bottomleft
{
/*background-color:blue;*/
bottom:80px;
left:110px;
}

div.bottomright
{
/*background-color:purple;*/
bottom:80px;
right:105px;
}

.home_buttons a
{font-weight:bold;
font:"Courier New", Courier, mono;
font-size:30px;
font-style:oblique;
cursor:pointer;
}
.home_buttons a:hover
{margin:3px;
filter:alpha(opacity=50);
opacity:0.5;}

.topleft a, .topright a
{color:black;}

.topleft a:hover, .topright a:hover
{background-color:white;}
div.eventslinks
{
position:absolute;
z-index:10;
top:555px;}

.eventslinks ul
{list-style-type:none;}

.eventslinks li
{float:left;
width:125px;
text-align:center;}

.eventslinks li span
{width:500px;
height:500px;
position:absolute;
z-index:10;
top:-504px;
left:0;
background-color:#33CC99;
visibility:hidden;}

.eventslinks li:hover span
{visibility:visible;}

.vidmenu
{position:absolute;
float:left;
}

.vidmenu ul
{list-style-type:none;
float:left;
width: 80px;
position:relative;
background-color:black;
color:white;
border: 1px solid grey;
text-align:center;
}


.vidmenu ul ul ul
{position:absolute;
z-index:10;
left:80px;
top:10px;}
.vidmenu li:hover
{background-color:grey;
cursor:pointer;}

.vidmenu ul ul, .vidmenu ul ul ul
{display:none;}

.vidmenu li:hover ul
{display:block;}

.vidmenu li:hover ul ul
{display:none;}

.vidmenu li li:hover ul
{display:block;}