/* Overriding HTML Elements */
body 
{
    margin-top:0px;
	background-image: url(../images/bg.jpg);	
	background-repeat: no-repeat;
	background-position: 50% top;
	background-color:#d7d7d7;
	font-family: 'Trebuchet MS', 'Arial', 'Helvetica', 'sans-serif'; 
	padding-bottom: 20px;
}

h1 {
font-family: 'Trebuchet MS', 'Arial', 'Helvetica', 'sans-serif'; 
font-size: 13pt; 
color: #d87620; 
line-height: 10pt; 
font-style: italic
}

p {
font-family: 'Trebuchet MS', 'Arial', 'Helvetica', 'sans-serif'; 
font-size: 9pt; 
color: #333333; 
line-height: 12pt
}


/* Special Body Text Styles */

.hometext {
font-size: 10pt; 
}

.bodytext {
font-family: 'Trebuchet MS', 'Arial', 'Helvetica', 'sans-serif'; 
font-size: 9pt; 
color: #333333; 
line-height: 12pt
}

.small {
font-size: 7pt; 
color: #333333; 
line-height: 10pt
}

.footer {
font-size: 8pt; 
color: #666666
}

.textbox {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
color: #666666
}

.side {
font-size: 9pt; 
color: #333333;
line-height: 12pt
}

.acct_type {
font-family: 'Arial', 'Helvetica', 'sans-serif'; 
font-size: 10pt; 
color: #f67527;
font-weight:bold;
line-height: 12pt
}

.acct_type_description {
font-family: 'Trebuchet MS', 'Arial', 'Helvetica', 'sans-serif'; 
font-size: 9pt; 
color: #333333;
line-height: 12pt
}

.acct_type_small {
font-family: 'Trebuchet MS', 'Arial', 'Helvetica', 'sans-serif'; 
font-size: 9px; 
color: #999999
}

.headline {
font-family: 'Arial', 'Helvetica', 'sans-serif'; 
font-size: 12pt; 
color: #034f9c;
font-weight:bold;
margin-bottom:10px
}

.subhead {
font-family: 'Arial', 'Helvetica', 'sans-serif'; 
font-size: 10pt; 
color: #f67527;
font-weight:bold;
margin-bottom:2px
}

.subheadblue {
font-family: 'Trebuchet MS', 'Arial', 'Helvetica', 'sans-serif'; 
font-size: 10pt; 
color: #034f9c; 
line-height: 12pt;
font-weight:bold
}

.subheadgray {
font-family: 'Trebuchet MS', 'Arial', 'Helvetica', 'sans-serif'; 
font-size: 10pt; 
color: #333333; 
line-height: 12pt;
font-weight:bold
}

.bioTitle 
{
display: block;
font-family: 'Trebuchet MS', 'Arial', 'Helvetica', 'sans-serif'; 
font-size: 9pt; 
color: #666666; 
font-weight:bold;
margin-bottom:10px;
margin-top:2px;
}

.bodybold {
font-family: 'Trebuchet MS', 'Arial', 'Helvetica', 'sans-serif'; 
font-size: 9pt; 
color: #034f9c; 
font-weight: bold
}


#smartgreen {color: #88a81c; text-decoration: none}

a.newsLink:visited
{
	font-family: 'Arial', 'Helvetica', 'sans-serif'; 
	font-size: 10pt; 
	color: #0d5eb0 !important;
	font-weight:bold;
	margin-bottom:2px;
	text-decoration: none !important;
}

a.newsLink
{
	font-family: 'Arial', 'Helvetica', 'sans-serif'; 
	font-size: 10pt; 
	color: #0d5eb0 !important;
	font-weight:bold;
	margin-bottom:2px;
	text-decoration: none !important;
}

a.newsLink:hover 
{
	text-decoration: underline !important;
}

.video a:link
{
	font: bold 11pt Arial, Trebu, Trebuchet MS #034f9c;
}

/* Links */

a:link {
color: #0d5eb0;
text-decoration: underline;
background-color: transparent
}

a:visited {
color: #0d5eb0;
text-decoration: underline;
background-color: transparent
}

a:hover {
color: #0d5eb0;
text-decoration: none;
background-color: transparent
}

.footer a:link {
	text-decoration: none;
}

.footer a:visited {
	text-decoration: none;
}

.footer a:hover {
text-decoration: underline;
}

