@import url("Global.css");

#About #Hero{
background:url(../images/HeroAbout.jpg) no-repeat;
height:196px;
position:relative;
}
#Proc #Hero{
background:url(../images/HeroProc.jpg) no-repeat;
height:196px;
position:relative;
}
#PtResources #Hero{
background:url(../images/HeroPtResources.jpg) no-repeat;
height:196px;
position:relative;
}
#Gallery #Hero{
background:url(../images/HeroGallery.jpg) no-repeat;
height:196px;
position:relative;
}
#Contact #Hero{
background:url(../images/HeroContact.jpg) no-repeat;
height:196px;
position:relative;
}

#Nav {
	bottom:0px;
	position:absolute;
	left:0;
	}
#Nav li {
	float:left;
	}
#Nav li a {
	display:block;
	padding:5px 10px;
	}
#Nav li a:hover {
	}


/* ==================*/
/* Tier 2 */
/* ==================*/
#Nav ul {
display:none;
position:absolute;
	}
#Nav ul li {
float:none;
}
#Nav ul li a {
	width:10px 10px; /*145px w/o #Nav li a padding */
	background:#657731;
	border:1px solid #242910;
	display:block;
	width:160px;
}
#Nav ul li a:hover {}

/* Tier 2 -- Positioning */
#Nav li ul {
	position:absolute;
	
	}
#Nav li:hover ul,#Nav li.sfHover ul {
	display:block;
	}
	
	
/* ==================*/
/* Tier 3 */
/* ==================*/
#Nav ul ul {
	position:absolute;
	left:180px;
	top:0;
	display:none !important;
	}
#Nav ul ul li {}
#Nav ul ul li a {}
#Nav ul ul li a:hover {}

/* Tier 3 -- Positioning */
#Nav li:hover li ul, #Nav li.sfHover li ul {
	}
#Nav li li:hover ul, #Nav li li.sfHover ul{
display:block  !important;
	}


#ContentBox{
background:url(../images/SubContentBox.gif);
display:table;
width:1000px;
}


/* ContentMain Styles
---------------------------------- */
#ContentMain{
background:url(../images/ContentMainSubpage.jpg) no-repeat;
float:left;
padding: 35px 30px 30px 15px;
width:605px /* 650px */;
}
	#ContentMain hr{
	margin:0 0 30px;
	}
	#ContentMain ul{
	list-style-position:inside;
	padding-bottom:10px;
	padding-left:20px;
	}
		#ContentMain li{
		list-style-type:disc;
		}
		
.FloatRight{
float:right;
margin:0 0 10px 10px;
}
	#OurFacility img{
	border:1px solid white;
	margin:0 15px 15px 0;
	}

.sitemap{
		list-style-position:inside;
		padding-left:20px;
		}
	.sitemap li{
	list-style-type:disc;
	}
		

	
/*Sidebar Styles
----------------------------------- */
#Sidebar{
background:#1b1f07;
}
#SidebarContact{
background:url(../images/SidebarSubpageContact.jpg) no-repeat;
border-bottom:1px solid black;
padding:50px 18px 0;
}
#SidebarContactEspanol{
background:url(../images/SidebarSubpageContact_espanol.jpg) no-repeat;
border-bottom:1px solid black;
padding:50px 18px 0;
}

#WhatWeDo{
background:url(../images/SidebarSubpageWhatWeDo.gif) no-repeat;
float:left;
padding:20px 18px 20px;
width:171px; /* 350px */
}
	#WhatWeDo a{
	display:block;
	}
	#WhatWeDo img{
	margin:40px 0 10px;
	}
#WhatWeDoEspanol{
background:url(../images/SidebarSubpageWhatWeDo_Espanol.jpg) no-repeat;
float:left;
padding:20px 18px 20px;
width:171px; /* 350px */
}
	#WhatWeDoEspanol a{
	display:block;
	}
	#WhatWeDoEspanol img{
	margin:40px 0 10px;
	}
	
/*ContactUs Page Styles
----------------------------------- */
.Map{
border:1px solid white;
margin:10px 0 30px;
}
#ContactForm ul, #ContactForm li{
list-style:none;
}
#ContactForm li{ /* Vertical spacing between form fields */
margin:4px 0;
}
#ContactForm label{ /* Styles for descriptions */
width:150px;
display:block;
float:left;
}
#ContactForm input{
width:200px;
color:#333;
}
#ContactForm textarea{
width:200px;
height:80px;
color:#333;
}
#ContactForm .Submit{
height:20px;
width:74px;
}
/* Subpages */
.GalleryButton{
	width:196px;
	float:right;
	margin:15px;
}
