/* CSS Document */

body {
	background: #000000;
	font: normal 100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}

#container {
	position: relative;
	background: url(images/bkd_container.gif) top left repeat-y;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	}

#header {
	width: 800px;
	margin: 0;
	padding: 0;
	}
		#header h1 {
			margin: 0;
			padding: 0;
			}
		#header h1 a span {
			margin: 0 0 0 -10000px;
			padding: 0;
			}
		#header h1 a.SSL, #header h1 a.SSL:hover, #header h1 a.SSL:active, #header h1 a.SSL:visited {
			position: absolute;
			top: 65px;
			left: 22px;
			display: block;
			width: 298px;
			height: 100px;
			margin: 0;
			padding: 0;
			}

	.about {
		height: 200px;
		background: url(images/bkd_header_aboutUs.jpg) top left no-repeat;
		}
	.locations {
		height: 200px;
		background: url(images/bkd_header_locations.jpg) top left no-repeat;
		}
	.accounts {
		height: 200px;
		background: url(images/bkd_header_accounts.jpg) top left no-repeat;
		}
	.contactUs {
		height: 200px;
		background: url(images/bkd_header_contactUs.jpg) top left no-repeat;
		}
	.services {
		height: 200px;
		background: url(images/bkd_header_services.jpg) top left no-repeat;
		}
	.ratesHomeEquity {
		height: 200px;
		background: url(images/bkd_header_rates_homeEquity.jpg) top left no-repeat;
		}
	.mortgage {
		height: 200px;
		background: url(images/bkd_header_mortgage.jpg) top left no-repeat;
		}
	.rates {
		height: 200px;
		background: url(images/bkd_header_rates.jpg) top left no-repeat;
		}
	.checking {
		height: 200px;
		background: url(images/bkd_header_rates_checking.jpg) top left no-repeat;
		}
	.sensational55 {
		height: 200px;
		background: url(images/bkd_header_rates_seniors.jpg) top left no-repeat;
		}
	.services {
		height: 200px;
		background: url(images/bkd_header_services.jpg) top left no-repeat;
		}
	.savings {
		height: 200px;
		background: url(images/bkd_header_rates_savings.jpg) top left no-repeat;
		}
	.cdira {
		height: 200px;
		background: url(images/bkd_header_rates_certificates.jpg) top left no-repeat;
		}
	.ratesCalculator {
		height: 200px;
		background: url(images/bkd_header_rates_calculator.jpg) top left no-repeat;
		}
	.ratesAuto {
		height: 200px;
		background: url(images/bkd_header_rates_auto.jpg) top left no-repeat;
		}
	.ratesCycle {
		height: 200px;
		background: url(images/bkd_header_rates_cycle.jpg) top left no-repeat;
		}
	.onlinebill {
		height: 200px;
		background: url(images/bkd_header_onlinebill.jpg) top left no-repeat;
		}

#nav {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	}
	#nav dl {
		width: 200px;
		margin: 0;
		padding: 0;
		}

		#nav dt {
			font: bold 100% Arial, Helvetica, sans-serif;
			color: #ffffff;
			text-transform: uppercase;
			}
			#nav dt a {
				display: block;
				width: 180px;
				margin: 6px 0 0 0;
				padding: 0 0 0 20px;
				color: #ffffff;
				text-decoration: none;
				}
				#nav dt a:hover, #nav dt a:active {
					background-color: #FFFFFF;
					color: #000000;
					text-decoration: none;
					}
		#nav dd {
			font: italic normal 85% Arial, Helvetica, sans-serif;
			color: #ffffff;
			margin: 0;
			padding: 0;
			}
			#nav dd a {
				display: block;
				width: 175px;
				margin: 2px 0 0 0;
				padding: 0 0 0 25px;
				color: #ffffff;
				text-decoration: none;
				}
				#nav dd a:hover, #nav dd a:active {
					background-color: #FFFFFF;
					color: #000000;
					text-decoration: none;
					}
					
		#navBanking {
			background: url(images/onlineBanking_bkd.gif) top left repeat-y;
			width: 180px;
			margin: 0 0 0 10px;
			padding: 0;
			}
			#navBanking h4 {
				background: url(images/onlineBanking.gif) top left no-repeat;
				width: 180px;
				height: 20px;
				margin: 0;
				padding: 0;
				}
				#navBanking h4 span {
					margin: 0 0 0 -10000px;
					padding: 0;
					}
			#navBanking ul {
				background: url(images/onlineBanking_foot.gif) bottom left no-repeat;
				width: 180px;
				margin: 0;
				padding: 0 0 10px 0;
				list-style-type: none;
				list-style-position: outside;
				}
			#navBanking li a {
				font: italic 11px Arial, Helvetica, sans-serif;
				color: #ffffff;
				margin: 0;
				padding: 0 0 0 10px;
				text-decoration: none;
				}
				#navBanking li a:hover, #navBanking li a:active {
					text-decoration: underline;
					}

					
