/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0px; padding: 0px;}

/* Normalizes font-sizes for headers */
h1, h2, h3, h4, h5, h6
{font-size: 100%;}

/* Removes list-style from lists */
ol, ul
{list-style: none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}

/* Removes borders and spaces from tables */
table
{border-collapse: collapse;
border-spacing: 0;}

/* Removes borders from fieldset and img */
fieldset, img
{border : 0}

/* Left-aligns text in caption and th */
caption, th
{text-align: left;}

/* Removes quotation marks from q */
q:before, q:after
{content: '';}


a	{color: #600;
text-decoration: none;}
/*a:link, a:visited {color: #600;}*/
a:hover {color: red;}


/********************************* GLOBAL CSS STYLES for LAYOUT
************************************************/




body 	{margin: 0px 20px;
	font-size: .7em;
	font-family: Verdana, "Century Gothic", Arial, Helvetica, Geneva, sans-serif;
	color: #300;
	background-color: #f4eee1;
	text-align: center;}

.gHOME h3 {color: #600;
	text-transform: uppercase;}

.gHOME h4 {color: #600;
/*	font-size: .9em;
	font-weight: normal;*/
	text-transform: uppercase;}


#bodyWrapper {margin: 0px auto;
	width: 960px;
	background-color: transparent;
	text-align: left;
	position: relative;}

#contentWrapper {margin-top: -10px;	/* IE margin bug; will need to see if this can be resolved; problem: margin-bottom applied to Branding adds margin to mainNav as well + causing margin issue within contentWrapper; */

	padding: 5px 10px;
		*padding: 3px 10px;
		_padding: 5px 10px;
	background-color: #ede3c8;
	position: relative;
	clear: both;}


.learnMore {padding-right: 20px;
	color: #466f81;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/images/bullet_arrowBlue.gif) no-repeat center right;
	position: absolute;
	bottom: 0px;
	right: 0px;}

.readBlog {color: #466f81;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	bottom: 0px;
	right: 0px;}





/********************************* BRANDING SECTION
************************************************/


#branding {margin-bottom: 10px;		/* IE margin bug; will need to see if this can be resolved; problem: margin-bottom applied to Branding adds margin to mainNav as well + causing margin issue within contentWrapper; */

	padding-top: 10px;
	height: 65px;
	_height: 75px;
	color: #877667;
	background-color: #fff;}

#penscoLogo {margin-left: 17px;
	float: left;}

#branding .nav {padding: 0px 25px;
	float: right;
	text-align: right;}

#branding ul {font-size: 10px;}


/************** REQUIRES: IE HACK ***************/

#branding ul {margin-bottom: 9px;}	/*REQUIRED: Spacing above Search bar */

/******************************START IE HACK ************************/

* html #branding ul {margin-bottom: 7px;}

/******************************End IE HACK ************************/


#branding li {padding: 2px 20px;
	border: none;}
#globalSearch input {vertical-align: middle;}
#txtSearch {width: 150px;}
#login {background: url(/images/lock_icon.gif) no-repeat right;}



/********************************* NAV SECTION
****************************************/

.nav	{text-transform: uppercase;}
.nav li	{display: inline;
	list-style: none;}
.nav a:link, .nav a:visited {color: #877667;}
.nav a:hover {color: red;}
.nav a:active {color: red;}

#mainNav {background-color: #ede3c8;
	width: 100%;
	float: left;}
#mainNav ul {width: 100%;
	float: left;}
#mainNav li {padding: 2px 0px;
	float: left;
	font-size: 1.25em;}
#mainNav a {padding: 2px 20px;}

#MN_primary {background-color: #b3b2a7;}/*
#MN_primary .active {background-color: #ede3c8;} bg color for active state*/
#MN_primary .active a {color: #466f81;
	border: none;}


#MN_primary a:link, #MN_primary a:visited {color: #fff;}
#MN_primary a:hover {color: #466f81;
	background-color: #ede3c8;
	border: none;}/*
#MN_primary .active {background-color: #ede3c8;} bg color for active state*/
#MN_primary .active a {color: #466f81;
	border: none;}

#MN_secondary {background: #ede3c8;}
#MN_secondary a:link, #MN_secondary a:visited {color: #300;}
#MN_secondary a:hover {color: #466f81;
	border: none;}
#MN_secondary .active a {color: #466f81;
	border: none;}

.gHOME #gHOME a
	{color: #466f81 !important;
	background-color: #ede3c8;}



/********************************* BANNER SECTION
************************************************/

#HP_ITmessage {margin-bottom: 7px;
	padding: 10px 50px 10px 25px;
	color: #600;
	font-weight: bold;
	line-height: 1.5em;
	background-color: white;
	position: relative;}

