body {
	margin: 0;
	padding: 0;
	background-color: #213163;
	font: 9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color: #000;
	}

.clear {
    height: 1px;
    clear: both;
	}
.clear0 {
	height: 0; 
	clear: both;
	}
form {margin: 0; padding: 0;}
img {border: none;}
a, a:link, a:visited {
	color:#6A7000;
	text-decoration:underline;
	}
a:hover, a:active {
	color:#1A448E;
	text-decoration:none;
	}
	
h2 a, h2 a:link, h2 a:visited {
	color:#4F5D97;
	text-decoration:underline;
	}
h2 a:hover, h2 a:active {
	color:#1A448E;
	text-decoration:none;
	}	
	
a.greenlink, a.greenlink:link, a.greenlink:visited {
	color:#6A7000;
	text-decoration:underline;
	}
a.greenlink:hover, a.greenlink:active {
	color:#6A7000;
	text-decoration:none;
	}	
	
a.bluelink, a.bluelink:link, a.bluelink:visited {
	color:#4F5D97;
	text-decoration:underline;
	}
a.bluelink:hover, a.bluelink:active {
	color:#4F5D97;
	text-decoration:none;
	}		

/****** LAYOUT *******/

/* Template View Borders 
div {border: 1px solid #F00;}*/

.container {

	}

.header {
	background: #FFF url(../images/header_bg.gif) repeat-x;
	height: 114px;
	position: relative;
	}
.header h1 {
	/*background: url(../images/logo.gif) no-repeat;*/
	width: 195px;
	height: 82px;
	margin: 0; padding: 0;
	}
.header h1 span {display:none;}

.navSecondary {
	text-align: right;
	position: absolute;
	top: 4px;
	right: 0;
	margin: 0 10px 0 0;
	color: #213163;
	}
.navSecondary ul {
	margin: 0;
	padding: 0;
	}
.navSecondary li {
	list-style-type: none;
	list-style-image: none;
	display: inline;
	margin: 0;
	}
.header a:link, .header a:visited {
	color:#213163;
	text-decoration:underline;
	}
.header a:hover, .header a:active {
	color:#213163;
	text-decoration:none;
	}

.navMain {
	background: url(../images/nav_bg.gif) repeat-x;
	height: 28px;
	width: 100%;
	position: absolute;
	top: 85px;
	text-align: center;
	}
.navMain ul {
	margin: 0;
	padding: 0;
	}

.navMain li {
	list-style-type: none;
	list-style-image: none;
	display: inline;
	margin: 0;
	}
.navMain li img {margin-right: -3px;}

.greenLeft {
	left: 763px;
	width: 7px;
	position: absolute;
	top: 26px;
	height: 54px
}

.greenRight {
	left: 991px;
	width: 7px;
	position: absolute;
	top: 26px;
	height: 54px;
}

.loginContainer {
	height: 54px;
	position: absolute;
	top: 26px;
	left: 770px;
	right: 0;
	background: url(../images/greenbg_stretch.gif);
	repeat: repeat-x;
	}
*html .loginContainer {
	width: 34%;
}
.loginTxt img {vertical-align: middle;}
.loginTxt {padding: 8px 0 0 12px;}


/****** MAIN CONTENT *******/
.contentContainer {
	background: #fff url(../images/container_bg.gif) repeat-y;
	border-top: 9px solid #213163;
	}
.leftCol {
	float: left;
	width: 150px;
	}
.rightCol {
	float: left;
	width: 565px;
	margin: 4px 0 0 29px;
	display: inline;
	}

