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

   typography.css - Oh Hai! Welcome to my CSS codes.
   
       Index
	   
			01. Body
			02. Headings	
			03. Custom Headings					
			04. Lists
			05. Custom Lists
			06. Text Elements
			07. Custom Text Elements
			08. Tables			
			09. Wordpress  Alignment Styles
		   
		Frequently Used Colors
		
			Color 1 - color: #;
		 	Color 2 - color: #;
			Color 3 - color: #;
 
/* 01. Body   
-------------------------------------------------------------- */

body {
	background: #5b333b url(/images/common/repeat-bg-top.jpg) repeat-x left top;
  	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color:#333333;	
	}
	
/* 02. Headings - h1, h2, h3, etc.
-------------------------------------------------------------- */

h1 { font-size: 36px; }
h2 { 
	font-size: 24px;
	line-height:1.5; 
	margin-bottom: 18px;
	}
h3 {
	/*color:#CDAF89;*/
	color:#333333; 
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px; 
	}
h4 { 
	font-size: 14px;
	line-height:1.3; 	
	margin-bottom: 18px; 
	}
h5 { 
	font-size: 12px;
	line-height:1.5;
	margin-bottom: 18px;	 	 
	}

	/* 03. Custom Headings
	---------------------------------------------------------- */	

	.resources h3 {
		width:910px;
		float: left;
		margin: 10px 0;
		display: block;
		background-color: #f0f0f0;
		padding: 15px;
		color: #333;
		font-weight: normal;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-size:11px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		text-shadow:-1px 1px 1px #EFEFEF;				
		}

	#header h1 a {
		border:0 none;
		display:block;
		height:156px;
		text-indent:-9000px;
		width:300px;
		}
		
	h2#welcome {
		background:url("/images/headers/welcome-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:24px;
		margin:0;
		text-indent:-9000px;
		width:100%;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #e6dfe0;
		}		
	h2#featured-service {
		background:url("/images/headers/featured-service-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:24px;
		margin:0;
		text-indent:-9000px;
		width:100%;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #e6dfe0;		
		}	
	h2#about-us {
		background:url("/images/headers/about-us-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;	
		}
	h2#ebanking-changes {
		background:url("/images/headers/ebanking-changes-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;	
		}
	h2#contact-us {
		background:url("/images/headers/contact-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}
	h2#statement {
		background:url("/images/headers/statement-of-condition-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}	
	h2#profile {
		background:url("/images/headers/profile-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}		
	h2#directions {
		background:url("/images/headers/directions-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}	
	h2#money-market {
		background:url("/images/headers/money-market-account-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}		
	h2#investor {
		background:url("/images/headers/investor-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}		
	h2#home-equity {
		background:url("/images/headers/home-equity-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}	
	h2#online-banking-hdr {
		background:url("/images/headers/online-banking-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}
	h2#online-bill-pay {
		background:url("/images/headers/online-bill-pay-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}	
	h2#long-term-financing {
		background:url("/images/headers/long-term-financing-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}			
	h2#custom-home-financing {
		background:url("/images/headers/custom-home-financing-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}	
	h2#remote-deposit {
		background:url("/images/headers/remote-deposit.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}	
	h2#ach-payments {
		background:url("/images/headers/ach-payments-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}	
	h2#positive-pay {
		background:url("/images/headers/positive-pay-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}																		
	h2#newsroom {
		background:url("/images/headers/newsroom-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}
	h2#resources-center {
		background:url("/images/headers/resources-center-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}		
	h2#awards {
		background:url("/images/headers/awards-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}			
	h2#temporary-liquidity {
		background:url("/images/headers/temporary-liquidity.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}
	h2#rates {
		background:url("/images/headers/rates-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}							
	h2#deposits {
		background:url("/images/headers/deposits-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}			
	h2#loans {
		background:url("/images/headers/loans-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}	
	h2#cash-management {
		background:url("/images/headers/cash-management-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}			
	h2#mobile-banking {
		background:url("/images/headers/mobile-banking.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}	
	h2#faq {
		background:url("/images/headers/faq-hdr.jpg") no-repeat scroll 0 0 transparent;
		height:25px;
		text-indent:-9000px;
		width:100%;
		}																			
	h3#featured-left-hdr {
		background:url("/images/headers/featured-services-hdr-left.jpg") no-repeat scroll 0 0 transparent;
		height:13px;
		text-indent:-9000px;
		width:100%;	
		}							
	
	/*#feature h2, #feature p { 
		display: none;
		}	*/
	
/* 04. Lists - ul, ol, li, etc.
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }	

	/* 05. Custom Lists
	---------------------------------------------------------- */	
	
	#nav ul {
		display: block;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;	
		margin:0;
		padding: 0;
		}		
	#nav ul li {
		float: left;
		position: relative;
		margin: 0;
		padding: 0;
		}
	#nav ul li a  {
		height: 31px;
		overflow: hidden;
		position: relative;
		z-index: 5;
		}
	li.topconsumer {
		background:url("/images/navbar/consumer-banking-over.jpg") no-repeat scroll left top transparent;
		display:block;
		height:46px;
		width:137px;
		}
	li.topcommercial {
		background:url("/images/navbar/commercial-banking-over.jpg") no-repeat scroll left top transparent;
		display:block;
		height:46px;
		width:147px;
		}	
	li.topbanking {
		background:url("/images/navbar/banking-resources-over.jpg") no-repeat scroll left top transparent;
		display:block;
		height:46px;
		width:138px;
		}		
	li.topwho {
		background:url("/images/navbar/who-we-are-over.jpg") no-repeat scroll left top transparent;
		display:block;
		height:46px;
		width:100px;
		}					
		#nav li ul {
				display:none;
				margin: 0;
				padding: 0;	
				top: 0;
				left: 0;
				line-height: 15px;	
				position:absolute;
				width: 225px;
				z-index: 5;
				}	
		#nav li ul li  {
				line-height: 31px !important;
				border: none !important;	
				}			
				#nav li ul a {		
					background-color: #6a3e47;		
					color: #FFF;
					display: block;
					text-decoration: none;
					margin:0;
					padding-left: 10px;	
					width: 200px;					
					}
				#nav li ul a:hover {
						padding-left: 10px;				
						background-color: #CDAF89 !important;								
						width: 200px;														
						}	
			#nav li > #nav ul {
				left:auto;
				top:auto;	
				}		
			#nav li:hover ul, #nav li.over ul {
				display:block;
				}				
			#nav ul li img {
				border: 0px;
				}	
				
		#featured-left ul {
			display: block;
			padding: 0;
			margin: 15px 0 0 0;
			}	
			#featured-left ul li {
				border-top: 1px dotted #a6a6a6;
				/*border-top: 1px dotted #CDAF89;*/			
				list-style-image: none;
				list-style-position: outside;
				list-style-type: none;
				padding-bottom: 8px;
				}
			#featured-left ul li.bottom {
				padding-bottom: 0;
				}	
			#featured-left ul li.left-current {
				font-weight: bold;
				border-top-color: #79454F !important;
				}							
				
			#featured-left ul li.left-current a {	
				color: #79454F;
				}										
			#featured-left ul li a {
				text-decoration: none;
				color:#a6a6a6;
				/*color:#CDAF89;*/
				}		
			#featured-left ul li a:hover {
				text-decoration: underline;
				color:#a6a6a6;
				}	
		#sub-nav {
			font-size: 0;
			}								
		#sub-nav ul {
			display: block;
			padding: 0;
			margin: 0;
			font-size: 14px;
			}	
			#sub-nav ul li {
				list-style-image: none;
				list-style-position: outside;
				list-style-type: none;
				display: block;
				border-bottom: 1px solid #7F555D;
				width: 100%;
				padding: 10px 0;
				margin: 0;
				}
			#sub-nav ul li.current {
				/*background-color:#7f555d;*/
				background-color:#CDAF89;
				}				
			#sub-nav ul li ul {
				margin: 0;
				font-size: 12px;
				padding: 0;
				}				
			#sub-nav ul li ul li {
				border: none;
				padding: 0;
				}				
			#sub-nav ul li a {
				text-decoration: none;
				color:#FFF;
				padding-left: 30px;
				}		
			#sub-nav ul li a:hover {
				text-decoration: underline;
				color:#FFF;
				}	
											
							
			
			