#HP_ITmessage a {padding: 0px 4px;
	font-weight: bold;
	position: absolute;
	top: 5px;
	right: 10px;
	border: 1px solid #600;
	_display: none;}

#HP_ITmessage a:hover {border: 1px solid red;}

#HP_banner {margin-bottom: 7px;
	background: #466f81;
	height: 200px;
	position: relative;}

#HP_banner #services {padding: 0px 25px;	/*REQUIRED CODE: using abs pos to resolve IE6 padding issue */
	color: white;
	font-size: 16px;
	width: 315px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;}

#HP_banner #services h2 {width: 550px;
	display: inline-block;
	float: left;}

#HP_banner #services p {padding: 15px 0px;
	font-weight: bold;
	line-height: 1.4em;}


#HP_banner #services li {margin-bottom: 15px;
	padding: 7px 10px;
	background-color: #59808e;
	text-align: right;}

#HP_banner #services li a {padding-right: 25px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/images/bullet_arrowLTblue_DKblue.gif) no-repeat center right;}
	bullet_arrowLTblue_DKblue.gif

#HP_banner #services li a:hover {color: #466f81;}


/********************************* CONTENT SECTION
************************************************/

#HP_content {margin-bottom: 7px;
	padding: 10px 15px;
	width: 647px;
	height: 80px;
	background-color: white;
	float: right;
	position: relative;}

#HP_content div {margin-right: 150px;
	height: 100%;
	position: relative;}
#HP_content h3 {margin-bottom: 5px;}
#HP_content ul {color: #600;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: 16px;
	right: 25px;}
#HP_content li {margin: 3px 0px;
	padding-left: 15px;
	letter-spacing: 2px;
	background: url(/images/bullet_grayBox.gif) no-repeat center left;}



/********************************* LEARNING CENTER SECTION
************************************************/


#HP_MC_body {width: 940px;
	position: relative;}

#HP_learningCenter {padding: 10px 10px 7px 10px;
	width: 728px;
	background-color: #b3b2a7;
	float: left;
	position: relative;} 		/*REQUIRED: prevents IE layout bug */

#HP_learningCenter .intro {color: white;}

#HP_learningCenter h3 {margin-bottom: 5px;
	color: #466f81;
	font-size: 1.8em;}

#HP_learningCenter div {padding-bottom: 22px;
	padding-top: 10px;
/*position: relative;			Do not use: causes IE6 issue where bullet does not appear*/
	text-align: center;
	width: 100%;}

#HP_learningCenter div div {padding: 10px;
	width: 218px;
	height: 305px;
	background-color: white;
	text-align: left;
	position: relative;}

#HP_learningCenter div div div {padding: 0px;		/*REQUIRED: reset */
	width: auto;
	height: auto;
	background-color: transparent;}

#HP_learningCenter h4 {margin-bottom: 10px;
	color: #600;
	text-align: center;}
#HP_learningCenter div div h5 {font-weight: normal;}

#HP_learningCenter li {margin: 5px 0px;
	padding-left: 20px;
	background: url(/images/bullet_arrowBlue.gif) no-repeat 0px 1px;
position: relative;}


#HP_learningCenter li li {padding: 0px; 	/*REQUIRED: reset */
	background: none;}			/*REQUIRED: reset */
#HP_learningCenter li a {color: #300;}
#HP_learningCenter li a:hover {color: #466f81;}

#HP_learningCenter #rssContainer {
	position: absolute; bottom: 5px;}


.gHOME cite {margin: 5px 0px 10px 0px;
	display: block;
	font-style: italic;
/*	color:  #aaa;
	text-align: right;*/}


.gHOME cite .author {display: block;}



#HP_LC_getStarted {float: left;}
#HP_LC_articles {margin: 0px auto;}
#HP_LC_events {float: right;}

#HP_freeEbook {font-size: 1.1em;}

#HP_freeEbook a {padding-bottom: 40px;
	padding-right: 85px;
	display: block;
	background: url(/images/ebook_75px.gif) no-repeat top right;}

#HP_freeEbook h5 {color: #466f81;
	font-size: 1.2em;
	font-weight: bold !important;}



#HP_LC_events ul {margin: 5px 0px 10px 0px;}


#HP_learningCenter .learnMore {color: white;
	background: url(/images/bullet_arrowWhite.gif) no-repeat center right;
	bottom: 7px;
	right: 10px;}


/********************************* SIDEBAR SECTION
************************************************/

.sidebar {width: 185px;
	background-color: white;
	float: right;
	height: 430px;
	position: relative;}	 /*REQUIRED: prevents IE layout bug*/

.sidebar hr {text-align: center;
	width: 90%;}

