@import "reset.css";
@import "content.css";

.meta {
	/*visibility:collapse;*/
	display:none;
}

	/* Layout */

html {
	background: #1035bf url(images/htmlbg.png) no-repeat scroll 50% 272px;
}

body {
	padding-top:4px;
	background: url(images/bodybg.png) repeat-x scroll top center;
}

#skip {
	position:absolute;
}
	#skip a {
		display:block;
		text-indent:-9999px;
	}
		#skip a:hover, #skip a:active, #skip a:focus {
			text-indent:0;
			color:white;
			background-color:black;
		}
#homepage #header h1 {
	display:none;
}
#page {
	width:786px;
	margin: 0 auto;
	position:relative;
	z-index:1;
	background: #FFFFFF url(images/pagebg.png) repeat-y scroll top left;
}
	#header {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:272px;
		background: url(images/headerebg.png) no-repeat scroll top left;
		z-index:5;
	}
		#header h1 a {
			text-indent: -9999px;
			display:block;
			height:101px;
			width:344px;
		}
		#branding {
			float:right;
			padding-top:10px;
			padding-right:10px;
		}
		
		#home-loans #header h1 a {
			background: url(images/header_loans.jpg) no-repeat scroll top left;
		}
		
		#checking #header h1 a {
			background: url(images/header_checking.jpg) no-repeat scroll top left;
		}

	#navigation {
		margin-top:101px;  /* =Attention =duplicate */
		position:relative;
		z-index:10;
		width:209px;
		float:left;
		left:2px;
		margin-right:2px;
		min-height:444px;
	}
		#navigation li {
			border:1px;
			height:147px;
			position:relative;
			/*background-color:#BBDAED;*/
			margin-bottom:1px;
		}
		#navigation li a {
			display:block;
			position:absolute;
			bottom:10px;
			right:10px;
		}
			#home-loans #navigation {
				background: url(images/loans_sidebar_bg.png) no-repeat scroll top left;
			}
				#navigation #other * {
					text-indent:-9999px;
					text-align:left;
				}
					#other li a strong {
						display:inline;
					}
			#checking #navigation {
				background: url(images/checking_sidebar_bg.png) no-repeat scroll top left;
			}

	#content {
		margin-top:134px; /* =Attention =duplicate */
		top:-4px;
		float:left;
		width:484px;
		position:relative;
		z-index:10;
		padding-left:58px;
		background: url(images/content_bg.png) repeat-y scroll top left;
		min-height:407px;
	}
		#main {
			margin-top:1em;
		}
		#main .bodycopy {
			-moz-column-count:2;
			-moz-column-gap:14px;
			-webkit-column-count:2;
			-webkit-column-gap:14px;
		}
		
		#content ul.alone {
			width:45%;
			float:left;
		}
			ul.alone li {
				margin-left:16px;
			}
	
		/*#content>* {
					margin-left:60px;
				}*/
	#bottom {
		clear:both;
	}
	
	#footer {
		position:absolute;
		bottom:0;
		margin-bottom:-10px;
		width:100%;
		clear:both;
		background: #FFFFFF url(images/footerbg.png) no-repeat scroll bottom right;
		height:40px;
	}
		#footer h2 {display:none;}
		#footer p {
			height:40px;
			position:relative;
			bottom:-50px;
		}
		@import "reset.css";
		@import "content.css";

		.meta {
			/*visibility:collapse;*/
			display:none;
		}

			/* Layout */

		html {
			background: #1035bf url(images/htmlbg.png) no-repeat scroll 50% 272px;
		}

		body {
			padding-top:4px;
			background: url(images/bodybg.png) repeat-x scroll top center;
		}

		#skip {
			position:absolute;
		}
			#skip a {
				display:block;
				text-indent:-9999px;
			}
				#skip a:hover, #skip a:active, #skip a:focus {
					text-indent:0;
					color:white;
					background-color:black;
				}

		#page {
			width:786px;
			margin: 0 auto;
			position:relative;
			z-index:1;
			background: #FFFFFF url(images/pagebg.png) repeat-y scroll top left;
		}
			#header {
				position:absolute;
				left:0;
				top:0;
				width:100%;
				height:272px;
				background: url(images/headerebg.png) no-repeat scroll top left;
				z-index:5;
			}
				#branding {
					float:right;
					padding-top:10px;
					padding-right:10px;
				}

			#navigation {
				margin-top:101px;  /* =Attention =duplicate */
				position:relative;
				z-index:10;
				width:209px;
				float:left;
				left:2px;
				margin-right:2px;
				min-height:444px;
			}
				#navigation li {
					border:1px;
					height:147px;
					position:relative;
					/*background-color:#BBDAED;*/
					margin-bottom:1px;
				}
				#navigation li a {
					display:block;
					position:absolute;
					bottom:10px;
					right:10px;
				}
					#home-loans #navigation {
						background: url(images/loans_sidebar_bg.png) no-repeat scroll top left;
					}
					#checking #navigation {
						background: url(images/checking_sidebar_bg.png) no-repeat scroll top left;
					}

			#content {
				margin-top:134px; /* =Attention =duplicate */
				top:-4px;
				float:left;
				width:484px;
				position:relative;
				z-index:10;
				padding-left:58px;
				background: url(images/content_bg.png) repeat-y scroll top left;
				min-height:407px;
			}
				#main {
					margin-top:1em;
				}
				#main .bodycopy {
					-moz-column-count:2;
					-moz-column-gap:14px;
					-webkit-column-count:2;
					-webkit-column-gap:14px;
				}

				#content ul.alone {
					width:45%;
					float:left;
				}
					ul.alone li {
						margin-left:16px;
					}

				/*#content>* {
							margin-left:60px;
						}*/
			#bottom {
				clear:both;
			}

			#footer {
				position:absolute;
				bottom:0;
				margin-bottom:-10px;
				width:100%;
				clear:both;
				background: #FFFFFF url(images/footerbg.png) no-repeat scroll bottom right;
				height:40px;
			}
				#footer h2 {display:none;}
				#footer p {
					height:40px;
					position:relative;
					bottom:-50px;
				}

