/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

body {
  background-color: #FFFFFF;
  color: #2a2d2e;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: center; /* Centers the page content container in IE 5 browsers. */
}

H1 IMG, H2 IMG {
  MARGIN-BOTTOM: 10px
}

H1 IMG, H2 IMG, H3 IMG, H4 IMG, H5 IMG, H6 IMG {
  DISPLAY: block;
  LINE-HEIGHT: 0;
  MARGIN: 0px;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px
}

H1, H2, H3, H4, H5, H6 {
  FONT-WEIGHT: bold;
  MARGIN-BOTTOM: 0px
}

H2 {
  FONT-SIZE: 1.3em
}

H3 {
  FONT-SIZE: 1em
}

P {
  MARGIN-TOP: 0px
}

#page {
  background-color: #fff;
  margin: 15px auto 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 754px;
}

#page #page2 {
  FLOAT: left;
  MARGIN: 0px;
  padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */

}

#outerWrapper {
  background-color: #fff;
  margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 780px;
}

#outerWrapper #contentWrapper #leftColumn1 {
  background-color: #eaeff5;
  border-right: solid 1px #8e9fd0; /* Sets the right border properties for an element using shorthand notation */
  float: left;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 220px;
}
#outerWrapper #contentWrapper #rightColumn1 {
  background-color: #eaeff5;
  border-left: solid 1px #8e9fd0; /* Sets the left border properties for an element using shorthand notation */
  float: right;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 220px;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #middlecontent {
  margin: 0 260px 0 260px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 240px;

  }

/* Contains the main page content for second pages (2 column layouts). When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #contentpg2 {
  margin: 0 0px 0 260px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}

#calculators {
  margin-top: 20px;
  WIDTH: 750px
}

#content {
  FLOAT: left;
  margin-top: 20px;
  WIDTH: 750px
}

#content-main {
  FLOAT: left;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 5px;
  PADDING-RIGHT: 5px;
  WIDTH: 248px
}

#content-pg2 {
  FLOAT: left;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 5px;
  PADDING-RIGHT: 5px;
  WIDTH: 485px
}

#content-sub {
  FLOAT: left;
  padding-left: 5px;
  WIDTH: 248px;
  padding-bottom: 15px;
}

#page #page2 .clearFloat {
  clear: both;
  display: block;
}

#footer {
  clear: both;
  display: block;
  background-color: #E0E7E6;
  HEIGHT: 35px;
  border: solid 1px #8e9fd0; /* Sets the border properties for an element using shorthand notation */
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  WIDTH: 750px
}

#footer #footertext {
  margin: 0 0px 0 0px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  WIDTH: 248px;
  FLOAT: right;
}
#copyright {
  margin: 0 0px 0 0px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  WIDTH: 700px

}

#complianceLogos {
  HEIGHT: 30px;
  PADDING-BOTTOM: 8px;
  PADDING-RIGHT: 15px;
  PADDING-TOP: 6px;
  WIDTH: 248px;
  FLOAT: left;

}

#complianceText {
  DISPLAY: none;
  FONT-WEIGHT: bold
}

.calcTable TH.calcsMenu {
  FONT-SIZE: 0.9em;
  TEXT-ALIGN: right
}

.employeesDirectors DD BLOCKQUOTE {
  FONT-STYLE: italic;
  MARGIN: 0px 0px 1.2em 135px;
  WIDTH: 310px
}

.employeesDirectors DD IMG {
  DISPLAY: block;
  FLOAT: left;
  HEIGHT: 157px;
  MARGIN: 0px 10px 10px 0px;
  WIDTH: 125px
}

.employeesDirectors DD, .spotlight DD {
  PADDING-BOTTOM: 5px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 5px
}

.employeesDirectors DL, .employeesDirectors DT, .employeesDirectors DD {
  WIDTH: 452px
}

.employeesDirectors DT {
  CLEAR: both;
  FLOAT: none;
  FONT-SIZE: 1.3em;
  FONT-WEIGHT: bold;
  PADDING-BOTTOM: 10px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 10px
}

