﻿body {
	font-family: arial;
	font-size: 10pt;
	background:#e7e7e7/*lightGray*/;
	margin: 0;	
	
}
#wrapper {
	width:900px;
	margin:0 auto;	
	background:white;
	border:1px solid #e3e3e3;
	padding:0 20px 30px 20px;
}
img {
	border: none;	
}

#headerLeft {
	float: left;
	margin-left: 10px;
	padding: 0;	
	
}

#header {
	width: 888px;	
	margin: 0 0 5px 0;
	padding: 0;
	
	
	
}
#footer a, #footer td{
	color:gray;
	font-size:8pt;	
}

.clear {
	clear: both;	
}




/*--------------------------------------------------------------------------------------------------------------------------*/


#homeContent{
	width: 1024px;	
}

#column1 {
	
	width: 245px;
	float: left;
	height: auto;
	margin-right: 10px;
}


#financeTD td{
	vertical-align: top;
	border: 1px solid gray;
	padding: 5px;
}


.column1Box {
	background: white url(images/navBg.gif) repeat-x top left;
	font-size: 9pt;
	font-family: arial;
	height: 212px;
	border:1px solid gray;
	border-top:none;
	margin-bottom:10px;
}

.column1Box li{
	margin-bottom: 5px;
	color:#002a5c/*logoBlue*/;	
}



.columnBoxContent{
	padding: 10px 20px 20px 20px;	
}

.column1BoxHeader {
	text-align: center;
	padding-top: 6px;
	
	color: white;
	
	
}

.column1Box input {
	width: 100px;
	height: 15px;
	padding: 0;
	margin: 0;
}

#goButton{
	width: 30px;
	height: 20px;
}
#loginLinks {
	margin-top: 5px;	
}
#loginLinks a{
	text-decoration: underline;
	color:#002a5b/*logoBlue*/;
	font-size: 8pt;
		
}

#loginLinks a:hover{
	text-decoration: none;
		
}
#businessBankingLink a{
	color: black;
	font-weight:bold;	
}

#businessBankingLink a:hover{
	text-decoration: underline;
}

.column1Box ul {
	list-style:none;
	margin-left: 5px;
	margin-top: 0;
	padding: 0;
	
}



.column1Box a{
	text-decoration: none;
	color:#002a5c/*logoBlue*/;	
		
}

.column1Box a:hover{
	text-decoration: none;
	color: #c4a306 /*gold*/;
		
}

a.goldLink {
	color: #c4a306 /*gold*/;
	font-size: 8pt;	
	font-weight: bold;
	margin-left: 10px;
}

p {
	color: navy;	
}





h4 {
	color: #28739e;
	margin-bottom: 4px;
}







#footer {
	width:900px;
	text-align:center;
	margin:0 auto;
	font-size: 8pt;
	color: gray;
	
}


.images {background:#c00; width:20px; padding:1px;} /* not part of the menu */

#nav ul {
	
	padding:0; 
	list-style:none; 
	display:table; 
	white-space:nowrap; 
	font-family: arial, verdana, sans-serif; 
	font-size:11px;
	
}

#nav li {
	display:table-cell; 
	margin:0; 
	padding:0;
	
	
}

#nav a {
	float:left; 
	color:white; 
	background: #14235e/*navy*/ url(images/navTabBG.gif) repeat-x left top; 
	margin:0 2px 0 0; 
	padding:0 0 0 2px; 
	text-decoration:none; 
	letter-spacing:1px;
	border: 1px solid gray;
	
	
	
}

#nav a b {
	float:left; 
	display:block; 
	background:transparent url(top_right.gif) no-repeat right top; 
	padding:5px 16px 5px 12px;
}

#nav a:hover {
	background: #14235e/*navy*/ url(images/navTabBG_hover.gif) repeat-x left top; 
	color:#fff; 
	cursor:pointer;
} 

#nav .current a {
	background: #3a73ba url(top_left.gif) no-repeat left top; 
	color:#fff; 
	cursor:default;
} 

#nav {
	padding:2px 0 0 0; 
	background:#fff url(shade_bottom.gif) repeat-x left bottom; 
	float: right;
	
	
	
} 

#midSection {
	width: 650px;
	height: 200px;
	background: white url(images/gradientMid.jpg) no-repeat top left;
	
}

.midSectionSub {
	width: 212px;
	float: left;
	text-align: center;
	
	margin-top: 10px;
		
}

