/* CSS Document */
body {
	margin: 0px 0px 0px 0px;
	background: white;
	background-image : url(/img/hd_bg.jpg);
	background-repeat : repeat-x;
}

body, td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
}

.main {
	margin: 1em 35px 0.5em 10px;
	text-align: justify;
}

img {
	margin-bottom: -2px; /* This is just weird, but seems to be necessary. Should go away once the transition to XHTML Strict is complete. */
}

/* DEFAULT LINK STYLE */
a:link {
	color: #073a80;
}
a:visited,
a:hover,
a:active
{
	color: #30588F;
}

.hd1 {
	margin: 1em 3px 1em 3px;
	font-weight: bold;
}

/*
 * FOOTER RULES
 */
 
.ft {
	margin: 0px 0px 0px 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #694e54;
	line-height: 1.5;
}
 
a.ft:link,
a.ft:visited 
{
	font-size: 10px;
	color: #694e54; 
	text-decoration: none;
}
a.ft:hover,
a.ft:active
{
	background: #E2D8DA;
} 

/*
 * MASTHEAD
 */
 
#masthead {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	background: transparent url(../img/hd_2.jpg) repeat-y 297px 0px;
	overflow: hidden;
	width: 780px;
	height: 73px;
}

#logo {
	margin: 0px;
	padding: 0px;
	float: left;
}

#security_stmt {
	margin: 24px 0px 0px;
	padding: 0px;
	float: left;
}

#banking_login {
	height: 54px;
	text-align: center;
}

#messaging {
	border: medium none;
	margin: 0px;
	padding: 2px;
	overflow: hidden;
	color: rgb(153, 0, 0);
	text-align: center;
	width: 430px;
	height: 15px;
}


/* 
 * MENU RULES
 */
 
#menu_bar {
	background: #083A81 url(../img/n_background.jpg);
	position: relative;
	width: 780px;
	height:23px;
	left: 0px;
	top: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#menu_bar li {
	display: inline;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#acc {
	background-image: url(/img/n_acc.gif);
	z-index: 1500;
}
#ac #acc {
	background-position: 0px -23px;
	z-index: 1500;
}
#abo {
	background-image: url(/img/n_abo.gif);
	margin-left: 9px;
	z-index: 1500;
}
#ab #abo {
	background-position: 0px -23px;
	z-index: 1500;
}
#app {
	background-image: url(/img/n_app.gif);
	z-index: 1500;
}
#ap #app {
	background-position: 0px -23px;
	z-index: 1500;
}
#cal {
	background-image: url(/img/n_cal.gif);
	z-index: 1500;
}
#ca #cal {
	background-position: 0px -23px;
	z-index: 1500;
}
#con {
	background-image: url(/img/n_con.gif);
	z-index: 1500;
}
#co #con {
	background-position: 0px -23px;
	z-index: 1500;
}
#inv {
	background-image: url(/img/n_inv.gif);
	z-index: 1500;
}
#in #inv {
	background-position: 0px -23px;
	z-index: 1500;
}
#loa {
	background-image: url(/img/n_loa.gif);
	z-index: 1500;
}
#lo #loa {
	background-position: 0px -23px;
	z-index: 1500;
}
#rat {
	background-image: url(/img/n_rat.gif);
	margin-left: 107px;
	z-index: 1500;
}
#ra #rat {
	background-position: 0px -23px;
	z-index: 1500;
}
#sav {
	background-image: url(/img/n_sav.gif);
	z-index: 1500;
}
#sa #sav {
	background-position: 0px -23px;
	z-index: 1500;
}
#sit {
	background-image: url(/img/n_sit.gif);
	z-index: 1500;
}
#si #sit {
	background-position: 0px -23px;
	z-index: 1500;
}

a.menu_head:link,
a.menu_head:visited
{
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	left: 0px;
	top: 0px;
	height: 23px;
	cursor: default;
}

a.menu_head:hover,
a.menu_head:active
{
	background-position: 0px -23px;
}

ul#layer1,
ul#layer2,
ul#layer3,
ul#layer4,
ul#layer5,
ul#layer6,
ul#layer7,
ul#layer8,
ul#layer9
{
	background-color : #657248;
	position : absolute;
  top : 95px; 
	z-index : 90;
	visibility : hidden;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	border: 1px solid #505A3A;
	border-left-color: #9AA286;
	border-top: 1px none;
	display: block;
	line-height: normal;
}

#layer1 {
   width : 136px; 
   left : 9px; 
}

#layer2 {
   width : 120px; 
   left : 59px; 
}

#layer3 {
   width : 170px; 
   left : 105px; 
}

#layer4 {
   width : 173px; 
   left : 159px; 
}

#layer5 {
   width : 139px; 
   left : 254px; 
}

#layer6 {
   width : 143px; 
   left : 373px; 
}

#layer7 {
   width : 116px; 
   left : 556px; 
}

#layer8 {
   width : 110px; 
   left : 598px; 
}

