body {
background: #F2F7FB;
text-align: center;
padding: 0;
margin: 5px 0px 0px 0px;

}
 
 #video
 {margin-left:100px;
 z-index:1
 }
 
 
 .video_new
 {
 z-index:1;
 float:right;
 width:300px;
 padding:10px;
 }
	
 
#container {
background: #F2F7FB url(img/middle2.jpg) repeat-y 50% 0;
margin: 0 auto;
width: 850px;  /* set width of content body */
text-align: left;
} 
 
#header {
background: #ccc url(img/top_cap2.jpg) no-repeat top left;
height: 180px; /* set to the height of the top_cap img */
margin: 0;
padding: 0 25px;
text-align: right;
position: relative;
}

#trio_pics{
width:614px;
float:right;
margin-right:27px;
display:inline;
} 
 
 a:link {
	color: #003366;
}

h1 {
font-size:1.2em;
padding-top:2em;
}

h2 {
font-size:1.0em;
margin-bottom:-5px;
}

.divClear {
 clear:both;
 }

img.steps {
	border:1px solid #ccc;
	margin-bottom:30PX;}
	
	img.tall{
 margin-left:23px;
 display:inline;}
 
 img.staff{
 margin:0px 0px 10px 10px;
 border: 1px solid #000;
 float:right;}
 
  img.calendar{
 margin:0px 10px 40px 10px;
 float:right;}
 
 img.brochure{
 border: 1px solid 000;}
 
 #form {
 margin-top:-50px;}
 
#content {
width: 570px;/*must be this width or it will push middle background drop shadow outside edge too far*/
background-color:#fff;
font-family: Tahoma, serifSansSerifMonospace;
font-stretch: condensed;
font-size:0.75em;
color:#336666;
margin-left:235px;
text-align:left;
margin-top:-60px;
height:auto;
}
 
/*************FOOTER**************/
#footer_nav {
width:800px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
background-color:#fff;
text-align:center;
margin-left:20px;
margin-top:20px; /*must remain to avoid extending beyond drop shadow*/
overflow: auto;
clear:both;
}

  
#footer {
background: #ccc url(img/bottom_cap2.jpg) no-repeat;
padding: 0 25px;
height: 100px;
margin: 0;
clear:both;
background-color: #F2F7FB;
}
 
 
	  
.footer { /*words in footer such as copyright*/
padding: 0;
margin: 0;
clear:both; }

		.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/********** NAVIGATION*************/

#navigation {
	padding-top: 1px;/*thin line above nav structure*/
font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size:0.75em;
  float: left;
  margin-left: 23px;
  display: inline; /* IE6 fix */
  width: 183px;

 
}

* html #navigation ul {height:171px;}

* html #navigation /*nav width for IE 6 to close gap between animation and nav bar*/
{
width:183px;
}

#navigation ul {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 182px;
  background-color:#366;
  min-height:184px;
  z-index:9999;
  }

#navigation li { /* all list items */
		float : left;
		line-height : 1.77em;
		margin-bottom : -1px;
		width: 182px;
		border: 1px solid #cc9;/* underline on main nav structure */
	}
	
	#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 3px 0px 3px 1.3em;
	background-color: #004a65;
	color: #fff;
	text-decoration: none;
	margin:0px;
	width: 182px;
		w\idth : 13.95em;/* must stay 13.95 to display in ie good */
	
}


#navigation li:hover ul {
		left: -999em;
		background-color: #cc9;
	color: #366;
	}
	
	#navigation li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 14em; /* distance between drop down and main button */
		margin-top : -1.7em;
		
	}
	#navigation li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#navigation ul ul {min-height:1px;} /*needed to maintain height of drop down box*/
* html #navigation ul ul {height:1%;} /*needed to maintain height of drop down box*/
		
	#navigation li a {
		
		display : block;
		color : #fff;
		text-decoration : none;
		background-color : #004a65;
		padding : 0 0.5em;
	}
	
	#navigation li a:hover {/*drop down color second level*/
		color : #004a65;
		background-color : #cc9;
	}
	
	#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
		left: -999em;
	}
	
	#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	
	}
	
 /*************** GALLERY *****************/	
	   
 /* The containing box for the gallery. */
#container_gallery {
    position:relative;
    width:570px;
    height:550px;
    margin:20px auto 0 auto;
	z-index:2;
	padding-bottom:170px;  /* needed so thumbs don't extend over footer */
	
    }  
	
   
   
/* Removing the list bullets and indentation */
#container_gallery ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
	
	/* Remove the images and text from sight */
