/*
*
* CSS: First Federal Savings Bank
* PA: jjohnson
* edreamz 2006
*
*/

body{color: #333; margin: 0 auto; text-align: center; background: url(../images/structure/page-bg.gif) repeat left top; font-family: Verdana, Arial, sans-serif; font-size: 11px;}
	a{text-decoration: none; color: #02578a;}
	a:hover{text-decoration: underline;}
	a img{border: none;}
	
#wrapper{width: 775px; padding: 0 10px 30px 10px; margin: 0 auto; background: #fff; position: relative;}
	#wrapper div{text-align: left;}

#hd{border-top: 3px solid #02578a; height: 106px;}
	#hd h1{float: left; margin: 0; padding: 0; background: url(../images/structure/web-logo.gif) no-repeat left top; height: 81px; width: 235px; text-indent: -9999em;}
	#hd h1 a{display: block; width: 235px; height: 81px;}
	#hd .locations{float: right; list-style:none; margin: 30px 0 0 0; padding: 18px 0 0 0; background: url(../images/headers/our-locations.gif) no-repeat left top;}
	#hd .locations li{list-style:none; margin: 0 10px 0 0; padding: 0 0 0 15px; display:inline; background: url(../images/structure/locations-li-bg.gif) no-repeat left center;}
	#hd .locations li a{color: #999; text-decoration: none; font-weight: bold;}
	#hd .locations li a:hover{color: #02578a;}

#navigation{ background: url(../images/structure/navigation-bg.gif) no-repeat left top; position: absolute; left: 10px; top: 84px; width: 774px;}
	#nav, #nav li{margin: 0; padding: 0; list-style:none; height: 25px;}
	#nav li{float: left; margin-top: 5px;}
	#nav li a{font-weight: bold; color: #fff; text-decoration: none; display: block; font-size: 10px; padding-right: 15px;}
		#nav li a.home{width: 60px; height: 25px; margin-right: 200px; padding-left: 5px; padding-right: 5px;}
	#nav li a.selected, #nav li a:hover{color: #222;}
	
#flashObj{clear: both; background: url(../images/flash.jpg) no-repeat left top; width: 774px; height: 226px;}

#content{clear: both;}
	#content .home_lc{float: left; width: 258px; padding: 15px 0 0 0;}
		
		.rates{background: #007fc4 url(../images/headers/latest-rates.gif) no-repeat left top; padding: 30px 0 10px 0; position: relative; margin: 0 0 10px 0;}
		.rates a{display: block; width: 80px; height: 15px; text-indent: -9999em; position: absolute; top: 5px; right: 5px;}
		.rates table{width: 228px; margin: 0 auto;}
		.rates th, .rateTable th{font-weight: bold; text-align: center; color: #acd5ec;}
		.rates td, .rateTable td{background: #3a9cd1; border-top: 2px #007fc4 solid; font-weight: bold; color: #fff; font-size: 10px;}
		.rateTable{margin: 15px 0 0 0;}
		.rateTable td{padding: 4px;}
		dl.news, dl.news dt, dl.news dd{margin: 0; padding: 0;}
		dl.news{background: url(../images/headers/news-events-home.gif) no-repeat left top; padding: 20px 0 0 0; font-weight: bold;}
		dl.news dt{color: #53be44; font-weight: bold; text-transform: uppercase; letter-spacing: -0.5px; padding: 8px 0 0 0;}
		dl.news dd{background: url(../images/structure/twogreyborder.gif) repeat-x left bottom; padding: 0 0 8px 0;}
		
		
	#content .home_mc{float: left; width: 273px;  padding: 15px 0 0 0;}
		.home_mc p{padding: 0 15px; margin: 5px 0;}
		.home_mc h4{text-indent: -9999em; background: url(../images/headers/welcome.gif) no-repeat 12px 0; margin: 0; padding: 0;}
		
	#content .home_rc{float: left; width: 243px;  padding: 15px 0 0 0;}
		.home_rc .denver{border: 1px solid #999; background: url(../images/buttons/denver.jpg) no-repeat left top; text-indent: -9999em; position: relative; height: 124px; width: 241px;}
		.home_rc .denver a{display: block; height: 20px; width: 100px; position: absolute; top: 90px; left: 125px;}
		.home_rc .mission p{background: url(../images/headers/our-mission.gif) no-repeat left top; text-indent: -9999em; height: 115px; width: 244px; margin: 10px 0 0 0; padding: 0;}

	#content .lc{width: 240px; float: left; background: url(../images/subnav-shadow.gif) repeat-x left top;}
		.subnav, .subnav li{margin: 0; padding: 0; list-style:none;}
		.subnav{width: 200px; margin: 12px 0 0 18px;}
		.subnav li{background: url(../images/subnav-dash.gif) repeat-x left bottom; display: block; width: 200px; padding: 1px;}
		.subnav li a{display: block; width: 180px; padding: 2px 2px 2px 15px; margin: 1px; background: url(../images/subnav-green-icon.gif) no-repeat left center;}
		
		.subnav li a:hover, .subnav li a.selected{background: #51bdd7; color: #fff; text-decoration: none;}
		.subnav li a.selected{font-weight: bold; }
		
			* html .subnav li a{height: 10px;}
	
	#content .rc{width: 534px; float: right; padding: 0 1px 0 0;}
			.rc h2{background: #e6e7e8; padding: 12px 0 12px 12px; margin: 0 0 10px 0; font-size: 16px; font-variant: small-caps; font-family: "Times New Roman",Times, sans-serif; color: #666;}
			.rc .loan p{padding: 0 0 0 115px; margin: 0 0 25px 0; width: 330px;}
			.rc .loan h5{background: url(../images/headers/loanheader-bg.gif) no-repeat left top; color: #fff; font-size: 10px; display:block; padding: 3px 0 3px 115px; margin: 3px 0 5px 0;}
				.rc	.home{background: url(../images/buttons/home-loans.gif) no-repeat 0 18px;}
					.rc .home a{margin: 0 0 0 270px;}
				.rc .equity{background: url(../images/buttons/home-equity-loans.gif) no-repeat 0 18px;}
					.rc .equity a{margin: 0 0 0 231px;}
				.rc .vehicle{background: url(../images/buttons/vehicle-loans.gif) no-repeat 0 18px;}
					.rc .vehicle a{margin: 0 0 0 263px;}
				.rc .personal{background: url(../images/buttons/personal-loans.gif) no-repeat 0 18px;}
					.rc .personal a{margin: 0 0 0 253px;}

#ft{margin: 15px 0 0 0;  padding: 5px 0 0 0; border-top: 3px solid #999; font-size: 10px;}

	#ft #ftLeft{ float:left; width:350px}
	#ft #ftRight{ float:right; width:300px}
	
	#ft p{margin: 0; padding: 0 0 6px 0;}
	#ft p.address a{font-weight: bold;  margin: 0 0 0 10px;}
	#ft p.address{color: #02578a; width: 500px; float: left;}
	#ft p.contact{font-weight: bold; color: #02578a; width: 180px; float: right;}
	#ft p.contact a{font-weight: normal;}
	#ft p.copyright{clear: both;}