.hideObject, .printOnly {
  DISPLAY: none
}

.normalText {
  FONT-STYLE: normal;
  FONT-WEIGHT: normal
}

.orangeText {
  COLOR: #003366
}

.spotlight DD BLOCKQUOTE {
  FONT-STYLE: italic;
  MARGIN-BOTTOM: 1.2em
}

.spotlight DD IMG {
  DISPLAY: block;
  FLOAT: left;
  MARGIN-BOTTOM: 10px;
  MARGIN-RIGHT: 10px;
  WIDTH: 80px
}

.spotlight DD P {
  MARGIN-BOTTOM: 0px;
  MARGIN-TOP: 1.2em
}

.spotlight DL {
  WIDTH: 222px
}

.spotlight DT {
  FONT-SIZE: 1.1em;
  FONT-WEIGHT: bold;
  PADDING-BOTTOM: 5px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 5px
}

TABLE.calcTable TD {
  BORDER-BOTTOM: #cbd4d2 1px solid;
  BORDER-LEFT: #cbd4d2 1px solid;
  BORDER-RIGHT: #cbd4d2 1px solid;
  BORDER-TOP: #cbd4d2 1px solid
}

TABLE.calcTable TH {
  BACKGROUND: #eef0f0;
  BORDER-BOTTOM-STYLE: none;
  BORDER-LEFT-STYLE: none;
  BORDER-RIGHT-STYLE: none;
  BORDER-TOP-STYLE: none;
  COLOR: #225966
}

TABLE.calcTable TH, TABLE.calcTable TD {
  PADDING-BOTTOM: 0.1em;
  PADDING-LEFT: 0.3em;
  PADDING-RIGHT: 0.3em;
  PADDING-TOP: 0.1em;
  TEXT-ALIGN: left;
  VERTICAL-ALIGN: top
}

TABLE.matrixTable TABLE, TABLE.matrixTable TABLE TH, TABLE.matrixTable TABLE TD, TABLE.calcTable TABLE, TABLE.calcTable TABLE TH, TABLE.calcTable TABLE TD {
  BORDER-BOTTOM-STYLE: none;
  BORDER-LEFT-STYLE: none;
  BORDER-RIGHT-STYLE: none;
  BORDER-TOP-STYLE: none
}

TABLE.matrixTable TH {
  BACKGROUND: #eef0f0;
  COLOR: #003366
}

TABLE.matrixTable TH, TABLE.matrixTable TD {
  BORDER-BOTTOM: #cbd4d2 1px solid;
  BORDER-LEFT: #cbd4d2 1px solid;
  BORDER-RIGHT: #cbd4d2 1px solid;
  BORDER-TOP: #cbd4d2 1px solid;
  PADDING-BOTTOM: 0.1em;
  PADDING-LEFT: 0.3em;
  PADDING-RIGHT: 0.3em;
  PADDING-TOP: 0.1em;
  TEXT-ALIGN: left;
  VERTICAL-ALIGN: top
}

TABLE.matrixTable, TABLE.calcTable {
  BORDER-BOTTOM: #cbd4d2 1px solid;
  BORDER-COLLAPSE: collapse;
  BORDER-LEFT: #cbd4d2 1px solid;
  BORDER-RIGHT: #cbd4d2 1px solid;
  BORDER-TOP: #cbd4d2 1px solid;
  MARGIN: 1em 0em;
  WIDTH: 100%
}

#banner {
  background-image: url(../Images/banner2.gif);
  background-position: left top;
  background-repeat: no-repeat;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  FLOAT: left;
  HEIGHT: 152px;
  MARGIN-LEFT: -2px;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 6px;
  PADDING-RIGHT: 6px;
  PADDING-TOP: 6px;
  WIDTH: 754px
}

#bannerGraphic {
  BORDER-BOTTOM: #bbc7c5 1px solid;
  BORDER-LEFT: #bbc7c5 1px solid;
  BORDER-RIGHT: #bbc7c5 1px solid;
  BORDER-TOP: #bbc7c5 1px solid;
  FLOAT: right;
  HEIGHT: 100px;
  MARGIN-LEFT: 3px;
  WIDTH: 498px
}

