/* Font Rules */
body, td, th {
	color: #000000;
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
.header {
	font: bold 17px/24px Arial, Helvetica, sans-serif;
	color: #36478B;
}
.headerSmall {
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	color: #36478B;
}

/* Link Rules */
a, a:link {
	color: #DFA83F;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #DFA83F;
}
a:hover {
	text-decoration: none;
	color: #DFA83F;
}
a:active {
	text-decoration: underline;
	color: #DFA83F;
}
#sideColumn a, #sideColumn a:link {
	color: #6F84B1;
	text-decoration: underline;
	font-weight: bold;
}
#sideColumn a:visited {
	text-decoration: underline;
	color: #6F84B1;
	font-weight: bold;
}
#sideColumn a:hover {
	text-decoration: none;
	color: #6F84B1;
	font-weight: bold;
}
#sideColumn a:active {
	text-decoration: underline;
	color: #6F84B1;
	font-weight: bold;
}

/* HTML Rules */
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
form {
	padding: 0px;
	margin: 0px;
}

/* Misc. Classes */
.clearing {
	height: 0px;
	clear: both;
	float: none;
	margin: 0px;
	padding: 0px;
}
#date {
	margin: 0px;
}
.borderBottom {
	border-bottom: 1px solid #36478B;
}
#topOfPageLink {
	text-align: center;
	display: block;
	clear: both;
}
.commHighlights li {
	margin-bottom: 10px;
	list-style: disc outside;
}

/* Page Rules */
#pageContainer {
	margin: 0px auto;
	width: 760px;
	background: #FFFFFF url(images/sideColumn_background.gif) repeat-y left top;
	border: 1px solid #36478B;
}

/* NavBar Rules */
#navBarContainer {
	width: 100%;
	height: 39px;
	clear: both;
	margin: 0px;
	padding: 0px;
	background-color: #36478B;
	border-bottom: 1px solid #FFFFFF;
}
#navBarSpacer {
	width: 223px;
	height: 39px;
	clear: none;
	float: left;
	background-color: #36478B;
	border-right: 1px solid #BFBFCC;
}
#navBarLinks {
	width: 535px;
	height: 39px;
	float: right;
	background-color: #6F84B1;
	border-left: 1px solid #FFFFFF;
}

/* Header Rules */
#headerContainer {
	height: 163px;
	border-bottom: 1px solid #BFBFCC;
	border-top: 1px solid #BFBFCC;
	float: none;
	clear: both;
}
#hmpgLogoContainer {
	border-right: 1px solid #BFBFCC;
}
.noFlash {
	padding: 0 2px;
}
#logoContainer {
	border-right: 1px solid #BFBFCC;
	float: left;
	width: 223px;
}
#logoContainer img {
	padding: 0px;
	margin: 0px;
}
#headerTextContainer {
	width: 223px;
	height: 161px;
	float: left;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#loginContainer {
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background-color: #D5E2FD;
	margin: 0px;
	padding: 0px 16px;
}
#loginContainer .loginLinks {
	list-style: none;
	padding: 3px 0px 10px 0px;
	margin: 0px;
	/*border-top: solid 1px #36478b;
	border-bottom: solid 1px #36478b;*/
}
#loginContainer .loginLinks li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#loginContainer .loginLinks a {
	padding-left: 10px;
	margin: 2px 0px 0px 0px;
	background: url(images/bullet.gif) no-repeat 0px 4px;
	color: #36478B;
	font-size: 10px;
}
#loginContainer .loginLink, .eNewsLink {
	width: 100px;
	margin: 0px auto;
}
#loginContainer .loginLink img, .eNewsLink img {
	display: block;
	border: none;
}
.eNewsLink {
	padding-top:10px;
}
#photoContainer {
	width: 533px;
	height: 161px;
	float: left;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#hmpgPhotoContainer {
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#bankingCenter {
	padding-bottom:10px;
	border-bottom: solid 1px #36478b;
}

/* Side Column Rules */
#sideColumn {
	width: 223px;
	float: left;
}
#sideColumn p {
	margin: 4px 16px;
	font-size: 10px;
	color: #6F84B1;
}
#sideColumn table {
	margin: 0px 16px;
}
#sideColumn td {
	padding: 2px;
	font-size: 10px;
	color: #6F84B1;
}
#sideColumn .sideColumnNav {
	margin: 0px;
	padding: 0px;
}
#sideColumn .sideColumnLinks {
	margin-top: 10px;
	padding-top: 8px;
	border-top: solid 1px #BFBFCC;
}
#sideColumn .sideColumnLinksNoBorder {
	margin-top: 10px;
	/*padding-top: 8px;*/
	border-top: none;
}
#sideColumn .bullettedLink {
	padding-left: 10px;
	margin: 2px 16px;
	background: url(images/bullet.gif) no-repeat 0px 6px;
}

/* Content Rules */
#content {
	width: 492px;
	float: left;
	padding-left: 26px;
}
#hmpgContent {
	width: 507px;
	float: left;
	padding: 0px;
	margin: 0px;
	padding-left: 26px;
	vertical-align: bottom;
}
#hmpgContent #hmpgMainImage {
	float: right;
	width: 170px;
	padding: 0px;
	margin: 0px;
}

/* Footer Rules */
#footerContainer {
	clear: both;
	color: #FFFFFF;
	background-color: #36478B;
	border-top: 1px solid #FFFFFF;
}
#footerContainer .footerLinks {
	padding-left: 16px;
	color: #FFFFFF;
}
#footerContainer .footerLinks a, #footerContainer .footerLinks a:visited, #footerContainer .footerLinks a:hover, #footerContainer .footerLinks a:active {
	padding-left: 2px;
	padding-right: 2px;
	color: #FFFFFF;
	line-height: 40px;
}
#footerContainer .footerLogo {
	/*padding-right: 16px;*/
	color: #FFFFFF;
	width: 152px;
}
#footerContainer .footerFDIC {
	padding-right: 16px;
	color: #666666;
	padding-left: 16px;
	line-height: normal;
	font-size: 10px;
}

/* Matrix Formatting */
.mtxBorder {
	border-top: 1px solid #36478B;
	border-right: 1px solid #36478B;
	border-left: 1px solid #36478B;
}
.mtxHeader {
	color: #FFFFFF;
	background-color: #36478B;
	padding: 3px;
	border-bottom: 1px solid #36478B;
}
.mtxHeaderBorderLeft {
	color: #FFFFFF;
	background-color: #36478B;
	padding: 3px;
	border-bottom: 1px solid #36478B;
	border-left: 1px solid #36478B;
}
.mtxRow {
	background-color: #FFFFFF;
	padding: 3px;
	border-bottom: 1px solid #36478B;
}
.mtxRowBorderLeft {
	background-color: #FFFFFF;
	padding: 3px;
	border-bottom: 1px solid #36478B;
	border-left: 1px solid #36478B;
}
.mtxRowAlt {
	background-color: #F2F2F2;
	border-bottom: 1px solid #36478B;
	padding: 3px;
}
.mtxRowAltBorderLeft {
	background-color: #F2F2F2;
	border-bottom: 1px solid #36478B;
	border-left: 1px solid #36478B;
	padding: 3px;
}