/* Standard page style sheet for PEHP. */
/* Copyright 2010 PEHP */

/* header login panel
------------------------------ */

html#login {
	background: #fff url(../../images/page/html-login.gif) repeat-x left top;
}

html#login #header {
	height: 212px;
}

html#login #header #login-panel {
	display: block;
}

#header a#login {
	width: 156px;
	height: 16px;
	padding: 6px 0 4px;
	position: absolute;
	top: 84px;
	right: 0;
	background: #5f96cf url(../../images/page/header-login.jpg) no-repeat left top;
	color: #fff;
	text-align: center;
}

#header #login-panel {
	width: 468px;
	height: 102px;
	display: none;
	position: absolute;
	right: 0;
	top: 110px;
	background: #d7dada url(../../images/page/header-login-panel.gif) repeat-x left bottom;
}

#header #login-panel #corner {
	width: 4px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../../images/page/login-panel-corner.gif) no-repeat left top;
}

#header #login-panel .link {
	width: 176px;
	margin: 0;
	padding: 0 0 0 15px;
	display: block;
	float: left;
	line-height: 10px;
}

#header #login-panel .link a {
	color: #808080;
	text-decoration: underline;
	font-size: 10px;
}

#header #login-panel form {
	width: 448px;
	height: 40px;
	margin: 21px 0 12px 15px;
	padding: 0;
}

#header #login-panel form .group {
	width: 176px;
	height: 40px;
	margin-right: 14px;
	float: left;
}

#header #login-panel form .group.last {
	margin-right: 8px;
}

#header #login-panel form .group label {
	margin-bottom: 4px;
	float: left;
	color: #2c67a3;
}

#header #login-panel form .group input {
	width: 176px;
	height: 18px;
	border: none;
}

#header #login-panel form input#btn_login {
	margin-top: 16px;
}

/* primary content well
------------------------------ */

#primary.page #main {
	width: 715px;
}

/* page header/banner
------------------------------ */

#primary.page #main #banner {
	width: 715px;
	height: 119px;
	margin-bottom: 19px;
	position: relative;
	background: url(../../images/page/banner.gif) no-repeat;
	color: #fff;
}

#primary.page #main #banner h1 {
	margin: 0;
	position: absolute;
	z-index: 10;
	top: 25px;
	left: 24px;
	font-size: 26px;
}
#primary.page #main #banner p {
	margin: 0;
	position: absolute;
	z-index: 10;
	top: 60px;
	left: 24px;
	font-size: 13px;
}

#primary.page #main #banner #image {
	width: 715px;
	height: 119px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: transparent;
}

/* custom page image - make sure to set width and height for IE6! */

#primary.page #main #banner #image.members {
	width: 266px;
	height: 113px;
	background: transparent url(../../images/page/banner-members.png) no-repeat right bottom;
}

/* page left navigation
------------------------------ */

#primary.page #main #left-nav {
	width: 186px;
	margin: 0 28px 0 0;
	float: left;
	background-color: #ebebeb;
	color: #808080;
	font-size: 10px;
}

#primary.page #main #left-nav a {
	color: #808080;
}

#primary.page #main #left-nav h3 {
	width: 163px;
	margin: 0 0 4px 0;
	padding: 7px 0 5px 23px;
	background: url(../../images/page/nav-li.jpg) no-repeat left top;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	outline: none;
}

#primary.page #main #left-nav h3.ui-state-active {
	background: url(../../images/page/nav-li-active.jpg) no-repeat left top;
	color: #fff;
}

#primary.page #main #left-nav h3.ui-state-active a {
	color: #fff;
}

#primary.page #main #left-nav h3#first {
	background: url(../../images/page/nav-li-first.jpg) no-repeat left top;
}

#primary.page #main #left-nav h3#first.ui-state-active {
	background: url(../../images/page/nav-li-first-active.jpg) no-repeat left top;
}

#primary.page #main #left-nav h3.double {
	background: url(../../images/page/nav-li-double.jpg) no-repeat left top;
}

