BODY { text-align:center; background:#ffffff url(../images/bg.jpg) no-repeat center top; font-family: Arial, Verdana, Trebuchet, ITC Avant Garde Gothic, Univers, Futura, ITC Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica, sans-serif; color: #333; font-size:88%;}
    FORM { font-family: Arial, Verdana, Trebuchet, ITC Avant Garde Gothic, Univers, Futura, ITC Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica, sans-serif; color: #333333;font-size:10pt;}
    TR.ODD  { background-color: #ffffff; color: #333333;font-size:10pt;}
    TR.EVEN { background-color: #eeeeee; color: #333333;font-size:10pt;}
    TR.HEADER { background-color: #539408 ; color: #ffffff;font-size:10pt;}
    TH { font-family: Arial, Verdana, Trebuchet, ITC Avant Garde Gothic, Univers, Futura, ITC Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica, sans-serif;  color: #ffffff;font-size:10pt;}
    TD { font-family: Arial, Verdana, Trebuchet, ITC Avant Garde Gothic, Univers, Futura, ITC Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica, sans-serif;  color: #333333;font-size:10pt;}
    TD.DataFont { font-family: Arial, Verdana, Trebuchet, ITC Avant Garde Gothic, Univers, Futura, ITC Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica, sans-serif;  color: #333333;font-size:10pt;}
    .PAGECOLORFONT { font-family: Arial, Verdana, Trebuchet, ITC Avant Garde Gothic, Univers, Futura, ITC Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica, sans-serif;  color: #333333;font-size:10pt;}
    TD.ROWSPACER { line-height:3px;}
    A:link { color: #333333  ;}
    A:visited { color: purple ;}
    A:active { color: red ;}
    A.email:link {color: #333333 ;text-decoration:none;}
    A.email:visited {color: #333333 ;text-decoration:none;}
    A.email:hover {color: #333333 ;text-decoration:underline;}
    .hidden {WIDTH: 100px; HEIGHT: 22px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: right; border-top-style:none; border-left-style:none; border-bottom-style:none; border-right-style:none; border-width: 0px}
    .hidden2 {WIDTH: 243px; HEIGHT: 22px; TEXT-ALIGN: right; border-top-style:none; border-left-style:none; border-bottom-style:none; border-right-style:none; border-width: 0px}
    .hidden3 {WIDTH: 350px; HEIGHT: 22px; TEXT-ALIGN: right; border-top-style:none; border-left-style:none; border-bottom-style:none; border-right-style:none; border-width: 0px}
    .hidden4 {font-family: Arial, Verdana, Trebuchet, ITC Avant Garde Gothic, Univers, Futura, ITC Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica, sans-serif; font-size:10pt;; TEXT-ALIGN: right}
    .shown  {WIDTH: 88px; HEIGHT: 22px; BACKGROUND-COLOR: white; TEXT-ALIGN: right; border-top-style:solid; border-left-style:solid; border-bottom-style:inset; border-right-style:inset}

/* DO NOT REPLACE THIS CONTENT */
#Logo { position:absolute;top:10px;left:-4px; overflow: hidden;}
.DataSection { position:absolute;width:98% - 250;top:160px;left:250px;}
.DataSection2 { position:absolute;width:98% - 250;top:160px;left:250px;}
.Nav1 { position:absolute;top:40px;left:885px;}
.Nav2 { position:absolute;top:69px;left:240px;}
.Nav3 { position:absolute;top:208px;left:-4px;}
.Nav4 { display:none;}
.odd input.hidden {background:transparent; border:0px;}
.even input.hidden {background:transparent; border:0px;}
a.sort 		{color:#fff; text-decoration: underline;}
a.sort:visited {color:#fff; text-decoration: underline;}
a.sort:hover   {color:#fff; text-decoration: underline;}
.image	{color: #00f; text-decoration: underline; cursor:hand; }
img { border: 0px;}

/* ------------------------------ Wrapper Styles ------------------------------*/
#pagebody {
	position: relative;
	margin: 0px;
	padding: 0px;
}
/*Set Wrapper to 100% width to set at full screen*/
.wrapper {
margin:0 auto; 
width:1043px; 
margin-top:-17px;
position:relative;
background:transparent; 
text-align:left;
}

.DataSectionFrame{
position:relative;
margin:0 auto; 
padding-top:165px;
width:790px; 
margin-left:240px;
padding-right:15px;
background:transparent;
}

/* ------------------------------ Nav Menu Styles -----------------------------*/
/* Menu font and font size */
.Nav1, .Nav2, .Nav3 {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size: 8pt;
}
/* Do not Change */
#nav1, #nav2, #nav3, {
	display:none;
}

/* Menu background color and font color */
ul.MenuBarVertical ul, ul.MenuBarHorizontal ul, ul.MenuBarVertical a, ul.MenuBarHorizontal a, ul.MenuBarVertical li.MenuBarItemIE, ul.MenuBarHorizontal li.MenuBarItemIE, ul.MenuBarHorizontal ul li.MenuBarItemIE {
	background-color:#ffffff; 
	color: #539408;
}
/* Menu hover states for navigation items */
ul.MenuBarVertical a:hover, ul.MenuBarHorizontal a:hover {
	color:#3F85B9;
	background-color:#ffffff;
}
/* Set drop-down submenu width - default 225px */
ul.MenuBarVertical ul, ul.MenuBarHorizontal ul, ul.MenuBarHorizontal ul li {
	width: 225px;
}
/* Vertical Menu ONLY - Set to button width */ 
ul.MenuBarVertical li, ul.MenuBarVertical {
	width: 150px; !important
}
/* Menu border size, style, and color (Do not Change)*/
ul.MenuBarVertical ul, ul.MenuBarHorizontal ul {
	border: 1px solid #000000;
}
ul.MenuBarHorizontal ul li:hover, ul.MenuBarVertical ul li:hover {
	background-color:#ffffff;
}
ul.MenuBarVertical ul li a {
	padding:2px;
}
/* ------------------------------ Nav1 Button Styles -----------------------------*/

.nav1Home, .nav1Options, .nav1Help, .nav1Logoff, .nav1btn5, .nav1btn6, .nav1btn7, .nav1btn8, .nav1btn9, .nav1btn10, .nav1btn11, .nav1btn12 {
	height: 24px;
}
.nav1Home {
	background-image: url('../images/home.jpg'); width: 42px;
}
.nav1Options {
	background-image: url('../images/accounts.jpg'); width: 80px;
}
.nav1Help {
	background-image: url('../images/help.jpg'); width: 40px;
}
.nav1Logoff {
	background-image: url('../images/accounts.jpg'); width: 80px;
}
.nav1btn5 {
	background-image: url('../images/contact.jpg'); width: 68px;
}
.nav1btn6 {
	background-image: url('../images/locations.jpg'); width: 69px;
}
.nav1btn7 {
	background-image: url('../images/view.jpg'); width: 101px;
}
.nav1btn8 {
	background-image: url('../images/accounts.jpg'); width: 80px;
}
.nav1btn9 {
	background-image: url('../images/accounts.jpg'); width: 80px;
}
.nav1btn10 {
	background-image: url('../images/accounts.jpg'); width: 80px;
}
.nav1btn11 {
	background-image: url('../images/accounts.jpg'); width: 80px;
}
.nav1btn12 {
	background-image: url('../images/accounts.jpg'); width: 80px;
}
/* ------------------------------ Nav2 Button Styles -----------------------------*/

.accounts, .express, .options, .help, .billpay, .logoff, .nav2btn7, .nav2btn8, .nav2btn9, .nav2btn10, .nav2btn11, .nav2btn12 {
	height: 62px;
}
.accounts {
	background-image: url('../images/accounts.jpg'); width: 125px;
}
.express {
	background-image: url('../images/express.jpg'); width: 207px;
}
.options {
	background-image: url('../images/options.jpg'); width: 130px;
}
.help {
	background-image: url('../images/help.jpg'); width: 89px;
}
.billpay {
	background-image: url('../images/billpay.jpg'); width: 139px;
}
.logoff {
	background-image: url('../images/logoff.jpg'); width: 102px;
}
.nav2btn7 {
	background-image: url('../images/billpay.jpg'); width: 83px;
}
.nav2btn8 {
	background-image: url('../images/bank2bank.jpg'); width: 126px;
}
.nav2btn9 {
	background-image: url('../images/spending.jpg'); width: 134px;
}
.nav2btn10 {
	background-image: url('../images/services.jpg'); width: 97px;
}
.nav2btn11 {
	background-image: url('../images/accounts.jpg'); width: 80px;
}
.nav2btn12 {
	background-image: url('../images/accounts.jpg'); width: 80px;
}
.nav2btn13 {
	background-image: url('../images/accounts.jpg'); width: 80px;
}
/* ------------------------------ Nav3 Button Styles -----------------------------*/

.balances {
	background-image: url('../images/balances.jpg'); width: 216px; height:43px;
}
.transactions {
	background-image: url('../images/transactions.jpg'); width: 216px; height:30px;
}
.payments{
	background-image: url('../images/payments.jpg'); width: 216px; height:30px;
}
.transfers{
	background-image: url('../images/transfers.jpg'); width: 216px; height:30px;
}
.docs{
	background-image: url('../images/docs.jpg'); width: 216px; height:30px;
}
.stoppay {
	background-image: url('../images/stoppay.jpg'); width: 216px; height:30px;
}
.nav3btn7 {
	background-image: url('../images/co.jpg'); width: 216px; height:30px;
}
.nav3btn8 {
	background-image: url('../images/fill.jpg'); width: 216px; height:245px;
}
.nav3btn9 {
	background-image: url('../images/stoppay.jpg'); width: 105px;
}
.nav3btn10 {
	background-image: url('../images/stoppay.jpg'); width: 105px;
}
.nav3btn11 {
	background-image: url('../images/stoppay.jpg'); width: 105px;
}

/* ------------------------------ Nav4 Button Styles -----------------------------*/



/* -----------------------------List of Account Page Layout -------------------------*/

.messRight { display:none; }
.searchRight { display:none; }
.transferRight { display:block; }
.mailRight { display:none; }

.messLeft { display:block; }
.searchLeft { display:none; }
.transferLeft { display: none; }
.mailLeft { display:none; }

.accountsSection { display:block; }
.transactionsSection { display:block; }
.transfersSection { display:none; }
.focusSection { display:none; }


/* -----------------------------Balances Page Layout -------------------------*/

.messbalance { display:block; }
.searchbalance { display:none; }
.transferbalance { display:none; }
.mailbalance { display:none; }

.balancetrans { display:block; }
.balancetransfer { display:block; }
.balancepayment { display:none; }

/* -----------------------------Options Page Layout -------------------------*/

.optionpass { Display:block; }
.optionemail { Display:block; }
.optionmfa { Display:block; }
.optionqa { Display:block; }
.optionmobile { Display:none; }
.optiontheme { Display:block; }
.optionnickname { Display:block; }
.optionprimary { Display:none; }
.optionestate { Display:none; }