#content {
	margin: 0 0 0 200px;
	padding: 30px 25px 0 25px;
	}
	#content p {
		font: normal 85% Arial, Helvetica, sans-serif;
		line-height: 120%;
		margin: 5px 0 10px 0;
		padding: 0;
		}
		#content a {
			color: #0669A5;
			text-decoration: underline;
			}
			#content a:hover, #content a:active {
			color: #993300;
			text-decoration: none;
			}
	#content h1 {
		font: bold 120% Arial, Helvetica, sans-serif;
		color: #0669A5;
		margin: 0 0 15px 0;
		padding: 0;
		}
	#content h2 {
		font: bold 90% Arial, Helvetica, sans-serif;
		color: #0669A5;
		margin: 0 0 10px 0;
		padding: 0;
		}
	#content h3 {
		font: bold 85% Arial, Helvetica, sans-serif;
		color: #000000;
		margin: 0 0 5px 0;
		padding: 0;
		}

	#content ul {
		margin: 0 0 20px 20px;
		padding: 0;
		list-style-position: outside;
		list-style-image: url(images/bullet_content.gif);
		}
	#content li {
		font: normal 85% Arial, Helvetica, sans-serif;
		margin: 0 0 5px 10px;
		padding: 0;
		}
		#content li ul {
			list-style-image: none;
			list-style-type: square;
			margin: 5px 0 5px 5px;
			padding: 0;
			}
		#content li ul li {
			font: normal 90% Arial, Helvetica, sans-serif;
			color: #333333;
			margin: 0 0 5px 10px;
			padding: 0;
			}
	#content dl {
		margin: 0;
		padding: 0;
		}
		#content dt {
			font: bold 90% Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			color: #0669A5;
			margin: 10px 0 5px 0;
			padding: 0;
			}
		#content dd {
			font: normal 90% Arial, Helvetica, sans-serif;
			margin: 0 0 3px 10px;
			padding: 0;
			}			

	#content table {
		margin: 5px 5px 20px 0;
		padding: 0;
		}
		#content td {
			font: bold italic 85% Arial, Helvetica, sans-serif;
			color: #0669A5;
			padding: 3px;
			}
		#content td.example {
			font: normal 10px Arial, Helvetica, sans-serif;
			color: #666666;
			padding: 3px;
			}
		#content td.breaker {
			height: 1px;
			margin: 0;
			padding: 0;
			}
		#content table hr {
			border: 0;
			color: #000000;
			background-color: #000000;
			height: 1px;
			width: 100%;
			}

		#content table th {
			font: bold 95% Arial, Helvetica, sans-serif;
			color: #ffffff;
			text-transform: uppercase;
			background-color: #000000;
			text-align: left;
			padding: 7px 7px 7px 5px;
			}

#footer {
	position: relative;
	clear: both;
	width: 605px;
	margin: 0;
	padding: 20px 0 20px 205px;
	text-align: center;
	}
		#footer p {
			font: italic 70% Arial, Helvetica, sans-serif;
			margin: 5px 0 15px 0;
			padding: 0 5px 0 0;
			}

	#footer ul {
		bottom: 15px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		#footer li {
			display: inline;
			font: normal 70% Arial, Helvetica, sans-serif;
			margin: 0 5px 0 0;
			padding: 0 5px 0 0;
			}
		#footer li a {
			color: #000000;
			text-decoration: underline;
			}
				#footer li a:hover, #footer li a:active {
					color: #0669A5;
					text-decoration: none;
					}
		.ehl {
			position: absolute;
			bottom: 15px;
			left: 235px;
			}
		.fdic {
			position: absolute;
			bottom: 15px;
			right: 35px;
			}
	
	
	
/************************SPECIAL******************************/


#content .testimonial {
	display: inline;
	float: right;
	clear: right;
	width: 130px;
	background-color: #c8deeb;
	margin: 0 5px 0 10px;
	padding: 10px;
	}
	#content .testimonial p {
		font: italic normal 80% Arial, Helvetica, sans-serif;
		color: #0669a5;
		}
	#content .testimonial p br {
		margin: 0 0 5px 0;
		padding: 0;
		}

.onlineBanking {
	margin: 0 0 0 15px;
	padding: 0;
	}
	.onlineBanking img {
		border:0;
		}
.greatRate {
	display: inline;
	float: right;
	margin: 0 5px 10px 15px;
	padding: 0;
	}
.imgRight {
	float: right;
	margin: 0 5px 10px 15px;
	padding: 0;
	}
.imgLeft {
	float: left;
	margin: 0 15px 5px 0;
	padding: 0;
	}
.imgCenter {
	text-align: center;
	margin: 15px;
	padding: 0;
	}
.imgCapRight {
	float: right;
	text-align: left;
	margin: 0 30px 15px 20px;
	padding: 0;
	}
.imgCapLeft {
	float: left;
	text-align: left;
	margin: 0 10px 10px 5px;
	padding: 0;
	}
.imgCapCenter {
	text-align: center;
	margin: 10px 0;
	padding: 0;
	}
	#content .imgCapRight h4, #content .imgCapLeft h4,  #content .imgCapCenter h4 {
		font: bold 90% Arial, Helvetica, sans-serif;
		color: #000099;
		margin: 5px 0 0 0;
		padding: 0;
		}
	#content .imgCapRight p, #content .imgCapLeft p,  #content .imgCapCenter p {
		font: normal 80% Arial, Helvetica, sans-serif;
		color: #666666;
		margin: 3px 0 0 0;
		padding: 0;
		}
	#content .imgCapRight img, #content .imgCapLeft img,  #content .imgCapCenter img {
		margin: 0;
		padding: 0;
		}