#primary.page #main #left-nav h3.double.ui-state-active {
	background: url(../../images/page/nav-li-double-active.jpg) no-repeat left top;
}

#primary.page #main #left-nav h3#last {
	margin: 0;
	background: url(../../images/page/nav-li-last.jpg) no-repeat left top;
}

#primary.page #main #left-nav h3#last.ui-state-active {
	margin: 0;
	background: url(../../images/page/nav-li-active.jpg) no-repeat left top;
}

#primary.page #main #left-nav h3.double a span.lower-case {
	text-transform: none;
}

#primary.page #main #left-nav .section {
	padding: 6px 0 10px;
	overflow: hidden;
}

#primary.page #main #left-nav .section.last {
	background: transparent url(../../images/page/nav-section-last.gif) no-repeat left bottom;
}

#primary.page #main #left-nav .section ul {
	margin: 0;
	margin-left: 13px;
	padding: 0;
	color: #808080;
}

#primary.page #main #left-nav .section ul {
	display: block;
}

#primary.page #main #left-nav .section ul a {
	color: #808080;
}

#primary.page #main #left-nav .section ul li {
	width: auto;
	margin: 0;
	padding: 0;
	background: transparent;
	text-transform: none;
	list-style-type: none;
}

#primary.page #main #left-nav .section ul li.active a {
	color: #26619d;
}

/* page breadcrumb and copy well
------------------------------ */

#primary.page #main #content {
	width: 500px;
	float: left;
}

/* breadcrumb navigation */

#primary.page #main #content ul#breadcrumb {
	width: 500px;
	height: 14px;
	margin: 0 0 6px;
	padding: 0 0 7px 0;
	background: url(../../images/page/breadcrumb.jpg) no-repeat left bottom;
	font-size: 10px;
	color: #b2b2b2;
}

#primary.page #main #content ul#breadcrumb a {
	color: #b2b2b2;
}

.nodeStyle {
	margin: 0 5px;
	list-style-type: none;
}

#primary.page #main #content ul#breadcrumb li {
	margin: 0 5px 0 0;
	float: left;
	list-style-type: none;
}

#primary.page #main #content ul#breadcrumb li.current, #primary.page #main #content ul#breadcrumb li.current a {
	color: #808080;
	font-weight: bold;
}

/* copy styles */

#primary.page #main #content .copy {
	width: 450px;
}

#primary.page #main #content h2 {
	margin: 0 0 15px;
	padding: 15px 0 0;
	font-weight: normal;
	font-style: normal;
	font-size: 21px;
	color: #26619d;
}
#primary.page #main #content h3 {
	margin: 0 0 10px;
	padding: 5px 0 0;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	color: #26619d;
}
#primary.page #main #content h4 {
	margin: 0 0 12px;
	padding: 5px 0 0;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #26619d;
}

/* page aside and promo boxes
------------------------------ */

#primary.page #aside {
	width: 235px;
	position: absolute;
	top: -3px;
	right: -3px;
}

#primary.page #aside .promo {
	width: 235px;
	height: 170px;
	margin-bottom: 13px;
	position: relative;
	overflow: hidden;
	background: url(../../images/page/promo.jpg) repeat-y;
}

#primary.page #aside .promo.first {
	height: 124px;
}

#primary.page #aside .promo .content {
	width: 191px;
	padding: 20px 22px;
	position: absolute;
	z-index: 20;
}

#primary.page #aside .promo .content h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#primary.page #aside .promo .content p {
	margin: 8px 0;
	padding: 0;
}

#primary.page #aside .promo .top {
	width: 235px;
	height: 10px;
	position: absolute;
	top: 0;
	
	background: url(../../images/page/promo-top.jpg) no-repeat left top;
}

#primary.page #aside .promo .bottom {
	width: 235px;
	height: 114px;
	position: absolute;
	bottom: 0;
	background: url(../../images/page/promo-bottom.jpg) no-repeat left bottom;
}

/* footer variation for standard pages
------------------------------ */

#footer.page {
	margin: 40px 0 40px;
	padding: 20px 0 0 215px;
	background: url(../../images/page/footer.jpg) no-repeat left top;
}