/****** HOMEPAGE *******/
.homeLeft, .homeRight {margin-top: 11px;}
.homeLeft h3, .homeRight h3 {color: #283579;}
.homeLeft {
	float: left;
	width: 220px;
	margin-left: 10px;
	display: inline;
	line-height: 12pt;
	}
.homeRight {
	float: right;
	width: 300px;
	background: url(../images/resource_bg.gif) repeat-y;
	/*border-top: 1px solid #9cb2ec;*/
	}
	
.resourceLinksTopBorder {
               background-color: #6a7000;
               width: 272px;
               height: 1px;
}
.resourceLinks {
               width: 272px;
               margin:0;
               /*border-top: #6a7000 1px solid;*/
	padding: 5px 10px;
	color: #6A7000;
	line-height: 15pt;
	}
	
	
	.resourceLinks a   {
	color: #213164;
	font-size: 8pt;
	text-decoration: underline;
	}
.resourceLinks a:hover  {
	color: #213164;
	text-decoration: none;
	font-size: 8pt;
	}
	
	
.backLinks a  {
	color: #000;
	font-size: 8pt;
	text-decoration: underline;
	}
.backLinks a:hover {
	color: #000;
	text-decoration: none;
	font-size: 8pt;
	}
	
.backLinks a:active
	{
	color: #6A7000;
	text-decoration: none;
	font-size: 8pt;
	}	
	
.backLinks a:visited
	{
	color: #000;
	text-decoration: underline;
	font-size: 8pt;
	}
	
	.backLinks a ul li {
	color: #000;
	font-size: 8pt;
	text-decoration: underline;
	}
	 .backLinks a:hover ul li
	{
	color: #000;
	text-decoration: none;
	font-size: 8pt;
	}
	.backLinks a:visited ul li, .backLinks a:active ul li
	{
	color: #6A7000;
	text-decoration: none;
	font-size: 8pt;
	}
	
/*.resourceLinks a .nounder, .backLinks a .nounder{
	color: #000;
	font-size: 8pt;
	text-decoration: none;
	}	
.resourceLinks a:hover span, .backLinks a:hover span {
	color: #000;
	text-decoration: none;
	font-size: 8pt;
	}
	
.backLinks a:visited span, .backLinks a:active span
	{
	color: #6A7000;
	text-decoration: none;
	font-size: 8pt;
	}	
	*/
	
.nounder
{
	text-decoration: none;
	float: left;
}
a.nounder, a.nounder:link, a.nounder:visited {
	color:#6A7000;
	text-decoration:none;
	padding-left: 15px; 
	float: left;
	}
a.nounder:hover, a.nounder:active {
	color:#1A448E;
	text-decoration:none;
	padding-left: 15px; 
	float: left;
	}

/****** FOOTER *******/
.footer {
	margin: 15px auto 5px auto;
	border-top: 2px solid #213163;
	padding: 10px 0;
	}
.footer img {
	vertical-align: middle;
	margin-right: 20px;
	}

/****** BACKPAGE STYLES *******/

.backContent {
	padding: 10px 0 0 18px;
	line-height: 15pt;

	}
.backContent ul {
	margin: 10px 0 10px 13px;
	padding: 0;
	}
.backLinks {	
	width: 175px;
	background: url(../images/bg_links.gif) repeat-y;
	border-top: 1px solid #9cb2ec;
	float: right;
	margin: 12px 0 0 15px;
	border-top: 1px solid #6A7000;
	}
.backLinks ul {
	margin: 8px;
	padding: 5px;
	}
.backLinks li {
	list-style-type: none;
	list-style-image: none;
	line-height: 15pt;
	margin: 0;
	padding: 0;
	}
ul li {
	list-style-image: url(../images/li_arrow_green.gif);
	}
/****** HEADERS PAGE SPECIFIC *******/
.headerSavings, .headerChecking, .headerInvestments, .headerLoans, .headerCredit, .headerBusiness, .headerOnline, .headerSecondary     {
	margin-top: 25px;
	}
.headerSavings {
	background: url(../images/bg_savings.gif) repeat-x;
	}
.headerSavingsCurve {
	background: url(../images/bg_savingsCurve.gif) top right no-repeat;
	}
.headerChecking {
	background: url(../images/bg_checking.gif) repeat-x;
	}
.headerCheckingCurve {
	background: url(../images/bg_checkingCurve.gif) top right no-repeat;
	}
.headerInvestments {
	background: url(../images/bg_investments.gif) repeat-x;
	}
.headerInvestmentsCurve {
	background: url(../images/bg_invCurve.gif) top right no-repeat;
	}
.headerLoans {
	background: url(../images/bg_loans.gif) repeat-x;
	}
.headerLoansCurve {
	background: url(../images/bg_loansCurve.gif) top right no-repeat;
	}
.headerCredit {
	background: url(../images/bg_creditcards.gif) repeat-x;
	}
.headerCreditCurve {
	background: url(../images/bg_creditCurve.gif) top right no-repeat;
	}
.headerBusiness {
	background: url(../images/bg_business.gif) repeat-x;
	}
.headerBusinessCurve {
	background: url(../images/bg_businessCurve.gif) top right no-repeat;
	}
.headerOnline {
	background: url(../images/bg_online.gif) repeat-x;
	}
.headerOnlineCurve {
	background: url(../images/bg_onlineCurve.gif) top right no-repeat;
	}
.headerSecondary {
	background: url(../images/bg_secondary.gif) repeat-x;
	}
.headerSecondaryCurve {
	background: url(../images/bg_secondaryCurve.gif) top right no-repeat;
	}
/****** Login *******/
.customLogin {
	padding: 10px 0 0 15px;
	}
.customLogin input {
	margin-bottom: 5px;
	border: 1px solid #6377dc;
	}

/****** TEXT STYLES *******/

.home h2 {
	color: #137359;
	font-size: 10pt;
	margin: 0 0 10px 0;
	}
.home h3 {
	color: #1A448E;
	margin: 0;
	font-size: 9pt;
	}

h1 {
	color: #4f5d97;
	font-size: 12pt;
	margin: 20px 0 10px 0
	}
	
h2 {
	color: #4f5d97;
	font-size: 12pt;
	margin: 0 0 5px 0
	}	
	
h3 {
	color: #6A7000;
	margin: 0;
	font-size: 10pt;
	}

p {margin: 0 0 12px 0;}


.appfield1 {border: 1px #6A7000 solid; width: 114px;}
.appfield2 {border: 1px #0F5D47 solid; width: 114px;}
	
.disclaimer { 
	font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4F5D97;
	}
.required {
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #F00;
	}
.tableheader{
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #6377dc;
	}
.tablecontent1, .tablecontent2{
	color: #000;
	}
.tablecontent2 {background-color: #f3f7de;}
	
.Q, .A {
	font-size: 130%;
	font-weight: bold;
	}
.Q {color: #6377dc;}
.A {color: #6A7000;}


.calctable td, .calctable th{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align:center;
}

.calctable {
border-left: 1px solid #000;
border-top: 1px solid #000;
}
.calctable td.tablesubheader{
	 background-color:#dedede;
     color:#000;
}


table.calc {
	border: 1px dotted #ccc;
	padding-left: 10px;
}

table.calc td {
	text-align: left;
	background-color: #ccc;
	font-size: 11px;
	padding:5px;
}

table.calc td.description {
	background-image: none;
	background-color: #eee;
	width: 130px;
	border-left: 3px solid #ccc;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	padding: 5px;
}

table.form td.submit {
	background-image: none;
	background-color: #eee;
	border-left: 3px solid #666;
	font-weight: normal;
	padding: 5px;
}

table.form td.required {
	border-left: 3px solid #900;
}


fieldset {
	border: 1px solid #ccc;
	padding: 10px 10px;
	width:420px;
}

legend {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	padding: 3px 6px;
	margin-top: 10px;
	
}

#ex_dis{
	background-color: #F3F7DE; 
	font-size: 8pt; 
	font-weight: normal; 
	color: #000000; 
	text-align: left; 
	position:absolute; 
	top:200px; 
	left:200px; 
	border: thin solid #1A448E; 
	padding: 15px; 
	display:none;
	width:350px;
}
a.disclink, a.disclink:link, a.disclink:visited {
	color:#1A448E;
	text-decoration:underline;
	font-size: 8pt; 
	font-weight: normal; 
	}
a.disclink:hover, a.disclink:active {
	color:#1A448E;
	text-decoration:none;
	font-size: 8pt; 
	font-weight: normal; 
	}

td {	
	font: 9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	}
	
.backind
{
margin-top: -10px;
}

* html .backind
{
margin-top: -25px;
}	

.discficontent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000000;
	background-color:#eeeeee;
}
.discwhitetext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
}
.discdisclaimer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
}
.discheader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	color:#000000;
}

a.bppdemotext:link, a.bppdemotext:visited {
        font-size:  x-large;
        color:  #716bb5;
        background-color: #ffffff;
        text-decoration: none;
}

a.bppdemotext:hover, a.bppdemotext:active {
        font-size:  x-large;
        color:  #716bb5;
        background-color: #ffffff;        
        text-decoration: underline;        
}

.maplocATM {
    color: #7973c2;
    font-size: 9pt;
    font-weight:bold;
    margin-left:90px;
}

.maploc{
    float:right;
    margin-top:0px;
}

.silvercloudContainer {
	background: url(../images/bluebg_stretch.gif);
	repeat: repeat-x;
	left: 297px;
	width: 265px;
	position: absolute;
	top: 26px;
	height: 54px
}
.silverRight {
	left: 562px;
	width: 7px;
	position: absolute;
	top: 26px;
	height: 54px
}
.silverLeft {
	left: 290px;
	width: 7px;
	position: absolute;
	top: 26px;
	height: 54px
}

.silvercloudTxt img {
	vertical-align: middle;
}

.silvercloudTxt {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 8px;
	margin-left: 10px;
}

.silvercloud_question{
	background-color: #eeeeee;
	width: 200px;
	border-top: #abc2d3 1px solid;
	border-left: #abc2d3 1px solid;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	margin-bottom: 4px;
}

.redBox {
	background: url(../images/redbg_stretch.gif);
	repeat: repeat-x;
	left: 591px;
	width: 150px;
	position: absolute;
	top: 26px;
	height: 52px
}
*html .redBox {
	padding-top: 15px;
}

.redRight {
	left: 741px;
	width: 8px;
	position: absolute;
	top: 26px;
	height: 52px
}
.redLeft {
	left: 584px;
	width: 7px;
	position: absolute;
	top: 26px;
	height: 52px
}
.openAccount {
	padding-top: 15px;
	padding-left: 15px;
}
*html .openAccount {
	position: relative;
	width: 118px;
	height: 20px
	top: 15px;
	left: 15px;
}
.floatStar {
	left: 570px;
	position: absolute;
	top: 20px;
	width: 52px;
	height: 50px;
	z-index: 1;
}