#bannerGraphic IMG, #photosHomepage IMG, #bannerHomepage IMG, #onlineBankingCenter H2 IMG, #onlineBankingCenter H3 IMG {
  DISPLAY: block
}


#faqBody DD, #Features DD {
  DISPLAY: none;
  MARGIN-LEFT: 15px
}

#faqBody DT, #Features DT {
  PADDING-TOP: 5px
}


#leftbanners {
  PADDING-BOTTOM: 20px;
  PADDING-LEFT: 3px;
  PADDING-RIGHT: 3px;
  PADDING-TOP: 7px
}

#leftbanners UL LI {
  BACKGROUND: url(images/bullets/orangeBullet.gif) no-repeat 2px 5px;
  LIST-STYLE-TYPE: none;
  MARGIN-BOTTOM: 2px;
  PADDING-LEFT: 12px
}

#loginForm #id, #loginForm #pin {
  DISPLAY: block;
  WIDTH: 150px;
  HEIGHT: 16px;
  MARGIN:  2px 0px 0px 0px;/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  PADDING:  2px 0px 0px 0px;/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */

}

#loginForm #loginSubmit {
  MARGIN:  0px 0px 0px 0px;/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  PADDING:  4px 0px 0px 0px;/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
}

#loginForm FIELDSET {
  DISPLAY: block;
  MARGIN:  0px 0px 0px 0px;/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  PADDING:  0px 0px 0px 0px;/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
}

#loginForm LABEL {
  CLEAR: left;
  DISPLAY: block;
  FLOAT: left;
  FONT-WEIGHT: bold;
  MARGIN: 0px;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px
}

#loginForm UL {
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 12px
}

#loginForm UL LI {
  MARGIN-BOTTOM: 3px;
  PADDING-LEFT: 15px
}

#loginForm, .employeesDirectors DL, .employeesDirectors DT, .employeesDirectors DD, .employeesDirectors DD BLOCKQUOTE, DIV.spotlight, .spotlight DL, .spotlight DT, .spotlight DD, .spotlight DD BLOCKQUOTE {
  MARGIN: 0px;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
 }

#logo {
  border: 1px none #361600;
  FLOAT: left;
  HEIGHT: 100px;
  WIDTH: 215px
}

#mainNav {
  BORDER-TOP: #000000 1px solid;
  FLOAT: left;
  MARGIN-TOP: 4px;
  PADDING-TOP: 6px;
  POSITION: relative;
  WIDTH: 741px
}

#mainNav IMG {
  BORDER-BOTTOM: #bbc7c5 1px solid;
  BORDER-RIGHT: #bbc7c5 1px solid;
  BORDER-TOP: #bbc7c5 1px solid;
  DISPLAY: block;
  FLOAT: left;
  MARGIN: 0px
}

#mainNav IMG.firstChild {
  BORDER-LEFT: #bbc7c5 1px solid
}

#onlineBankingCenter {
  background-color: #003366;
  BORDER-BOTTOM: #ffffff 3px solid;
  PADDING-BOTTOM: 20px;
  PADDING-LEFT: 5px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 7px;
  WIDTH: 240px
}

#onlineBankingCenter UL LI {
  BACKGROUND: url(images/bullets/whiteBullet.gif) no-repeat 2px 5px;
  LIST-STYLE-TYPE: none;
  MARGIN-BOTTOM: 2px;
  PADDING-LEFT: 12px
}

#onlineBankingCenter UL, #leftbanners UL {
  LIST-STYLE-TYPE: none;
  MARGIN: 7px 0px 0px;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px
}

#secNav {
  COLOR: #eef0f0;
  FLOAT: right;
  FONT-WEIGHT: bold;
  HEIGHT: 44px;
  LINE-HEIGHT: 44px;
  PADDING-LEFT: 5px;
  PADDING-RIGHT: 10px;
  WIDTH: auto
}

