/*

Kemba Credit Union - Website Style Sheet
Created by Jesse Auciello
www.kemba.com

Created: 06/13/2008
Modified: 01/28/2009

*/

/* ----- Basic Elements ----- */
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #d6e0e6 url(/images/bg.jpg) repeat-x top left;
	font-size: 12px;
	line-height: 1.25em;	
	}
	
html, body {
	margin: 0;
	padding: 0;
	}
		
p { text-align: left; color: #333; font-size: 12px; line-height: 1.5em; margin: 10px 0 0 0;}

q { text-indent: 10px; }

.fineprint {
text-align: left; color: #333; font-size: 9px; line-height: 1.5em; margin: 10px 0 0 0;}

#wrapper {
	position: relative;
	width: 751px;
	height: auto;
	margin: 0 auto;
	background:#33FF66
	}

/* ----- Header ----- */
	
#header {
	position: relative;
	overflow: visible;
	width: 751px;
	height: 117px;
	background: #1b3764 url(/images/header.png) no-repeat top left;
	}
	
	.logoLink {
		position:absolute;
		left:23px;
		top:8px;
		width:149px;
		height:99px;
		overflow: hidden;
		z-index: 10;
		}

	.headerlinks {
		position: relative;
		overflow: auto;
		width: 751px;
		height: 32px;
		text-align: right;
		}
		
		.headerlinks ul {
			font-size: 11px;
			color: #ffffff;
			margin: 10px 20px 0 0;
			list-style: none;
			}
			
			.headerlinks ul li {
				display: inline;
				color: #ffffff;
				}
				
			.headerlinks ul li a:link, .headerlinks ul li a:visited {
				color: #ffffff;
				text-decoration: none;
				}
			.headerlinks ul li a:hover, .headerlinks ul li a:active {
				text-decoration: underline;
				}
	
	.search {
		position: absolute;
		top: 32px;
		right: 20px;
		text-align: right;
		width: 272px;
		height: 30px;
		}
		
		.searchText {
			position: relative;
			display: inline;
			float: left;
			font-size: 12px;
			width: 200px;
			}
			
		.searchButton {
			position: relative;
			display: inline;
			float: right;
			margin: 0 0 5px;
			}
		
	#menu {
		position: absolute;
		height: auto;
		width: 556px;
		top: 85px;
		left: 201px;
		}

/* ----- Main Container ----- */

#container {
	position: relative;
	float: left;
	height: auto;
	width: 751px;
	background: #ffffff url(/images/body_bg.png)
	}

/* ----- Sidebar ----- */