#stayCurrent {padding: 5px;
	text-align: center;}
#stayCurrent h3 {margin: 5px 0px 10px 0px;
	color: #466f81;
	font-size: 1.8em;}
#stayCurrent p {margin: 2px 0px;}
#stayCurrent #email, #stayCurrent #name {width: 125px;
	vertical-align: middle;}
#stayCurrent #email {margin-bottom: 5px;}

/************** REQUIRES: IE HACK ***************/

#stayCurrent .ExistingClientRadioButton {vertical-align: bottom;}

/******************************START IE HACK ************************/

* html #stayCurrent .ExistingClientRadioButton {vertical-align: middle;}

/******************************END IE HACK ************************/



#tomsBlog {padding: 10px;
	position: relative;
	height: 150px;
	background: url(/images/profiles/tomAnderson_blogProfile.jpg) no-repeat 115px 32px;
}

#tomsBlog h4 {margin-bottom: 10px;
	text-align: center;}

#tomsBlog p {margin-right: 65px;
	padding-bottom: 25px;
	width: 98px;
	max-height: 100px;
	position: relative;}

#tomsBlog a {display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;}

#tomsBlog cite {position: absolute;
	bottom: 0px;
	right: 5px;}

#HP_contactPensco {padding: 10px 0px 10px 15px;
	width: 240px;
	height: 80px;
	background-color: white;
	float: left;
	position: relative;}	/*REQUIRED: resolves IE6 peekaboo bug */


#HP_contactPensco h3 {margin-bottom: 10px;}
#HP_contactPensco li {margin: 5px 0px;
	padding-left: 25px;
position: relative;}

#HP_contactPensco li a {color: #300;}
#HP_contactPensco li a:hover {color: #466f81;}

.contactEmail {background: url(/images/bullet_email.gif) no-repeat center left;}
.contactNumber {background: url(/images/bullet_phone.gif) no-repeat center left;}
.contactEvent {background: url(/images/bullet_event.gif) no-repeat center left;}


/********************************* SITE INFO SECTION
************************************************/



#siteInfo {padding: 10px 0px;
	color: #907c69;
	text-align: center;
	background-color: #ede3c8;
	clear: both;}

#siteInfo ul {font-size: 10px;}

#siteInfo .nav ul {margin-bottom: 5px;}

#siteInfo .nav li {padding: 0px 15px;
	border-left: 1px solid #877667;}

#SI_secondary li, #SI_copy {text-transform: none;}

#SI_copy {clear: both;}


#SI_PENSCOlocation {margin: 25px auto 5px auto;}

#SI_PENSCOlocation li {padding: 0px 25px;
	display: inline;}

#SI_portsmouth {border-right: 1px solid #877667;}





/********************************* GENERAL SECTION
************************************************/





/********* helpers *********/

.noBorder, li .noBorder, #siteInfo .noBorder, .sbR .noBorder{border: none;}
.reset	{margin: 0px; padding: 0px;}
.left	{text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
  .center div {margin: 0px auto;
	text-align: left;}
.floatL	{float: left;}
.floatR {float: right;}
.clrL	{clear: left;}
.clrR	{clear: right;}
.clrB	{clear: both;}
.block {display: block;}
.noWrap {white-space: nowrap;}

.offScreenRP {position: relative;
	left: -9999px;}

.offScreenAP {position: absolute;
	left: -9999px;}


/******* already moved to CONTENT.css ****/



.rss	{margin: 0px auto;
	padding-left: 30px;
	width: 60px;
	display: block;
	background: url(/images/rss.gif) no-repeat center left;}

.dnd {display: none !important;}

/****** EMMA CSS ******/
.penscoStatus {width: 175px;}

.e2ma_signup_form_required_asterix {display: none;}

#e2ma_signup input {width: 135px;
	display: inline;
	float: right;}

.e2ma_signup_form_label {margin-top: 4px;
	margin-bottom: 5px;
	vertical-align: bottom;
	display: inline;
	float: left;}

.e2ma_signup_form_row {clear: both;}

.e2ma_signup_form_group_list input {
	width: auto !important;
		*height: 17px;
	float: left !important;
		*clear: both;
	position: relative;
	right: -53px;
		*right: -65px;}

.e2ma_signup_form_group_list label {margin: 0px 10px 0px 2px;
	display: inline;
	float: left;
	position: relative;
		*top: 2px;
	right: -53px;
		*right: -65px;}

.e2ma_signup_form_button {margin: 45px auto 0px auto;
		*margin-top: 20px;
	text-align: center;
	width: 100px !important;
	display: block !important;
	float: none !important;
	clear: both;}

#e2ma_signup_reset_button {display: none !important;}

.e2ma_signup_form_required_footnote {display: none;}