.midSectionSub h2 {
	font-size: 11pt;
	font-weight: bold;
	color: 	#606a95/*coolBlue*/;
}

.lowerSectionSub {
	float: left;
	width: 212px;	
	text-align: center;
	
}



.midSectionSub li{
	list-style:url(images/arrowUL.gif);
	text-align: left;
	margin-bottom: 5px;
	
}

.midSectionSub a{
	font-size: 9pt;	
	color: #333e7a/*darkCoolBlue*/;
	text-decoration: none;

}

.midSectionSub a:hover{
	font-weight: bold;	
}


#column2 {
	float: left;
	height: auto;
	width: 650px;
	margin-bottom: 10px;
}

#mainAdSection{
	margin-bottom: 15px;	
}

#column2 p{
	color: #404040/*gray*/;
	margin-top: 0;	
	font-weight: normal;
}

#column2 h4 {
	color:#28739e/*logoBlue*/;
	font-size: 11pt;
}

#column2 h3 {
	margin-top: 20px;
	color:#002a5c/*logoBlue*/;
	font-size:12pt;
	
	
	
}

#column2 h3 a{
	margin-top: 20px;
	color:#002a5c/*logoBlue*/;
	font-size:12pt;
	
	
	
}

legend{
	color:#002a5c/*logoBlue*/;
	font-size:10pt;
	font-weight:bold;	
}

#rightSubLinks {
	float: right;
	width: 150px;
	height: 400px;
	border: 1px solid gray;
	margin-top: 65px;
	margin-right: 10px;
	background: #e4e4e4/*lightGray*/;	
}

#rightSubLinks ul{
	margin: 20px 0 0 10px;
	
	list-style:none;
		
}

#rightSubLinks li{
	margin-bottom: 5px;	
}

#rightSubLinks a{
	font-weight: bold;
	color:#002a5c/*logoBlue*/;	
}

#rightSubLinks a:hover{
	text-decoration: none;
}

.rateTable {
	font-size: 9pt;
	color:#002a5c/*logoBlue*/;
	margin-bottom: 30px;
	
}

.rateTable td{
	border-bottom: 1px solid gray;
	height: 30px;	
}

.rateSections p{
	font-size: 8pt;
	color: gray;
	width; 200px;	
}

.rateSections {
	border-bottom: 1px solid gray;
	width: 480px;	
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.rateSections td {
	height: 30px;
	width: 160px;	
}

.tableHead {
	font-weight: bold;
	color: gray;
	border-bottom: 	1px solid #002a5c/*logoBlue*/;
}

.cdSpecial {
	color:#002a5c/*logoBlue*/;	
	font-weight: bold;	
}

.smallText {
	font-size: 8pt;
	width: 480px;	
}

#businessUL li{
	margin-bottom: 15px;
}

#businessServiceUL li{
	margin-bottom: 15px;
	color: #404040/*gray*/;
		
}

dl{
	margin-left: 30px;
}

dt{
	font-weight: bold;	
	color:#002a5c/*logoBlue*/;
}

dd{
	margin-bottom: 30px;	
}

#loanList a{
	font-size: 12pt;
	color:#002a5c/*logoBlue*/;
	
	font-weight: bold;
		
}

#loanList {
	margin-left: 30px;	
}

#largeUL{
	font-size: 12pt;
	font-weight: bold;
	color:#002a5c/*logoBlue*/;
		
}

.td2 {
	background: #c7cde4/*lightLightBlue*/;
	border: 1px solid gray;	
	padding: 10px;
}

.body_hd_closed {
	background: #8d9bc5/*lightBlue*/;
	color: white;
	padding: 10px;	
}

#formSection{
	font-size: 8pt;
	color: #404040/*gray*/;
}

select#depositSelect {
	display: none;	
}

select#consumerSelect {
	display: none;	
}

.blueBold {
	font-weight: bold;
	color:#002a5c/*logoBlue*/;
		
}

.body_text_hd4 {
	font-weight: bold;
	color: #002a5c/*logoBlue*/;	
}

ul{
	color: #404040/*gray*/;
}

a {
	color: #002a5c/*logoBlue*/;
}

a:hover {
	text-decoration: none;
}

.loginLinks {
	color: #002a5c/*logoBlue*/;
	font-size: 8pt;
	text-decoration: underline;
	margin: 0;
	padding:0;
}

