@charset "utf-8";
/* CSS Document */

* { 
	margin: auto; 
	padding: 0px;
	}
	
a:link { color: #666666; text-decoration: underline;}
a:visited { color: #666666; text-decoration: underline;}
a:hover {text-decoration: underline;}
	
.option a:link { color: #666666; text-decoration: none;}
.option a:visited { color: #666666; text-decoration: none;}
.option a:hover { color: #0182bb; text-decoration: none;}

.navsectionhead a:link {color: #0182bb; text-decoration: none;}
.navsectionhead a:visited { color: #0182bb; text-decoration: none;}
.navsectionhead a:hover { color: #0099cc; text-decoration: none;}


body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #666666;
	background-image: url(../layout/graphics/fnb.pagebg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin-bottom:20px;
	
	}
img {border:none}
.clear { clear: both; }
	
.top {
	height: 188px;
	background-image: url(../layout/graphics/fnb.topbar.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}
	
.contentarea {
	width: 768px;
	}
	
.bottombar {
	width: 771px;
	height: 65px;
	background-image: url(../layout/graphics/fnb.bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	clear:both;
	text-align:right;
	}

.content {
	width: 550px;
	float: left;
	margin-left:3px;
	}
	
.navigation {
	width: 166px;
	float: right;
	}
	
.pageheading {
	margin-top:5px;
	height: 50px;
	}

.pageheading2 {
	margin-top:5px;
	height: 30px;
	}
	
.pagecopy p {
	line-height: 17px;
	margin-bottom: 10px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	font-size: 1em;
	color: #666666;
	}
	
.photos img { 	padding:6px; 
	border: 1px solid #E5E5E5;
}

.locationpicture {
	float: left;
	margin-right:15px;
	}
.locationpicture img {padding:6px; border: 1px solid #E5E5E5;
}

.locationinfo {
	float: left;
	width: 320px;
	}
	
.locationtitle {
	font-size: 0.81em;
	color: #0182bb;
	font-weight: normal;
	margin-bottom: 15px;
	}
	
.subheading {
	font-size: 0.69em;
	font-weight: bold;
	}
	
.techinfo1 {
	float: left;
	padding-top:5px;
	padding-bottom:5px;
	}
	
.techinfo2 {
	float: left;
	margin-right:20px;
	margin-left:20px;
	padding-left:20px;
	padding-right:20px;
	border-right: 1px solid #0182bb;
	border-left: 1px solid #0182bb;
	padding-top:5px;
	padding-bottom:5px;
		}
		
.techinfo3 {
	float: left;
	padding-top:5px;
	padding-bottom:5px;
	}
	
	
.depositaccountsbg {
	background-image: url(../layout/graphics/stock-piggybank.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	

.firsttouchonline {
	background-image: url(../layout/graphics/stock-laptop.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	}


/*email table*/

		
.table {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ECECEC;
	padding: 5px;
}

.tableheader {
	font-size: 0.8em;
	background-color: #0082bb;
	color: #ffffff;
	padding:5px;
	margin-bottom:5px;
	}
	
	.columnsections { color: #ffffff;font-size: 0.69em;font-weight: bold; background-color:#999999; padding:3px;}
	.sectionhead2 { color:#ffffff; padding:3px; font-size:0.69em;font-weight:normal; background-color:#0182bb;}
	.colhead { font-size:0.63em;font-weight:normal; }
	.infocol { font-size:0.63em;font-weight:normal; color:#0182bb;}
	.emptytable { height:15px; }
	.emailsections { color: #ffffff;font-size: 0.69em;font-weight: bold; }
	.emailname { font-size:0.63em;font-weight:bold; }
	.emailtitle { font-size:0.63em;font-weight:normal; }
	.emailemail { font-size:0.63em;font-weight:normal; }
	.emailext { font-size:0.63em;font-weight:normal; }
	
	
/* navigation */

.navigationblock {
	width: 163px;
	margin-top: 15px;
	background-image: url(../layout/graphics/fnb.navbargradient.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #f5f5f5;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	}

.navigationhead {
	width: 166px;
	height: 36px;
	background-image: url(../layout/graphics/fnb.navhead.jpg);
	background-position: right;
	background-repeat: no-repeat;
	}


.navigationblockbottom {
	width: 167px;
	height:16px;
	background-color: #ffffff;
	background-image: url(../layout/graphics/fnb.bottomnavbar.jpg);
	background-position: left;
	background-repeat: no-repeat;
	}
	
.navsectionhead {
	text-align: right;
	margin-right: 12px;
	color: #0182bb;
	font-weight: bold;
	font-size: 0.69em;
	margin-bottom: 5px;
}

.option {
	margin-top: 1px;
	margin-right: 12px;
	text-align: right;
	font-size: 0.63em;
}


/* headlines */

#welcome {
	background-image: url(../layout/graphics/headline-home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#history {
	background-image: url(../layout/graphics/headline-history.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#locations {
	background-image: url(../layout/graphics/headline-locations.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#atm {
	background-image: url(../layout/graphics/headline-atmlocations.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#directors {
	background-image: url(../layout/graphics/headline-board.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#officers {
	background-image: url(../layout/graphics/headline-officers.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#privacypolicy {
	background-image: url(../layout/graphics/headline-privacystatement.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

	#checkordering {
	background-image: url(../layout/graphics/headline-commercialcheckordering.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#interestrates {
	background-image: url(../layout/graphics/headline-interestrates.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
/* Personal */

#personal {
	background-image: url(../layout/graphics/headline-personaloverview.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#perschecking {
	background-image: url(../layout/graphics/headline-personalchecking.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#persbounceprotection {
	background-image: url(../layout/graphics/headline-personalbounceprotection.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#personalcheckordering {
	background-image: url(../layout/graphics/headline-personalcheckordering.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#perscreditcards {
	background-image: url(../layout/graphics/headline-personalcreditcards.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#persdeposit {
	background-image: url(../layout/graphics/headline-personaldepositaccounts.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#persmortgages {
	background-image: url(../layout/graphics/headline-personalmortgagesandloans.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#persftonline {
	background-image: url(../layout/graphics/headline-personalfirsttouchonline.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#persfttelebanking {
	background-image: url(../layout/graphics/headline-personalfirsttouchtelebanking.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#persother {
	background-image: url(../layout/graphics/headline-personalotherservices.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#identitytheft {
	background-image: url(../layout/graphics/headline-identitytheft.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

/* Commercial */


#commercial {
	background-image: url(../layout/graphics/headline-commercialoverview.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#commcashmanagement {
	background-image: url(../layout/graphics/headline-commercialcashmanagement.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#commchecking {
	background-image: url(../layout/graphics/headline-commercialcheckingaccounts.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#commcreditcards {
	background-image: url(../layout/graphics/headline-commercialcreditcards.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#commsbfinancing {
	background-image: url(../layout/graphics/headline-commercialfinancing.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#commadditional {
	background-image: url(../layout/graphics/headline-commercialadditionalservices.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}



/* Contact */


#contact {
	background-image: url(../layout/graphics/headline-contactus.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

	#telandaddress {
	background-image: url(../layout/graphics/headline-telephoneaddresses.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#email {
	background-image: url(../layout/graphics/headline-email.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
.bluetext{color: #39F;}
.bluetext a:link{ color: #39f; text-decoration: underline;}
.bluetext a:visited { color: #39f; text-decoration: underline;}
.bluetext a:hover {text-decoration: underline;}
h1 {color:#39f;}