@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 STYLES
---------------------------- */
#Nav{
bottom:0;
padding:0 0 15px;
position:absolute;
left:0;
display:block;
}
#Nav li{
float:left;
}
#Nav a{
display:block;
padding:0 10px;
}

#Nav li ul{ /* Hides dropdown menu */
background:url(../images/NavHover.png);
position:absolute;
margin-left:-5000px;
}
#Nav li:hover ul{ /* Dropdown position in non IE browsers */
margin-left:0px;
}
#Nav li.over ul{ /* Dropdown position in IE browsers, requires Suckerfish javascript */
margin-left:0px;
}
#Nav li ul li{ /* Dropdown menu submenu style */
height:23px;
width:200px;
float:none; /* Makes submenus horizontal */
border:1px solid 000;
border-top:none;
display:table; /* Fixes Hover position in FF */
}
#Nav li ul li a{
height:22px; /* Fixes height in IE */
padding:3px 0 0 5px; /* Positions text in submenu */
font:bold 11px Arial;
line-height:150%; /* Fixes Gap in nav */
}
#Nav li ul li a:hover{ /* Submenu hover styles */
background:url(../images/NavHover.png);
}



#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;
}