/*	
	=Home Page, Unique Layout
*/

#homepage #page {
	min-height:530px;
}
	#homepage #header h1 {
		font-size:300%;
	}
	#homepage #navigation {
		float:none;
		position:absolute;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
		top:101px;
		right:0;
		z-index:100;
	}
		#homepage #navigation * {
			text-align:left;
			margin:0;
			padding:0;
		}
		#homepage #navigation li {
			position:static;
		}
		#homepage #navigation li a {
			position:absolute;
			top:0;
			width:150px;
			height:150px;
			width:383px;
			height:293px;
			text-indent:-9999px;
		}
			#homepage #navigation li#loans_nav a {
				left:0;
			}
			#homepage #navigation li#checking_nav a {
				right:0;
				top:0;
			}
		#homepage #content {
			margin:0;
			padding:0;
			top:101px;
			padding-top:4px;
			margin-left:2px;
			min-height:424px;
			width:782px;
			background: #FFF url(images/home_content_bg.jpg) no-repeat scroll 50% 2px;
			font-size:81%;
		}
			#homepage #content div {
				float:left;
				width:50%;
				position:absolute;
				top:312px;
				width:240px;
				background-color:white;
				}
					#homepage #content div#nav_home_checking {
						left:539px;
					}
					#homepage #content div#nav_home_loans {
						left:173px;
						width:210px;
					}
				#homepage h3 {
					text-transform: none;
					font-size:130%;
				}
		#homepage #footer {
			bottom:0;
			margin-top:0;
			margin-bottom:-40px;
			background: #FFFFFF url(images/footerbg_home.png) no-repeat scroll bottom right;
		}

/*	
	end =Home Page, Unique Layout
*/

	
		
.signup {
	margin-top:-82px;
}}kground: #FFFFFF url(images/footerbg_home.png) no-repeat scroll bottom right;
				}

		/*	
			end =Home Page, Unique Layout
		*/
		
		
		
p.signup {
	margin-top:-82px;
}