#sidebar {
	position: relative;
	display: inline;
	float: left;
	height: auto;
	margin: 15px 8px 10px 8px;
	width: 176px;
	}
	
	.sb_container {
		position: relative;
		width: 176px;
		height: auto;
		}
		
	.sb_spacer {
		position: relative;
		height: 16px;
		width: 10px;
		}
	
	.sb_containerTitle {
		position: relative;
		border: solid 1px #5874a2;
		width: 176px;
		height: 24px;
		background: #ffffff url(/images/sidebar_title_bg.png) no-repeat top left;
		}
		
		.sb_containerTitle h1 {
			font-family: Arial, Helvetica, sans-serif;
			text-decoration: none;
			color: #333333;
			font-weight: bold;
			text-align: center;
			font-size: 11px;
			margin: 4px 0 0;
			}
			
	.sb_containerBody {
		position: relative;
		border-bottom: solid 1px #5874a2;
		border-left: solid 1px #5874a2;
		border-right: solid 1px #5874a2;
		padding-top: 5px;
		width: 176px;
		background: url(/images/sidebar_bg.png) #ffffff repeat-x;
		}

		.sb_containerBody p {
			text-decoration: none;
			line-height: 20px;
			color: #333333;
			font-weight: normal;
			text-align: right;
			font-size: 10px;
			margin: 0 8px 8px 8px;
			}
			
		.sb_containerBody p a:link, .sb_containerBody p a:visited {
			text-decoration: none;
			color: #1b3764;
			text-align: right;
			font-size: 10px;
			}
			
		.sb_containerBody p a:hover, .sb_containerBody p a:active {
			color: #1b3764;
			text-decoration: underline;
			}
			
		.sb_containerBody h5 {
			color: #333333;
			margin: 6px 8px 8px 8px;
			padding: 0;
			font-weight: normal;
			font-size: 11px
		}
					
	.wcForm {
		position: relative;
		margin: 0 auto;
		width: 162px;
		text-align: left;
		}
	
	.wcInput {
		font-size: 12px;
		width: 156px;
		height: 14px;
		color: #1c3865;
		}
		
	.wcLogin {
		margin: 6px 0 6px 55px;
		background: #99FFFF;
		}

	.sb_containerBody label {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		text-align: left;
		color: #333;
		font-size: 11px;
		}
		
	.sb_location {
		position: relative;
		width: 152px;
		border: solid 1px #5874a2;
		background: url(/images/sidebar_bg.png) #ffffff repeat-x;
		margin: 0 0 16px 0;
		padding: 10px 12px 10px 12px;
		line-height: 20px;
		}
		.sb_location ul {
			font-size: 12px;
			color: #333333;
			margin: 0;
			padding: 0;
			list-style: none;
			}
			.sb_location ul li {
				color: #0048c0;
				}
			.sb_location ul li a:link, .sb_location ul li a:visited {
				color: #0048c0;
				text-decoration: none;
				}
			.sb_location ul li a:hover, .sb_location ul li a:active {
				text-decoration: underline;
				}
				.sb_location ul ul {
					font-size: 11px;
					color: #333333;
					list-style: none;
					margin: 0; 
					}
				.sb_location ul ul li {
					color: #339900;
					text-decoration: none;
					margin: 6px 0 8px 12px;
					line-height: 11px;
					}
				.sb_location ul ul li a:link, .sb_location ul ul li a:visited {
					color: #339900;
					text-decoration: none;
					}
				.sb_location ul ul li a:hover, .sb_location ul ul li a:hover {
					text-decoration: underline;
					}

.sharedBranchingContainer {
	width: 176px;
	height: auto;
	padding: 0;
	margin: 10px 0 00;
	text-align: center;
	}
					
/* ----- Body ----- */
	
#bodyFrontPage {
	position: relative;
	display: inline;
	float: right;
	width: 536px;
	margin: 12px 11px 15px 10px;
	}

#body {
	position: relative;
	display: inline;
	float: right;
	width: 526px;
	margin: 0px 16px 25px 15px;
	line-height: 1.5em;
	font: Arial, Helvetica, sans-serif 12px;
	color: #333333;
	}
	
	#body a:link, #body a:visited {
		color: #3665b1;
		}
	#body a:hover, #body a:active {
		text-decoration: none;
		}
	
	#body br {
		line-height: 8px;
		}
	
	#body h2 {
		font-size: 14px;
		font-weight: bold;
		color: #446496;
		margin: 10px 0 0 0;
		padding: 0;
		}
	
	#body h3 {
		font-size: 14px;
		font-weight: bold;
		color: #1b3764;
		margin: 15px 0 0 0;
		padding: 0;
		}
	#body h5 {
		font-size: 10px;
		font-weight: normal;
		color: #333333;
		margin: 10px 0 0 0;
		padding: 0;
		line-height: 12px;
		}
	
	#body ul {
		}
		
		#body ul li {
			}
	
	#body ol li {
		margin-bottom: 10px;
		}
			
	.financialStatementTable {
		margin: 4px 0 0 0;
		border: 0;
		}
		.financialStatementTable tr th {
			border: 0;
			text-align: left;
			font-weight: normal;
			padding: 5px;
			}
		.financialStatementTable tr td {
			border-top: 1px dotted #999;
			padding: 5px;
			}
			
	.taxPrepTable {
		margin: 15px 0 0 0;
		border: 0;
		}
		.taxPrepTable tr th {
			border-bottom: 2px solid #999;
			text-align: left;
			font-weight: normal;
			padding: 5px;
			}
		.taxPrepTable tr td {
			border-top: 1px dotted #999;
			padding: 5px;
			}

	.savingsTable {
		margin: 15px 0 0 0;
		border: 0;
		}
		.savingsTable tr th {
			padding: 3px;
			font-weight: bold;
			border-bottom: solid #333 1px;
			background: #eee;
			}
		.savingsTable tr td {
			padding: 3px;
			border-bottom: dotted #666 1px;
			}
		.savingsTableRate, .savingsTableAPY {
			text-align: center
			}

