/* Essentialps.org Screen Styles */

html, * {
		margin: 0pt;
		padding: 0pt;
		}


body { 
		background-color: #b8cca3;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 13px;
		line-height: 150%;
		}


/* The big container for all main elements */
#wrap {
		background: url(/img/wrapbg.gif) repeat-y;
		margin: 0px auto;
		width: 780px;
		}
		
/* One large header graphic */				
#header {
		position:relative;
		width: 760px;
		height: 108px;
		margin: 0px auto;
		background: url(/img/header-home.jpg) no-repeat right top;
		}

body.espanol #header {
		background: url(/img/header-espanol.jpg) no-repeat right top;
		}
body.mens #header {
		background: url(/img/header-mens.jpg) no-repeat right top;
		}
body.womens #header {
		background: url(/img/header-womens.jpg) no-repeat right top;
		}
body.contact #header {
		background: url(/img/header-contact.jpg) no-repeat right top;
		}
body.news #header {
		background: url(/img/header-news.jpg) no-repeat right top;
		} 
body.locations #header {
		background: url(/img/header-locations.jpg) no-repeat right top;
		}
body.volunteer #header {
		background: url(/img/header-volunteer.jpg) no-repeat right top;
		}
body.events #header {
		background: url(/img/header-events.jpg) no-repeat right top;
		}
body.donate #header {
		background: url(/img/header-donate.jpg) no-repeat right top;
		}

#header #logo h1 {
	margin: 0 0 0 8px;
padding-top: 0px;
	font-size: 18px; 
	position: absolute; 
	top: 5px; 
	left: 11px;
	width: 353px;
	height: 89px; 
	background: url(/img/logo_head.gif) no-repeat;
	text-indent: -9999px;
}

#header #logo h1 a {
	display: block;
	background: url(/img/logo_head.gif) no-repeat;
	height: 89px;
}



/* Main body section */		

#leftcontent {
		float: left;
		width: 580px;
		}
	#leftcontent p{
	margin-left:30px;
	}
	
#leftcontent h2#mainphoto	{
	background: #fff url(/img/eps_home102.jpg) no-repeat;
	text-indent: -9999px;
	width:540px;
	height:156px;
	margin:10px 0 0 30px;
}

form {
	padding:5px;
	margin-bottom:2px;
	margin-left:14px
	}
table {
	margin: 10px 30px 0px 30px;
	padding-top: 5px;
}	
/* Navigation elements */		


#rightnav {
	list-style-type: none;
	float: left;
	position: relative;
	width: 165px;
	font-size: 12px;
	background: #88aa66;
	margin-left:17px;
	}
#rightnav strong{
	margin-left: 2.5px;
	padding: 0;
	}
		
#nav {
	margin: 0 0 18px 3px;
	padding: 0;
	width: 165px;
	list-style: none;
	display: block;
	overflow: hidden;
	}
	
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	}

#nav a {
	padding: 0 0 0 0;
	overflow: hidden;
	height: 22px !important;
	height: /**/:22px; /* for IE5/Win only */
	display: block;
	}

.navwomens a{
	background: no-repeat url(/img/navwomen_roll.gif)  ;
	width: 160px;
	height: 22px;
	}
.navmens a{
	background: no-repeat url(/img/navmen_roll.gif) ; 
	width: 160px;
	height: 22px;
	}
.navevents a{
	background: no-repeat url(/img/navevents_roll.gif) ;
	width: 160px;
	height: 22px;
	}
.navvol a{
	background: no-repeat url(/img/navvol_roll.gif) ;
	width: 160px;
	height: 22px;
	}
.navcontact a{
	background: no-repeat url(/img/navcontact_roll.gif) ;
	width: 160px;
	height: 22px;
	}
.navespanol a{
	background: no-repeat url(/img/navespanol_roll.gif) ;
	width: 160px;
	height: 22px;
	}
.navnews a{
	background: no-repeat url(/img/navnews_roll.gif) ;
	width: 160px;
	height: 22px;
	}
.navwishlist a{
	background: no-repeat url(/img/navwishlist_roll.gif) ;
	width: 160px;
	height: 22px;
	}
.navwomens a:hover{
	background-position: 0px -22px;
	display: block;
	}
.navmens a:hover{
	background-position: 0px -22px;
	display: block;
	}
.navevents a:hover{
	background-position: 0px -22px;
	display: block;
	}
.navvol a:hover{
	background-position: 0px -22px;
	display: block;
	}
	
.navcontact a:hover{
	background-position: 0px -22px;
	display: block;
	}