#container_gallery a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }   
   
   
   /* Adding the thumbnail images */
#container_gallery a.gallery, #container_gallery a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#container_gallery a.slidea {
    background:url(img/gal_arches.jpg);
   height:60px; /*use this for landscape thumb sizes*/
    width:93px;
    }
	
	#container_gallery a.slide_canopy {
    background:url(img/gal_canopy.jpg);
   height:60px; /*use this for landscape thumb sizes*/
    width:93px;
    }
	
	#container_gallery a.slide_hallway{
    background:url(img/gal_hallway.jpg);
   height:60px; /*use this for landscape thumb sizes*/
    width:93px;
    }
	
	#container_gallery a.slide_building_new {
    background:url(img/gal_building_new.jpg);
   height:60px; /*use this for landscape thumb sizes*/
    width:93px;
    }
	
	#container_gallery a.slide_firepit_kid {
    background:url(img/gal_firepit_kid.jpg);
   height:60px; /*use this for landscape thumb sizes*/
    width:93px;
    }
	
#container_gallery a.slideb {
    background:url(img/gal_chapel.jpg);
    height:60px;
    width:93px;
    }
#container_gallery a.slidec {
    background:url(img/gal_courtA.jpg);
    height:60px;
    width:93px;
    }
#container_gallery a.slided {
    background:url(img/gal_courtB.jpg);
    height:60px;
    width:93px;
    }
* html #container_gallery a.slided {
    width:91px;
    w\idth:93px;
    }
#container_gallery a.slidee {
    background:url(img/gal_courtC.jpg);
    height:60px;
    width:93px;
    }
#container_gallery a.slidef {
    background:url(img/gal_dining.jpg);
    height:60px;
    width:93px;
    }
* html #container_gallery a.slidef {
    width:91px;
    w\idth:93px;
    }
#container_gallery a.slideg {
    background:url(img/gal_field.jpg);
    height:60px;
    width:93px;
    }
#container_gallery a.slideh {
    background:url(img/gal_fire.jpg);
   height:60px;
    width:93px;
    }
#container_gallery a.slidei {
    background:url(img/gal_forest.jpg);
    height:60px;
    width:93px;
    }
#container_gallery a.slidej {
    background:url(img/gal_hair.jpg);
   height:60px;
    width:93px;
    }
#container_gallery a.slidek {
    background:url(img/gal_building_newadmin.jpg);
    height:60px;
    width:93px;
    }
* html #container_gallery a.slidek {
    width:91px;
    w\idth:93px;
    }
#container_gallery a.slidel {
    background:url(img/gal_plates.jpg);
    height:60px;
    width:93px;
    }
	
	#container_gallery a.slidem {
    background:url(img/gal_room.jpg);
    height:60px;
    width:93px;
    }
	
	#container_gallery a.sliden {
    background:url(img/gal_watertower.jpg);
    height:60px;
    width:93px;
    }
	
	#container_gallery a.slideo {
    background:url(img/gal_roses.jpg);
    height:60px;
    width:93px;
    }
	
	#container_gallery a.slidep {
    background:url(img/gal_therapy.jpg);
    height:60px;
    width:93px;
    }
	
	#container_gallery a.slideq {
    background:url(img/gal_van.jpg);
    height:60px;
    width:93px;
    }
	
	#container_gallery a.slider {
    background:url(img/gal_gym.jpg);
    height:60px;
    width:93px;
    }
	
	
	/* set the size of the unordered list to neatly house the thumbnails */
#container_gallery ul {
    width:198px;
    height:386px;
    }
#container_gallery li {
    float:left;
    }
	
	/* move the thumbnails into the correct position */
#container_gallery ul {
    margin:5px;
    float:right;
    }
	
	/* change the thumbnail border color */
#container_gallery a.gallery:hover {
    padding: 0;
    }
	
	/* styling the :hover span */
#container_gallery a.gallery:hover span {
    position:absolute;
    width:350px;
    height:372px;
    top:5px;
    left:0px; 	/* position of large hover image  */
    color:#000;
    background:#fff;
	    
    }
	
	#container_gallery a.gallery:hover img {
    border:1px solid #000;
    float:left;
    margin-right:5px;
    }
	
	#container_gallery a.slideb:hover img, #container_gallery a.slidei:hover img {
    float:right;
	
    }
	
	/* default placement image  */
	#container_gallery {
    background:#fff url(img/back_gal.jpg) 0px 10px no-repeat;
	
    }