#layer9 {
   width : 116px; 
   left : 667px; 
}
.mn a:link,
.mn a:visited 
{
	font-size: 10px;
	color: #fcf687;
	text-decoration: none;
	white-space: nowrap;
	margin: 0px;
	padding: 4px 8px;
	border-top: 1px solid #505A3A;
	display: block;
	cursor: default;
}

* html .mn a:link,
* html .mn a:visited
{
	width: 100%;
}

.mn a:hover, 
.mn a:active 
{
	color: white;
	background-color: #808F5A;
}

/*
 *********************************************************************************************************************************
 * OLD RULES -- need refactoring
 *********************************************************************************************************************************
 */
 
/*
 * CLASSES
 */

 .faq {margin-top: 2em;
margin-right: 5%;
margin-bottom: 1em;
margin-left: 3px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
font-style: italic;}

.main {margin-top: 1em;
margin-right: 5%;
margin-bottom: 1em;
margin-left: 3px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;}

.ft {margin: 0em 0% 0em 2px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #694e54;
line-height: 1.5;}

.hd1 {margin-top: 1em;
margin-right: 5%;
margin-bottom: 1em;
margin-left: 3px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;}

.maps {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #694e54;}

.rate {margin-top: 1em;
margin-right: 0%;
margin-bottom: 1em;
margin-left: 0%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #694e54;}

.sbon {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #073a80;
font-size: 11px;
font-weight: bold;}

.big {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;}

.cap1 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #073a80;
font-size: 10px;
font-weight: bold;
}

.cap2 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}

.colorHeading {
	font-size: 12px;
	font-weight: bold;
	color: #073A80;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.promohook {
	margin: 0px;
	padding: 4px;
}

.adspace img {
	border: 1px solid #666666;
	margin: 0px;
	padding: 0px;
}

.login {
	font-family: tahoma, arial, helvetica, sans serif;
	color:#006699;
	font-weight:bold;
}

.dropcap {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 3em; 
	font-weight: bold; 
	float: left; 
	margin: -4px -2px -8px -6px;
}

 /*sub pages left margin backgrounds - INTERIM VERSION */
TD.ac {
	background-color: #DAD4E0;
}

TD.ab {
  background-color: #D4E0E0;
}

TD.ap {
  background-color: #DFDECA;
}

TD.ca {
  background-color: #E5D5B1;
}

TD.co {
  background-color: #E1D6D2;
}

TD.in {
	background-color: #FCF9E6;
}

TD.lo {
  background-color: #D4E7F6;
}

TD.ra {
  background-color: #FCE3BB;
}

TD.sa {
  background-color: #FCE3BB;
}
/*end sub pages left margin backgrounds */

/* rates section background colors*/
TD.hd1	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background: #404228;
	line-height: 2;
	padding-left: 3px;
}

TD.hd2	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: #ced1b3;
	padding-left: 3px;	
}
TD.rate {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #e7e8d9;
	padding-top: 5px;
	padding-left: 3px;
}
/*end rates section background colors*/

/* savings section chart format */
TD.hd1a {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background: #404228;
	padding: 4px inherit;
}

TD.hd3{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #ced1b3;
	padding: 6px 5px;
}
/*end savings section chart*/

TD.hd4{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: #ced1b3;
	padding-left: 3px;
}

.main {margin: 0em 5% 1em 3px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;}

.ft {margin: 0em 0% 0em 2px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #694e54;
line-height: 1.5;}

.hd1 {margin: 0em 5% 1em 3px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;}

.pr1 {margin-top: 10px;
margin-right: 2px;
margin-bottom: 10px;
margin-left: 8px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #670d04;
font-size: 10px;
font-weight: bold;}

.pr2 {margin-top: 10px;
margin-right: 2px;
margin-bottom: 10px;
margin-left: 8px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #694e54;
font-size: 10px;}

.sub {margin: 1em 5% 1em 5%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #073a80;
line-height: 1.5;}

.bl, .bl {margin-left: 3px;
color: #073a80;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
}

.cap3 {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.cap4 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 6px;
}

.defaultErr {
	color: #CC0000;
}.faqbox {
	background-color: #ECECEC;
	border: 2px dashed #003399;
	margin-left: 15px;
}
.faqbox-inner {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
}
.top-heading {
	display: block;
	margin: 1.25em auto .25em 0em;
	font-size: 24px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bolder;
	color: #073A80;
}

.top-heading img {
	margin: auto 0em auto 40px;
}

.hd0 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.faq-heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #073A80;
}
.smallCaps {
	font-variant: small-caps;
}
.outline {
	border: 1px solid #000000;
}
.normalList {
	font-size: 11px;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 2em;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	line-height: normal;
}
.normalList li {
	padding-bottom: .5em;
}

A.pr:link {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #670d04;
font-size: 10px;
font-weight: bold;}

A.pr:visited {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #670d04;
font-size: 10px;
font-weight: bold;}

A.pr:hover {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #670d04;
font-size: 10px;
font-weight: bold;}

A.pr:active {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #670d04;
font-size: 10px;
font-weight: bold;}