#additionalLoginLinks form{
 padding: 0;
 margin: 0;
}

.columnBoxContent form{
	padding: 0;
	margin: 0;	
}

.jumpButton {
	width: 300px;
	color:white;
	background:	#002a5c url(images/navTabBG.gif) repeat-x left top; 
	padding:7px;
	margin:5px;
	text-align:center;
	font-weight:bold;
	border:1px solid gray;
	
}

#jumpButtonWrapper {
	text-align:center;	
}
.productInfoTable {
	border-collapse:collapse;
	
}

.productInfoTable td{
	border:1px solid gray;
	padding:3px;
	text-align:center;
	
}

.namedAnchor {
	color:white;
	text-decoration:none;	
}

.namedAnchor:hover {
	
	text-decoration:underline;	
}

.dagger {
	font-size:6pt;
	color:gray;	
	vertical-align:super;
}


#businessBankingTable td{
	border:1px solid gray;	
	padding:5px;
	text-align:center;
}

#businessBankingTable {
	border-collapse: collapse;	
}

#businessBankingTable td.bbProductName {
	font-weight:bold;
	
}



#currentPR{}
#oldPR{}


#showHideOldPR{display: none;}
#showHidePRbutton{}
#showHidePRbutton:active{outline: none;}

#oldPRbyYearWrapper{width: 200px; }
ul#oldPRbyYear{background: white; margin: 0; padding: 0 0 0 10px;list-style: none; }
ul#oldPRbyYear li{font-weight: bold;}
	ul#oldPRbyYear li ul{list-style: square; margin: 0; padding: 5px 10px 5px 20px; }
		ul#oldPRbyYear li ul li{font-weight: normal;}
		ul#oldPRbyYear li ul li a:link{color: #454545 /*darkGray*/;}
		ul#oldPRbyYear li ul li a:visited{color: gray;}
		ul#oldPRbyYear li ul li a:hover{text-decoration: none;}
		ul#oldPRbyYear li ul li a:active{color: Black;}

.pressRelease{}
	.pressRelease h4{color: #001d61; font-size: 18px; font-family: "Times New Roman"; margin: 25px 0 0 0; font-weight: normal;}



.prYear{}
	#oldPR2007{}
	#oldPR2006{}
	#oldPR2005{}
	#oldPR2004{}
	#oldPR2003{}

	#teaserTable td{
		border-top: 1px solid #dad9d9;
	border-bottom: 1px solid #dad9d9;
	text-align:center;
	font-size:9pt;
	color:#5d5d5d;
	width:325px;
	}
	
	#teaserTable  {
		border-collapse:collapse;	
		width:650px;
	}

	 /********************************following styles are for font increase controls**********************/
 a#normalFont {
	font-family:verdana;
	font-weight:bold;
	color:#606060; 
	text-decoration:none;
	font-size:10pt;
	
 }
  a#largeFont {
	font-family:verdana;
	font-weight:bold;
	color:#999999; 
	text-decoration:none;
	font-size:12pt;
	
 }
  a#extraFont {
	font-family:verdana;
	font-weight:bold;
	color:#999999; 
	text-decoration:none;
	font-size:14pt;
 }

 .changeClass {
	font-size:10pt;	 
 }
 
 #fontSize {
	text-align:right;
	
	margin-right:10px;	
	
 }

 #headerTableTD h3 {
	margin-left:30px;	 
 }
 
  #fontSize a#printer {
	text-decoration:none;
	font-size: 8pt;
	color:gray;	  
  }
  
    #fontSize a#printer:hover {
	
	color:#002a5c/*logoBlue*/;	  
  }
  
  /***************************************SURVEY STYLES /-------------------------------  ***/
  #survey, #survey td, #survey input {
	font-family:arial;
	font-size:8pt;
	color:#343434;	  
  }
  .centerAlign td{
	  text-align:center;
	
  }
  #survey fieldset{
	width:500px;
	padding:20px;	  
  }
  
  #survey legend {
	color:#002a5c/*logoBlue*/;	  
	font-size:9pt;
	font-family:arial;
	font-weight:bold;	  
  }
    
  .error{color:Red !important;}
  
  
  
  
  

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/muti-line-dropdown.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {position:relative; z-index:5500;height:32px;background:url(images/navBg.gif) repeat-x top left;margin-left:-20px;width:940px;margin-top:10px;} 
#menu ul { 
	padding:0; 
	margin:0; 
	margin-left:10px;
	list-style:none;  
	width:940px; /*width of nav including nav bg*/
}
#menu ul.level1 {
	height:25px; /*background height*/
}
#menu ul ul {
	position:absolute; 
	left:-9999px; 
	margin-top:-10px; /*secondary offset*/
	margin-left:0px;
}
#menu table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	left:-1px; 
	top:-1px;
}
#menu ul li {
	float:left; 
	margin:0 10px;
	
}
#menu ul li a {
	display:block; 
	float:left; 
	padding:5px 15px; 
	font:normal 11px verdana, sans-serif; 
	color:white; 
	font-weight:bold;
	text-decoration:none;  
	
}
#menu ul li a.fly {
	
}