.footer .link
{
	color: #666666
}

.footer .link a:link {
	text-decoration: none;
	color: #666666
}

.footer .link a:visited {
	text-decoration: none;
	color: #666666
}

.footer .link a:hover {
	text-decoration: underline;
	color: #666666

}




/* BREADCRUMBS */


/* HTML TAG STYLES */

textarea 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #666666
}

input 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #666666
}

select 
{
	
}

img 
{
	border: none;	
}

/* PAGE SECTIONS STYLES */
#header 
{
width:800px;
margin-left:auto;
margin-right:auto;
position: relative;
z-index: 3;
}

#content 
{
width:800px;
margin-left:auto;
margin-right:auto;
position: relative;
z-index: 2;
}

#footer 
{
padding-top: 5px;
width:802px;
margin-left:auto;
margin-right:auto;
position: relative;
z-index: 2;
}

.clouds
{
	background-image:url(../images/body_clouds.jpg); 
	background-position:top; 
	background-repeat:no-repeat; 
	background-color:#ffffff;
}

/* SITE ERROR MESSAGING */

.validationLabel 
{
}

.validationSummary 
{
}

/*PNG*/

.onlineBankingBackerPNG 
{
	background-image:url(../images/home_onlinebankingbacker.png); 
	background-position:top; 
	background-repeat:no-repeat
}

.footerBgrPNG 
{
	background-image:url(../images/footer_backer2.png); 
	background-position:top; 
	background-repeat:no-repeat
}

.navBgrPNG 
{
	background-image:url(../images/nav_bar.png)
}

/* Bread Crumbs */
.bc 
{
	font-family: 'Trebuchet MS', 'Arial', 'Helvetica', 'sans-serif'; 
	font-size: 8pt; 
	color: #2377ae; 
	line-height: 10pt;

	display: block;	
	margin-top: 20px;
	margin-left: 225px;
	margin-bottom: 20px;
}

.bc a:visited 
{
	text-decoration: none;		
}

.bc a 
{
	text-decoration: none;		
}

.bc a:hover 
{
	text-decoration: underline;	
}

.bc .bc_current_node 
{
}

.bc .bc_node 
{
}

.bc .bc_root_node
{
}

.bc .bc_seperator 
{
}

.CollapsePanel 
{
	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '')"),
	this.style.behavior=null);	
	
	margin-bottom: 10px;	
}

.CollapsePanel:hover 
{
	cursor: pointer;	
} 





.CollapsePanel.hover 
{
	cursor: pointer;	
} 






#floatingGrass
{
	position: fixed;
	bottom: 0%;
	left: 0%;
	width: 100%;
	height: 34px;
	background-image: url(../images/grass.png);
	background-position: top;
	background-repeat: repeat-x;		
	z-index: 0;	
	margin: 0px;
	padding: 0px;
}

/*Site Map*/

#sitemap 
{
	font-size: 9pt;
	margin-top: 5px;
	margin-left: 0px;
}

#sitemap .section 
{
	width: 200px;
	float:left;
	margin-right: 25px;
}

#sitemap .section h1 
{
	font-style: normal;
	font-family: Arial;
}

#sitemap .section ul 
{
	list-style-type: none;	
	margin-left: 10px;
	padding: 0px;
}

#sitemap .section ul li 
{
}

/*Mailto Security Warning*/


#MailtoWarning 
{
	width: 200px;
	padding: 15px;
	text-align: center;
	background-color: #d4e6e8;
	
	text-decoration: none;
	font-size: 8pt;
	
	position: absolute;
	z-index: 100000;
}

#MailtoWarning div
{
	margin-bottom: 5px;
}

#MailtoWarning .cancel
{
	margin-left: 10px;
}

#headerEmailSignup
{
	background: url('../images/email_signup_title_sub.png') no-repeat; 
	width: 160px;
	height: 11px;
}

.security
{
	position: relative;
	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '') "),
	this.style.behavior=null);	
}

.securityexplanation
{
	display: none;
	height: 30px;
	padding: 15px;
	position: absolute;
	width: 260px;
	z-index: 999999999;
	border: 1px #bfcdc6 solid;
	background-color: #f5f7f6;
	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '') "),
	this.style.behavior=null);	
}


.security.hover .securityexplanation,
.security:hover .securityexplanation
{
	display: inline;
	left: 5%;
	top: 100%
}