/* 06. Text elements - a, p, strong, etc.
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }

/*  Overlooked block defaults */
html, body, p, blockquote, 
pre, cite, code, del, dfn, 
tt, dl, dt, dd, ol, ul, li, 
label, legend, caption, 
tbody, tfoot, thead, th, td { font-size: 12px; }

a:focus, 
a:hover     { color: #000; }
a           { color: #5D343C; /*color:#7F555D;*/ text-decoration: underline;}


hr 			{ color: #e6dfe0; background-color: #e6dfe0; margin-bottom: 18px; border:0; height:1px;}
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; color: #333; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

	/* 07. Custom Text elements
	---------------------------------------------------------- */
	a.rates {
		background:url("/images/navbar/rates.jpg") no-repeat scroll left top transparent;
		display:block;
		height:46px !important;
		width:51px;	
		text-indent: -9999px;	
		}
	a:hover.rates {
		background:url("/images/navbar/rates-over.jpg") no-repeat scroll left top transparent;
		}		
		
	a.home {
		background:url("/images/navbar/home.jpg") no-repeat scroll left top transparent;
		display:block;
		height:46px !important;
		width:56px;	
		text-indent: -9999px;	
		}
	a:hover.home {
		background:url("/images/navbar/home-over.jpg") no-repeat scroll left top transparent;
		}		
	a.resources {
		background:url("/images/navbar/banking-resources.jpg") no-repeat scroll left top transparent;
		display:block;
		height:46px !important;
		width:127px;	
		text-indent: -9999px;	
		}
	a.employment {
		background:url("/images/navbar/employment.png") no-repeat scroll left top transparent;
		display:block;
		height:46px !important;
		width:173px;	
		text-indent: -9999px;	
	}
	a.employment:hover {
		background-image:url("/images/navbar/employment-over.png");
	}
	a:hover.resources {
		background:url("/images/navbar/banking-resources-over.jpg") no-repeat scroll left top transparent;
		}					
	
	#footer .grid_5 a {
		color: #FFF;
		}	
	#footer .grid_5 img {
		padding-left: 10px;
		}			
	#footer .grid_5 a:hover {
		text-decoration: none;
		}	
	a.clearsite {
		color:#9e8489;
		text-decoration: none;
		}	
	a:hover.clearsite {
		text-decoration: underline;
		}						
	
	