.navespanol a:hover{
	background-position: 0px -22px;
	display: block;
	}
.navnews a:hover{
	background-position: 0px -22px;
	display: block;
	}
.navwishlist a:hover{
	background-position: 0px -22px;
	display: block;
	}
	
h4.navdonate {text-indent:-9999px; margin-left: 1px;}

.navdonate a {
	padding: 0;
	overflow: hidden;
	height: 40px !important;
	height: /**/:40px; /* for IE5/Win only */
	display: block;
	background: url(/img/donate_roll.gif) top left;
	width: 160px;
	height: 40px;
	}	
	
.navdonate a:hover {
	background: url(/img/donate_roll.gif) 0 -40px;
	display: block;
	width: 160px;
	height: 40px;
	}
.navhotline{
	margin-top:10px;
	margin-bottom:10px;
	width:163px;
	height:50px;
	background-color:#fdd5eb;
	border: solid  1px #fff;
}
.navhotline h2{
	font-size: 18px;
	color: #000;
	margin:0px 8px;
 		}


#homecolumns {
	clear:both;
	width: 543px;
	background: #ddd url(/img/threecol_bg.gif) repeat-y top left;
	margin-left:30px;
	margin-top:16px;
	}
	#homecolumns h4 {
		margin: 2px 4px 6px 12px;
		}
	#homecolumns p {
		margin: 2px 12px 12px 18px;
		font-size: .9em;
		line-height:1.2em;
		}
	
	#homecolumns .col-a {
		width: 181px;
		float: left;
		margin:0px auto;
		
		}
	#homecolumns .col-b {
		width: 181px;
		float: left;
		margin:0px auto;
	
		}
	#homecolumns .col-c {
		width: 181px;
		float: left;
		margin:0px auto;
		}
	#homecolumns a{
	color:#e00283;
	}
	
#homecolumnsbtmcap	{
	background: url(/img/homecol_btmcap.gif) repeat-y;		
	width: 543px;
	margin: 0px 0px 0px 30px;
	padding-top:15px;
	
	}
#homecolumnsbtmcap	p{
	color:#fff;
	margin: 0px 0px 2px 6px;
	font-size:14px;
	line-height:18px;
	padding-top:0;
	}	
#location {
	clear:both;
	width: 545px;
	margin-left:5px;
	margin-top:10px;
	}
	
	#location p {
		font-size: .9em;
		line-height:1.2em;
		margin: 2px 12px 12px 18px;
		}
		
	#location .col-1 {
		width: 250px;
		float: left;
		height:100%;
		margin:0px auto;
		
		}
	#location .col-2 {
		width: 190px;
		float: left;
		margin:0px auto;
	
		}	
	

/* Pink bar at bottom of interior pages */				


#contactbar {
		background: url(/img/contact-bar.gif) no-repeat;
		width: 542px;
		height: 49px;
		padding: 0;
		text-align: center;
		margin:10px 30px;
		}
		#contactbar a	{
		color: #e00283;
		}
		#contactbar p	{
		color: #e00283;
		font-size: 12px;
		}
/* end */

table {
	width:520px;
	border:0px;
	background-color:#fff;
	}
	table .row-a{
	width:340px;
	}
	table .row-b{
	width:180px;
	}
	table .even{
	background-color:#fff;
	}
	table .odd{
	background-color:#fdd5eb;
	}

/* bottom edge graphic */				
#wrapperbottomcap {
		background: url(/img/btm_end.gif) no-repeat;		
		width: 780px;
		height: 14px;
		margin:0 auto;
		}	
		
/* Footer info */		
#footer {
		margin:4px auto;
		width: 780px;
		}
		
a  {  
		color: #000; 
		}
		
h1 {
		margin:12px 8px;
		font-family: Times, Georgia, serif;
		font-size: 30px;
		line-height:32px;
		color: #e00283;
		}
		
h2 {
		font-size: 10px;

		}
h3	{
	font-size:1.5em;
	}
		
p, h1, h2, h3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin: 10px 30px 0px 20px;
		padding-top: 5px;
		}
		
#footer h2{
		margin-left: 50px;
		padding-top: 0px;
		}
		
ul {
		margin: 10px 0px 0px 50px;
		padding-left: 10px;
		}

blockquote{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:12px;
	font-style:italic;
	margin: 10px 30px 20px 60px; 
}
blockquote h1{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-style:italic;
	margin: 0px 30px 0px 400px;
	color:#333;
	line-height:10px; 
}


/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		*/

/* Error Notification  */