/* COLORS:
page bg color: #9c9794;
sidebar BG: #382d26;
sidebar text: #bab7b2;
deep blue: #0055a6;
lt blue: #a0cdee;
lighter blue: #c0dcf3;
rich brown: #865a19; or #86581c;
text color: #372e27;
 */

/* HTML Tag Redefinition */
html, body { height: 100%; }
body { background:#9c9794 url(http://www.pfhh.org/themes/pfhh_2009/images/layout/bg_page.gif) top left repeat; text-align:center; padding:0px; margin:0px; }
img { border:0px; }
a { cursor:pointer; }

label { font-weight:bold; display:block; padding-top:10px; }
fieldset { border:1px solid #ccc; }

/* error text class optionally provided by theme */
div.ccm-error-response { color: #f00; margin-bottom:12px; }

/* Page Structure ****************************/
#page { text-align:left; position:relative; }

#page .column { float:left; margin:0; padding:0; position:relative; }

#page .one-column .column-1 { width:920px; padding:0 20px 20px; float:none; } /* 960px */
#page .one-column .column-2 { display:none; }
#page .one-column .column-3 { display:none; }

#page .two-columns .column-1 { width:170px; z-index:3; min-height:300px; } /* 170px */
#page .two-columns .column-2 { width:750px; padding:0 20px 20px; z-index:2; } /* 790px */
#page .two-columns .column-3 { display:none; }

#page .three-columns .column-1 { width:170px; z-index:3; min-height:300px; } /* 170px */
#page .three-columns .column-2 { width:500px; padding:0 20px 20px; z-index:2; } /* 540px */
#page .three-columns .column-3 { width:250px; position:relative; z-index:4; } /* 250px */


/* Left Sidebar ******************************/
#page .two-columns .column-1,
#page .three-columns .column-1 {
	float:left; width:168px; padding:50px 0 10px; color:#bab7b2; text-align:center; border-left:1px solid #7e7772; border-right:1px solid #7e7772; }
#page .two-columns .column-1 p,
#page .three-columns .column-1 p {
	color:#bab7b2; line-height:120%; }
	
/* Right Sidebar ******************************
#page .three-columns .pad-top { padding-top:260px !important; }



/* Header *********************************/
#page #header { height:127px; position:relative; width:100%; background:#0055a6 url(http://www.pfhh.org/themes/pfhh_2009/images/layout/bg_topheader.jpg) top left repeat-x; border-bottom:1px solid #c0dcf3; z-index:4; } 

#page #header #header-area { width:980px; height:127px; margin:0 auto; position: relative; }
#page #header #header-area #header-area-inside{  }
#page #header #header-area img { display: block; }

/* Logo *********************************/
#page #header #logo { position:absolute; top:0; left:2px; z-index:98; }
#page #header #logo a { display:block; height:184px; width:184px; color:#372e27; text-decoration:none; background:transparent url(http://www.pfhh.org/themes/pfhh_2009/images/layout/logo_phh_main.png) top left no-repeat; overflow:hidden; }
#page #header #logo a img { border:none; outline:none; }
#page #header #logo a span { display:none; }
#page #header-title h1 { margin:17px 0 0 180px; padding:0; }
#page #header-title h1 a { display:block; height:43px; background:url(http://www.pfhh.org/themes/pfhh_2009/images/layout/topheader_title.jpg) top left no-repeat; }
#page #header-title h1 span { display:none; }


/* Top Navigation *********************************/
#page #header #nav-header { height:51px; padding:0 10px 0 180px; line-height:48px; text-align:right; color:#a0cdee; overflow:hidden; font-size:12px; text-transform:lowercase; }
#page #header #nav-header div { display:inline; text-align:right; }
#page #header ul.nav-header { list-style:none; margin:0px; padding:0px; width:auto; z-index:3; overflow:visible; float:right; }
#page #header ul.nav-header li { float:left; padding:2px 0px; margin-left:16px; margin-bottom: 0px; color:#a0cdee; font-size:13px; margin-top:0px; }

#page #header ul.nav-header li a, #page #header #nav-header a { text-decoration:none; color:#a0cdee; margin-left:10px; }
#page #header ul.nav-header li a:hover, #page #header #nav-header a:hover { color:#fff; }
#page #header ul.nav-header li.nav-selected { border:1px solid #bbb; padding:2px 8px; }

#page .divider{padding-top: 12px; background: url(http://www.pfhh.org/themes/pfhh_2009/images/nav_horizontal_divider.gif) no-repeat top; overflow:hidden; height:1px; clear:both; width:100%; }


/* Main area below header *********************************/
#page .two-columns, #page .three-columns { width:960px; margin:0 auto; background:#fff url(http://www.pfhh.org/themes/pfhh_2009/images/layout/bg_sidebar_left.gif) repeat-y left; }
#page .one-column { width:960px; margin:0 auto; background:#fff none !important; }


/* Main Navigation ********************************/
UL.nav-main, UL.nav-main li, UL.nav-main li UL {
	margin:0 !important; padding:0 !important;
	list-style-type:none;
	list-style:none;
	text-align:left;
	z-index:49; }
UL.nav-main li { padding:0 !important; margin:0 !important; position:relative; zoom:1; }
UL.nav-main li a, UL.nav-main li a:visited {
	display:block;
	margin:0; padding:7px 10px 8px;
	line-height:100%;
	border:1px solid #382d26; border-left:0; border-right:0;
	border-collapse:collapse;
	color:#bab7b2;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	background:#382d26 url(http://www.pfhh.org/themes/pfhh_2009/images/layout/nav_bg.jpg) top left no-repeat;
	zoom:1; }
UL.nav-main li a:hover, UL.nav-main li.nav-selected a, UL.nav-main li.nav-selected a:hover { color:#fff; background-position:-170px 0; border-color:#ccc; }
UL.nav-main li a a, UL.nav-main li.nav-selected li a { background-position:0 0; border-color:#382d26; color:#bab7b2; }
/* first-level drop-down */
UL.nav-main li UL {
	display:none;
	margin:0 !important; padding:0 !important; 
	list-style-type:none;
	list-style:none;
	position:absolute;
	top:0;
	left:168px;
	z-index:49;
	zoom:1; }
UL.nav-main li:hover UL { display:block; width:150px; } UL.nav-main li:hover UL UL { display:none; }
UL.nav-main li, UL.nav-main li a, UL.nav-main UL { margin:0 !important; outline:0; }
UL.nav-main li UL li a, UL.nav-main li UL li a:visited { padding:5px 8px 6px; width:120px; text-transform:none; font-size:13px; font-weight:normal; border-collapse:collapse;  }
/* second-level drop-down */0
UL.nav-main li UL li UL { display:none; visibility:hidden; }


/* Header Photo *****/
.two-columns .header-photo,
.three-columns .header-photo { width:790px; overflow:visible; color:#bab7b2; background:#382d26; clear:both; }
#page .one-column .header-photo { width:960px; margin:0 -20px; overflow:visible; background:#382d26; clear:both; }
.header-photo img { display:block; clear:both; }


/* News Sidebar *****/
.news-sidebar-wrapper { width:230px; margin:10px 10px 20px; }
.news-on-top, #page .news-on-top, #page .three-columns .column-3 .news-on-top,
#page .three-columns .column-3 .on-top { margin-top:-340px; z-index:51; }
.news-sidebar-wrapper .news-header { padding:20px 15px 5px; margin:0; background:url(http://www.pfhh.org/themes/pfhh_2009/images/layout/news_bg_top.png) top center no-repeat; }
.news-sidebar-wrapper .news-content { padding:5px 20px 36px; margin:0; overflow:visible; background:url(http://www.pfhh.org/themes/pfhh_2009/images/layout/news_bg_mid.png) bottom center no-repeat;  }

/* Blue Sidebar *****/
.blue-sidebar-wrapper { width:230px; margin:0; }
.blue-sidebar-wrapper .blue-sidebar-header { padding:16px 15px 0; margin:0; background:transparent url(http://www.pfhh.org/themes/pfhh_2009/images/layout/blue_bg_top.png) top center no-repeat; z-index:999; zoom:1; }
.blue-sidebar-wrapper .blue-sidebar-content { padding:5px 20px 20px; margin:0; overflow:visible; background:url(http://www.pfhh.org/themes/pfhh_2009/images/layout/blue_bg_mid.png) bottom center no-repeat;  }

#page .three-columns .column-3 .on-top { margin-top: -358px; }
#page .three-columns .home-sidebar { margin:0 10px 0; padding:0; }
#page div.sb-callout-box { width:230px; margin:20px 0 20px; padding:0; border:1px solid #a0cdee; background:#e2f1fb; }


/* Footer *********************************/
#page #footer { width:960px; margin:0 auto; padding-top:10px; clear:both; padding-bottom:16px; color:#fff; font-size:10px; text-align:right; }
#page #footer a { text-decoration:none; color:#fff; }
#page #footer span.sign-in { margin-left: 20px; }

/* Page Elements */
.pagingNav{ margin:16px 0px 8px 0px; }
.pagination{ text-align:center; color:#bbb; padding-top:4px; }
.pagination .pageRight{width:20%; float:right; text-align:right; }
.pagination .pageLeft{width:20%; float:left; text-align:left; }

/* MISC STYLES & SHORTCUTS */
div.code { border: 1px solid #ddd; background: #eee; padding: 10px; }
div.spacer, div.ccm-spacer { clear:both; font-size:1px; line-height:1px; }
#page #sidebar div.ccm-spacer { margin:10px 0; height:17px; background: url(http://www.pfhh.org/themes/pfhh_2009/images/sidebar/sidebar_rule-1.gif) center center no-repeat; }
.noTopSpace { margin-top:0px; padding-top:0px;  }
.clear-floats { display:block; height:0px; font-size:0px; clear:both; }
.ccm-error { color:#e00; padding:4px 7px; font-weight:bold; background:#ffc; }

.registerBlock input.uak-checkbox { clear:none; margin:0 3px 5px 0; padding:0; line-height:13px; height:13px; font-size:13px; }
.registerBlock label.forCheckBox { display:block; clear:right; margin:0 0 5px 0; padding:0; line-height:13px; overflow:visible; font-size:13px;  }
#page .three-columns .column-2 .registerBlock label.forCheckBox { margin-right:-30px; }

/* customize_miscellaneous */ 

.image-in-home-header {  }
#page .above-nav { margin-top:-5px !important; }