.bodyContent {
	height: auto;
	width: auto;
	}
	
	.bodyContent a:link, .bodyContent a:visited { text-decoration: underline; color: #a5bcff;}
	.bodyContent a:hover, .bodyContent a:active { text-decoration: none; color: #ff9600;}


	/* ----- Home Page ----- */
		
#adSlideshow {
	position: relative;
	display: inline;
	float: left;
	width: 354px;
	height: auto;
	}
	
#rateBoard {
	position: relative;
	display: inline;
	float: right;
	width: 172px;
	height: 217px;
	background: url(/images/todaysrates_bg.png) top no-repeat;
	text-align: center;
	padding: 0;
	}
	
	#rateBoard h1 {
		font-size: 14px;
		margin-bottom: 5px;
		}
		
	#rateBoard .smallText {
		font-size: 9px;
		line-height: 10px;
		color: #111;
		}
					
	#rateBoard table {
		width: 100%;
		font-size: 10px;
		font-weight: bold;
		border-collapse: collapse;
		}
		
		#rateBoard table td {
			padding-left: 3px;
			padding-right: 3px;
			padding-top: 4px;
			padding-bottom: 4px;
			}
		
		#rateBoard table tr {
			}
		
		.rateBoardLeftCell {
			text-align: left;
			}
			
		.rateBoardRightCell {
			text-align: right;
			}
			
		.rateBoardOdd {
			background: #e5f2f6;
			}
			
		.rateBoardEven {
			border-top: 1px solid #cee5ee;
			border-bottom: 1px solid #cee5ee;
			background: #f0f8fa;
			}
			
#testimonialsHeader {
	position: relative;
	height: 11px;
	width: 536px;
	text-align: left;
	margin-top: 10px;
	clear: both;
	}	
#testimonialsQuote {
	position: relative;
	width: 526px;
	height: 40px;
	margin: 0;
	padding: 4px 5px 5px 5px;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
	color: #333333;
	background: url(/images/testimonialbox_bg.png) no-repeat;
	}
#testimonialsComment {
	position: relative;
	width: 536px;
	height: 17px;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: right;
	}
	
.pageLeft {
	display: inline;
	float: left;
}

.pageRight {
	display: inline;
	float: right;
}
	
#karsBox {
	position: relative;
	padding-top: 28px;
	width: 192px;
	height: auto;
	color: #333333;
	background: url(/images/auto_center_header.png) top no-repeat;
	}
	
#newsBox {
	position: relative;
	padding-top: 28px;
	width: 192px;
	height: auto;
	color: #333333;
	background: url(/images/news_header.png) top no-repeat;
	}
		
	.newsBoxBody {
		position: relative;
		width: 178px;
		margin: 0;
		padding: 5px 6px 5px 6px;
		border-left: 1px solid #d6d6d6;
		border-right: 1px solid #d6d6d6;
		font-size: 12px;
		}
		.newsBoxBody a:link, #bodyFrontPage a:visited {
			color: #3665b1;
			text-decoration: none;
			}
		.newsBoxBody a:active, #bodyFrontPage a:hover {
			color: #3665b1;
			text-decoration: underline;
			}			
		.newsBoxBody ul {
			margin: 0 0 0 12px;
			padding: 0;
			text-indent: -4px;
			}
		.newsBoxBody ul li {
			margin: 3px 0 0 0;
			padding: 0;
			}
			
	.newsBoxFooter {
		background: url(/images/news_footer.png) no-repeat;
		}
		
	#ratesAuto {
		margin: 0 auto;
		padding: 4px 0;
		font-size: 10px;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
	}
	
		#ratesAuto a, #ratesAuto a:link, #ratesAuto a:active, #ratesAuto a:hover, #ratesAuto a:visited {
			padding: 4px 5px;
			color: #ffffff;
			text-decoration: none;
			background: #3a598a;
		}