/* 08. Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 	{ background: #c3d9ff; }
th,td,
caption 	{ padding: 0; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


table {
	border-collapse: collapse;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	background-color: #f0f0f0;
	}

th {
	padding: 0 0.5em;
	text-align: left;
	}
td {
	border-bottom: 1px solid #CCC;
	padding: 8px;
	vertical-align: top;
	}
td.grey {
	border-bottom: 1px solid #CCCCCC;
	}	

td:first-child {
	width: 190px;
	}

td+td {
	border-left: 1px solid #CCC;
	text-align: left;
	}

	

/* 09. Wordpress Alignment Styles
-------------------------------------------------------------- */			
	
div.alignnone {
	background:#FFF none repeat scroll 0 0;
	margin:10px 0px 15px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;
}			
div.alignright {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:10px 0px 10px 10px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}		
div.alignleft {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
img.alignright {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:10px 0px 10px 10px;
	padding:10px;
	border: 1px solid #E3DFDC;	
	
}
img.alignleft {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}
a img.alignright {
	background: #FFF none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:0px 0px 10px 10px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
a img.alignleft {
	background: #FFF none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
a img {
border: 0;
}
a img.aligncenter {
	display: block; 
	margin-left: auto;
	margin-right: auto;
}	
img.alignnone {
	background: #FFF none repeat scroll 0 0;
	margin:10px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
	}