#securityMessage {
  BORDER-BOTTOM: #000000 1px solid;
  BORDER-LEFT: #000000 1px solid;
  BORDER-RIGHT: #000000 1px solid;
  BORDER-TOP: #000000 1px solid;
  WIDTH: 230px;
  margin-bottom: 20px;
  clear: both;
  margin-left: 5px
}

#securityMessage P {
	BACKGROUND: #e0e7e6;
	FONT-WEIGHT: bold;
	margin: 3px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#topOfPageLink {
  PADDING-BOTTOM: 25px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 14px;
  TEXT-ALIGN: center
}

.headerNoMargin, #content-main H1, #onlineBankingCenter H2, #onlineBankingCenter H3 {
  MARGIN: 0px
}

.hp #content {
  BACKGROUND: none transparent scroll repeat 0% 0%
}

.hp #content-bottom {
  BACKGROUND: url(images/backgrounds/content-hp.gif) repeat-y left top;
  FLOAT: left;
  MARGIN-TOP: 16px;
  WIDTH: 750px
}

.hp #content-bottom #content-extra {
  FLOAT: left;
  PADDING-LEFT: 11px;
  PADDING-RIGHT: 10px;
  WIDTH: 235px
}

.hp #content-bottom #content-main {
  FLOAT: left;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 11px;
  PADDING-RIGHT: 10px;
  PADDING-TOP: 0px;
  WIDTH: 226px
}

.hp #content-bottom #content-sub {
  FLOAT: left;
  PADDING-LEFT: 11px;
  PADDING-RIGHT: 10px;
  WIDTH: 226px
}

.hp #content-top {
  BORDER-BOTTOM: #bbc7c5 1px solid;
  BORDER-LEFT: #bbc7c5 1px solid;
  BORDER-RIGHT: #bbc7c5 1px solid;
  BORDER-TOP: #bbc7c5 1px solid;
  FLOAT: left;
  PADDING-BOTTOM: 3px;
  PADDING-LEFT: 3px;
  PADDING-RIGHT: 3px;
  PADDING-TOP: 3px;
  WIDTH: 742px
}

.hp #content-top #bannerHomepage {
  FLOAT: left;
  HEIGHT: 167px;
  MARGIN-LEFT: 3px;
  WIDTH: 249px
}

.hp #content-top #photosHomepage {
  FLOAT: left;
  HEIGHT: 167px;
  WIDTH: 489px
}

.noPrint, #faqBody DL, #Features DL {}

UL#hmpgNewsList {
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING-BOTTOM: 5px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 5px
}

UL#hmpgNewsList LI {
  BACKGROUND: url(images/bullets/orangeBullet.gif) no-repeat left 5px;
  LIST-STYLE-TYPE: none;
  MARGIN-BOTTOM: 10px;
  PADDING-LEFT: 10px
}

#faqBody DT A:link, #faqBody DT A:visited, #faqBody DT A:hover {
  BACKGROUND: url(images/bullets/plus.gif) no-repeat left 0.3em;
  DISPLAY: block;
  FONT-WEIGHT: bold;
  PADDING-LEFT: 15px
}

#Features DT A:link {
  BACKGROUND: url(../Images/plus_sign.gif) no-repeat left 0.3em;
  DISPLAY: block;
  FONT-WEIGHT: bold;
  PADDING-LEFT: 15px
}

#Features DT A:visited, #Features DT A:hover {
  background-image: url(../Images/plus_sign.gif);
  background-position: left 0.3em;
  background-repeat: no-repeat;
  DISPLAY: block;
  FONT-WEIGHT: bold;
  PADDING-LEFT: 15px
}

#onlineBankingCenter A:link, #onlineBankingCenter A:visited, #onlineBankingCenter A:hover {
  COLOR: White
}

#secNav A:link, #secNav A:visited, #secNav A:hover {
  COLOR: #240000
}

A:hover {
  COLOR: #FFCC33;
  TEXT-DECORATION: underline
}

A:link {
  COLOR: #003366;
  TEXT-DECORATION: underline
}

A:visited {
  COLOR: #000066;
  TEXT-DECORATION: underline
}