.calendar {
	width: 178px;
	height: auto;
	margin-bottom: 2px;
	text-align: left;
	color: #333;
	}
	
	.calendar tr td {
		padding: 2px 4px 2px 4px;
		}
	
	.calendarDate {
		background: #cbe3b0;
		border-top: 1px solid #cbe3b0;
		border-left: 1px solid #cbe3b0;
		border-bottom: 1px solid #cbe3b0;
		text-align: center;
		}
	.calendarEvent {
		background: #dceec8;
		border-top: 1px solid #cbe3b0;
		border-right: 1px solid #cbe3b0;
		border-bottom: 1px solid #cbe3b0;
		}
	.calendarSpacer {
		height: 1px;
		}

#quickLinks {
	position: relative;
	display: inline;
	float: right;
	width: 334px;
	height: auto;
	margin-left: 10px;
	padding: 0;
	}
	.quickLinksTop {
		position: relative;
		margin-bottom: 10px;
		}
	.quickLinksBottom {
		position: relative;
		}


	/* ----- Content Pages ----- */
		.pageLocation {
			position: relative;
			display: inline;
			float: right;
			text-align: left;
			height: auto;
			width: 526px;
			margin: 12px 16px 0px 15px;
			padding: 0;
			overflow: visible;
			}
				.pageLocation ul {
					margin: 0;
					padding: 0;
					font-size: 10px;
					list-style: none;
					display: inline;
					}
					.pageLocation ul li {
						color: #333333;
						text-decoration: none;
						display: inline;
						}
					.pageLocation ul li a:link, .pageLocation ul li a:visited {
						color: #0048c0;
						text-decoration: none;
						}
					.pageLocation ul li a:hover, .pageLocation ul li a:active {
						text-decoration: underline;
						}	
							
		.pageHeader {
			position: relative;
			display: inline;
			float: right;
			text-align: left;
			height: auto;
			width: 526px;
			margin: 0px 16px 0px 15px;	
			padding: 0;
			}
			
			.pageHeader h1 {
				color: #339900;
				font-size: 24px;
				font-weight: bolder;
				padding: 0;
				margin: 10px 0 6px 0;
				}

.banner {
	position: relative;
	margin: 15px 0 10px 0;
	padding: 0;
	text-align: center;
	}
				
.imageContainerR {
	position: relative;
	display: block;
	float: right;
	height: auto;
	width: auto;
	padding: 3px;
	margin: 14px 0 14px 14px;
	border: 1px solid #CCCCCC;
	}
.imageContainerL {
	position: relative;
	display: block;
	float: left;
	height: auto;
	width: auto;
	padding: 3px;
	margin: 14px 14px 14px 0;
	border: 1px solid #CCCCCC;
	}
.imageContainerBorderlessR {
	position: relative;
	display: block;
	float: right;
	height: auto;
	width: auto;
	padding: 3px;
	margin: 14px 0 14px 14px;
	}
.imageContainerBorderlessL {
	position: relative;
	display: block;
	float: left;
	height: auto;
	width: auto;
	padding: 3px;
	margin: 14px 14px 14px 0;
	}

	
/* ----- Footer ----- */
	
#footer {
	position: relative;
	width: 751px;
    height: 105px; 
	background: #333333 url(/images/footer.png) no-repeat bottom left;
	clear: both;
	}
	
	#footerTxtBox {
		position: absolute;
		top: 16px;
		left: 15px;
		}
			
	.footerTxt1, .footerTxt2 {
		text-align: left;
		color: #cccccc;
		}
	.footerTxt1 {
		font-size: 11px;
		font-weight: bold;
		}
	.footerTxt2 {
		margin: 0;
		font-size: 10px;
		line-height: 10px;
		}
	#footerNCUA {
		position: absolute;
		top: 75px;
		left: 0;
		width: 730px;
		height: 10px;
		text-align: right;
		font-size: 8px;
		color: #cccccc;
		}
			
	#footer ul {
		width: auto;
		height: auto;
		font-size: 11px;
		list-style: none;
		margin: 0 0 12px 0;
		color: #cccccc;
		padding: 0;
		}
		
		#footer ul li {
			display: inline;
			}
			
		#footer ul li a:link, #footer ul li a:visited {
			color: #afcaf8;
			text-decoration: none;
			}
				
		#footer ul li a:hover, #footer ul li a:active {
			color: #afcaf8;
			text-decoration: underline;
			}
			