#menu ul ul li {margin:0; }

#menu ul ul li a {
	width:170px; 
	margin:0; 
	background:#404c7c;/*secondary bg*/ 
	border-bottom:1px solid #14235e;/*secondary border color control*/
}
#menu ul ul li a:hover {
	background:#14235e;/*secondary hover state*/
}
#menu ul ul li a.fly {
	background:#bdd8eb url(images/arrow.gif) no-repeat right center;/*secondary hover state if uses third layer and arrow*/
}

#menu ul li:hover {position:relative;}

#menu ul li a:hover {
	direction:ltr; 
	
	color:#fff;  
	position:relative;
}
#menu ul li:hover > a {
	
	}

#menu ul :hover ul {
	left:5px; 
	width:100px; 
	top:31px; /*secondary from top*/
	background:white;
}

#menu ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul :hover ul {left:162px; width:122px; top:15px;}

#menu ul :hover ul ul,
#menu ul :hover ul :hover ul ul, 
#menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}





td, p, input, a {
	font-size:8pt;	
}
form {margin:0;padding:0;}
#midContentTable td{
	text-align:center;	
}
#midContentTable ul li{
text-align:left;
line-height:1.5;
	
}
#midContentTable ul li a{
	font-size:10pt;
}

#faq li {
	font-size:8pt;
	margin:5px;	
}
#faq #faqQ{
	font-size:10pt;	
}

/***************new products table maybe********************/
.productInfoTable2 {
	border-collapse:collapse;	
}
.productInfoTable2 td{
	border:1px solid #685c53;
	text-align:center;
	font-size:8pt;
	
		
}

.productInfoTable2 th{
	font-size:8pt;	
	color:white;
	background:#685c53;
	border:1px solid #685c53;
	
}

.productName {
	background:	#ebe6da;
	font-weight:bold;
	
}



.orange {
	color:#be7400;	
	font-weight:bold;
}

.productInfoTable2 .subHeading{
	text-align:left;
	color:white;
	font-weight:bold;
	background:#998e86;	
}

/**************************************************************/
/***************new products table maybe********************/
.productInfoTable3 {
	border-collapse:collapse;	
}
.productInfoTable3 td{
	border:1px solid #685c53;
	text-align:center;
	font-size:8pt;
	
		
}

.productInfoTable3 th{
	font-size:8pt;	
	color:white;
	background:#394b6f;
	border:1px solid #685c53;
	
}

.productName {
	background:	#d0d9ea;
	font-weight:bold;
}


.productInfoTable3 .subHeading{
	text-align:left;
	color:white;
	font-weight:bold;
	background:#7791c7;	
}
/***************new products table maybe********************/
.productInfoTable4 {
	border-collapse:collapse;	
}
.productInfoTable4 td{
	border:1px solid #685c53;
	text-align:center;
	font-size:8pt;
	
		
}

.productInfoTable4 th{
	font-size:8pt;	
	color:white;
	background:#328941;
	border:1px solid #685c53;
	
}

.productName {
	background:	#d9dbbd;
	font-weight:bold;
	
}

.productName1 {
	background:	#d0d9ea;
	font-weight:bold;
}


.productInfoTable4 .subHeading{
	text-align:left;
	color:white;
	font-weight:bold;
	background:#205938;	
}
/**************************************************************/

.careerListing {
	background:#f0eded;	
	padding:10px;
	margin:10px 0;
	border:1px solid #cecccc;
}

h5 {
	padding:0;
	margin:0;
	margin-bottom:5px;
	font-weight:bold;
	font-size:10pt;
	color:#364663;
}

.font10
{
    font-size:10pt;
    font-family: Arial;    
}
