@charset "UTF-8";
/* General Page Declarations */
body {
	color: #3F0C18;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	min-height: 100%;
}

/****************************************** 
Begin declarations for the page photographs 
*******************************************/

/*  the home page - background image = "gavel" */

#phhsl_home .contentObject {
	background: url(../images/bkgd_gavel.png) no-repeat bottom right;
	min-height: 450px;
}
/*  the home page - background image = "join" */
#phhsl_join .contentObject {
	background: url(../images/bkgd_join.png) no-repeat bottom right;
	min-height: 450px;
}

/*  home page - background image = "contacts" */

/*  home page - background image = "calendar" */
#phhsl_events .contentObject {
	background: url(../images/bkgd_calendar.png) no-repeat top right;
}

/* Divs */ 
#outer {
	background-color: #3F0C18;
	min-height: 100%;
}

#dropShadow { 
	width: 1046px;
	background: url(../images/bkgd_shadow.png) repeat-y;
	margin:0 auto; 
	overflow: hidden;
 } /* overflow - hidden forces the dropShadow to display correctly
 	  when using floats the containing division collapses, this fixes that */
						
#inner 	{ 				
 	width: 1024px; 
	margin:0 auto;
	 }
						  
#wrapper { 
	width: 1024px; 
	margin: 0 80px;
	position: relative }
	/* margin here is used to set borders for the page content
	   the relative position here 
	   allows items inside the wrapper
	   to use absolute positioning
	*/
						   
#content-side {
	position: absolute;
	left: 0 px;
	width: 160px;
}  /*this holds the navigation bar, it is positioned absolute*/

#content-main {
	width: 704px;
	padding-left: 180px;
}

/*#content-side {
	float: left;
	width: 160px;
	padding-right:20px;
}

#content-main {
	float: left;
	width: 704px;
}
*/

/* Divs */ 
#pageBottom { 
	width: 1046px;
	background: url(../images/bkg_page_bottom.png) no-repeat;
	margin:0 auto; 
	height: 40px;
 }  /* page bottom displays a drop shadow that ends the page */
 
 
/*  h1, h2, h3's */
/* the heading sizes here will over-ride the main styles */
.contentObject h2 		{ color: #132D3F; font-size: 20px; padding: 14px 0 4px 0; } /* "headers" */
.contentObject h3 		{
	color: #132D3F;
	font-size: 16px;
	padding: 6px 0 6px 0;
}		/* "teasers" */	
#phhsl_contact #content-main .contentObject h3 { padding: 10px 0 0 0; }  /* teasers for contact.html */
.cookieCrumbs 			{ font-size: 13px; color: #B08158; }  /* cookie crumbs at the top of the page */

#lgroup1 {
	position: absolute;
	top: 100px;
} /*this contiains the logo*/

#lgroup2 {
	position: absolute;
	top: 254px;
	left: -75px;
} /*this holds the navigation bar*/

#lgroup2 .lgroup2Header { color: #B08158; font-size: 14px; }

/* lgroup2 = the side navigation menu */
#lgroup2 ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 10px 10px 0 0;
}

#lgroup2 ul li			{ font-size: 14px;
						  line-height: 18px;
						  width: 160px;
						  text-indent: 3px; 
						  padding: 0 0 25px 0;
						  } /* 176px + 8px padding */
						  
#lgroup2 ul li a 		{ text-decoration: none;
						  color: #696969; }					  

#lgroup2 ul li a:hover	{ color: #000;
						  border-bottom: 3px solid #c80000;}

.lgroup2Header 			{ text-indent: 3px; }

/* this is used for "Sub Menu Items" on the side menu */
#lgroup2 ul .subMenu 	{ padding: 0 0 10px 15px; font-size:12px;}
#lgroup2 ul .MenuNoLink { padding: 0 0 10px 0;}
#lgroup2 ul .MenuNoLink a:hover { color: #696969; } 

/* this is used for photographs (below the side menu) */
#lgroup3 				{ padding: 20px 0 0 0; text-align: center; } 

#lgroup3 span			{ display: none; }

/* paragraphs */
.contentObject .p1 		{ color: #666; font-size: 12px; line-height:18px; padding: 3px 0 6px 0;}
.contentObject ul li	{ color: #666; font-size: 12px; line-height:18px; padding: 3px 0 6px 0;}

/* hide the mid-banner graphic */
#midBanner 	{ background-image: none; height: auto; }


/* This is used for the Page Title */
#pageHeading h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	color: #000;
	padding: 0;
	margin: 0;
}


/* used for the block quote at the top of the page */
#pageBanner {
	text-align: left;
	width: 270px;
	padding: 30px 0 0 434px;
	font-size: 13px;
}

/* This adds some padding, we are using this like a "spacer" */
#contentBuffer {
	height: 20px;
	width: 704px;
}

.textRight {
	text-align: right;
}

#footer h4 {
	padding: 0;
	margin: 0;
	font-size: 12px;
}

.blackRule {
	width: 704px;
	height: 14px;
	background: url(../images/bkg_blackRule.png);
}  /*  this creates a black rule with a drop shadow  */

.twoColumns {
	width: 48%;
	float: left; }
	
.twoColumns h4, .eventDate h4, .eventDesc h4 {
	font-size: 14px;
	padding: 0 0 3px 0;
	margin: 0;
	text-align: left;
}

.events    {
	padding: 14px 0 0 0;}
	
.eventDate {
	width: 25%;
	float: left; }
	
.eventDesc {
	width: 71%;
	float: left;
}	
	
.clearFloats {
	clear: left; }
	
.textIndent a:link {
	color: #0B0;
}

.topPadding5 {
	padding-top:5px;
}

.tahoma_11 {
	font-family:'Tahoma','sans-serif'; 
	font-size:11.0pt;
}

.noBullets {
	list-style-type: none;
	text-align: center;
}
	
li {display:table;
    margin:0px auto 0px auto;
	}	
	
h2 {
	display: table;
	margin: 0px auto 0px auto
}	
	
	
	
	
	
#phhsl_join #outer #dropShadow #inner #wrapper #content-main .contentObject ul {
	text-align: left;
	list-style-type: square;
	position: relative;
	list-style-position: inside;
	left: auto;
}
#phhsl_about #wrapper #content-main .contentObject h4 .eventDesc {
	font-size: large;
}
#phhsl_home #outer #dropShadow #inner #wrapper #content-main .contentObject h2 span {
	text-align: left;


}