#ncuaLink {
	position: absolute;
	top: 33px;
	left: 647px;
	width: 83px;
	height: 39px;
	overflow: hidden;
	z-index: 10;
	}
			
/* --------------------------- */
/* ----- Branches/Google Maps API ----- */

.branchInfo {
	position: relative;
	float: left;
	width: 298px;
	height: 183px;
	margin: 10px 0 0 0;
	}
	
	.branchInfoHeader {
		font-size: 14px;
		font-weight: bold;
		color: #446496;
		margin: 0 0 0 0;
		padding: 0;
		}
	.branchInfoAddress {
		font-size: 11px;
		line-height: 14px;
		}
	.branchInfoHours {
		font-size: 12px;
		}
	.branchInfoManager {
		position: absolute;
		top: 5px;
		left: 153px;
		font-size: 11px;
		font-style: italic;
		text-align: center;
		}

.mapContainer {
	position: relative;
	float: right;
	width: 220px;
	margin: 10px 0 0 0;
	padding: 3px;
	background: white;
	border: 1px solid #999;
	}

.hrBranches {
	color: #999;
	border: 0;
	height: 1px;
	margin: 10px 0 0 0;
	clear: both;
	}
	
.managerPicture {
	position: absolute;
	right: 0;
	
	}

#AmeliaMap, #BlueAshMap, #BridgetownMap, #FlorenceMap, #HarrisonMap, #KrogerGOMap, #MariemontMap, #PeytonMap, #QueensgateMap, #SpringdaleMap, #WestChesterMap {
	width: 220px;
	height: 175px;
	}

/* --------------------------- */
/* ----- Our Company Partners ----- */
.companies {
	margin: 10px 0 0 0;
	padding: 0;
	border: 0;
	width: 100%;
	}
	.companies th, .companies td {
		margin: 0;
		width: 25%;
		text-align: left;
		}
	.companies th {
		padding: 0;
		font-weight: bold;
		}
	.companies td {
		padding: 3px 8px 3px 0;
		font-size: 10px;
		vertical-align: top;
		}
		.companies td a:link, .companies td a:hover, .companies td a:active, .companies td a:visited {
			text-decoration: none;
			}
	.companies td ul {
		list-style: none;
		padding: 0;
		margin: 0;
		}
	.companies td ul li {
		margin: 0 0 6px 15px;
		text-indent: -15px;
		line-height: 11px;
		}
/* --------------------------- */
/* -----------Forms----------- */

.formField {
	color:#1c3865 !important;
	padding: 2px 3px 2px 3px; 
	font-family:Arial,Helvetica,sans-serif; 
	font-size:12px; 
	width:150px;
	}

.contactUsContainer {
	position: relative;
	width: 100%;
	height: auto;
	clear: both;
	}
	.contactUsLeft {
		position: relative;
		float: left;
		width: 44px;
		height: auto;
		margin: 17px 0 0 0;
		}
	.contactUsRight{
		position: relative;
		float: right;
		width: 474px;
		height: auto;
		margin: 0 0 0 8px;
		}
	.contactUsFormBox {
		position: relative;
		width: auto;
		height: auto;
		margin: 0 0 4px 1px;
		}
	.contactUsSubmit {
		position: relative;
		width: auto;
		height: auto;
		margin: 15px 0 0 0;
		}

.disclaimer {
	font-size: 10px;
	color: #666666;
}		

/* --------------------------- */
/* -------Cars for sale------- */


/* --------------------------- */
/* --------------------------- */