@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 767px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align:center;
	clear: none;
	float: none;
}

header { width: 100%;
		 height: 185px;
		 background: #7d8ed4 url(../images/Header_Back_MOBILE.gif) repeat-x top center;  
}

/*   for skip to main content screen readers  */
/*   for skip to main content screen readers  */
.skip {
        position: absolute;
		clip: rect(0 0 0 0);
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
		display:block;
    }
    
    a.skip:active, 
    a.skip:focus, 
    a.skip:hover {
        clip:auto;
		left: 0; 
        top: 0;
        width: auto; 
        height: auto; 
        overflow: visible; 
		background: #a86500;
		color: #fff;
		font-family: 'PT Sans', sans-serif;
		font-size: 21px;
		padding: .4em 1em .3em 1em;
		border: 2px solid #d2af7a;
}

.wrapper { width:96%; clear:both; text-align:left; padding:0 2%; margin:0}

.topbar {  	background: url(../images/Logo_Back_MOBILE.jpg) no-repeat top left; 
			text-align: center; 
			height: 185px; 
			margin: auto; }

#logo { width:100%; 
		float: left; 
		text-align: center;
		clear:none; 
		margin-top:15px;
		height:110px;
}


.nav-menu { 	text-align:center;
		width:100%;
		margin-left: auto; margin-right: auto; 
		height:54px; 
		float:left; 
		clear:none; 
		position: relative;
		top: 0px;
		z-index:1001;
}

nav { 		width:100%; 
			margin-left: auto; 
			margin-right: auto;
			position:relative;
			top:-56px;
			text-align:center;
}

.nav-div { 	width:2px;
			margin-left: auto; margin-right: auto; 
			height:54px; 
			float:left; 
			clear:none; 
}


#banking-full { display: none; }



.banking-m { 	width: 94%; 
			text-align:center;
			color:#ffffff;
			padding: 3%;
			z-index:1000;
			background: #a86500 url(../images/Banking_Back.jpg) repeat-x top left;  
			float:left;
			clear: none;
			position: relative;
			top:-59px;
			display: block;
}


/* =============================================================================
   Main Photos
   ========================================================================== */

.photo-home { background: #ffffff url(../images/Photo_Home_MOBILE.jpg) no-repeat bottom center; height:750px; border-bottom: 3px solid #d2af7a;}


/* ============================================================================= */




.photo-content {	width:97%; 
					float:left; 
					text-align:center;
					clear: none;
				 	margin-top:0;
				 }
				 

.photo-content  h1 {font-size: 2.6em;}	


.section { 			width:100%; 
					min-height: 205px;
					background: #a86500 ; /* For browsers that do not support gradients */
				    background-image: -webkit-linear-gradient(#bd8a3e 10%, #a86500); /* For Safari 5.1 to 6.0 */
				    background-image: -o-linear-gradient(#bd8a3e 10%, #a86500); /* For Opera 11.1 to 12.0 */
				    background-image: -moz-linear-gradient(#bd8a3e 10%, #a86500); /* For Firefox 3.6 to 15 */
				    background-image: linear-gradient(#bd8a3e 10%, #a86500); /* Standard syntax */
				 	color: #fff;
					overflow: hidden; /* HIDE overflow; I know, it doesn't make much sense */
    				position: relative;
					float:left;
					clear: both;
					text-align: center; 
					top:-59px;
				}
				
				
				
				
/* =============================================================================
   Section Photos
   ========================================================================== */
   
#section-content-loans  { 	background: url(../images/SectionPhoto_Lending.png) no-repeat top center;
							text-align: center; 
							padding-top: 205px;
							padding-left: 0; }
				 
#section-content-loans h1 { color: #fff; text-align: center; font-size: 56px; line-height: 125%; }
#section-content-loans h2 { color: #fff; text-align: center; font-size: 36px; line-height: 80%; }



#section-content-membership  { 	background: url(../images/SectionPhoto_Membership.png) no-repeat top center;
							text-align: center; 
							padding-top: 205px;
							padding-left: 0; }
				 
#section-content-membership h1 { color: #fff; text-align: center; font-size: 56px; line-height: 125%; }
#section-content-membership h2 { color: #fff; text-align: center; font-size: 36px; line-height: 80%; }


#section-content-services  { 	background: url(../images/SectionPhoto_Services.png) no-repeat top center;
							text-align: center; 
							padding-top: 205px;
							padding-left: 0; }
				 
#section-content-services h1 { color: #fff; text-align: center; font-size: 56px; line-height: 125%; }
#section-content-services h2 { color: #fff; text-align: center; font-size: 36px; line-height: 80%; }


#section-content-new  { 	background: url(../images/SectionPhoto_New.png) no-repeat top center;
							text-align: center; 
							padding-top: 205px;
							padding-left: 0; }
				 
#section-content-new h1 { color: #fff; text-align: center; font-size: 56px; line-height: 125%; }
#section-content-new h2 { color: #fff; text-align: center; font-size: 36px; line-height: 80%; }


#section-content-about  { 	background: url(../images/SectionPhoto_About.png) no-repeat top center;
							text-align: center; 
							padding-top: 205px;
							padding-left: 0; }
				 
#section-content-about h1 { color: #fff; text-align: center; font-size: 56px; line-height: 125%; }
#section-content-about h2 { color: #fff; text-align: center; font-size: 36px; line-height: 80%; }


#section-content-rates  { 	background: url(../images/SectionPhoto_Rates.png) no-repeat top center;
							text-align: center; 
							padding-top: 205px;
							padding-left: 0; }
				 
#section-content-rates h1 { color: #fff; text-align: center; font-size: 56px; line-height: 125%; }
#section-content-rates h2 { color: #fff; text-align: center; font-size: 36px; line-height: 80%; }


#section-content-privacy  { 	background: url(../images/SectionPhoto_Privacy.png) no-repeat top center;
							text-align: center; 
							padding-top: 205px;
							padding-left: 0; }
				 
#section-content-privacy h1 { color: #fff; text-align: center; font-size: 56px; line-height: 125%; }
#section-content-privacy h2 { color: #fff; text-align: center; font-size: 36px; line-height: 80%; }


#section-content-contact  { 	background: url(../images/SectionPhoto_Contact.png) no-repeat top center;
							text-align: center; 
							padding-top: 205px;
							padding-left: 0; }
				 
#section-content-contact h1 { color: #fff; text-align: center; font-size: 56px; line-height: 125%; }
#section-content-contact h2 { color: #fff; text-align: center; font-size: 36px; line-height: 80%; }


#section-content-sitemap  { 	background: url(../images/SectionPhoto_Sitemap.png) no-repeat top center;
							text-align: center; 
							padding-top: 205px;
							padding-left: 0; }
				 
#section-content-sitemap h1 { color: #fff; text-align: center; font-size: 56px; line-height: 125%; }
#section-content-sitemap h2 { color: #fff; text-align: center; font-size: 36px; line-height: 80%; }

/* ============================================================================= */




#wrapper-big-buttons {  background-color: #424cb0;
						width:100%;
						text-align:center;
						float:left;
						clear: both;
						display:inline;
						padding: 0;
						margin: 0 0 1em 0; 
						min-height: 97px;		
}

.wrapper-big-buttons-inside { width:100%; clear:both; text-align:left; padding:0; margin:0; }


.big-buttons { 	width:100%; 
				margin: 0;
				padding:0;
				float:left; 
				clear:none; 
				text-align:left; 
				display:block;
				height: 97px;
				border-bottom: 2px solid #aaabd8; 
}

#about-home  { 	min-height: 280px; 
				margin: .7em 0; 
				overflow: auto; 
				text-align: left; 
				line-height: 190%; 
				font-size: 125%}

.shady  { background-color: #edf3ff; border-bottom: 2px solid #dde8ff; text-align:center; padding: .4em 0 .9em 0; border-top: 2px solid #dde8ff; overflow:hidden}


main { font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: 300; }





.content-green   {width:93%; 
				padding: 2% 2%;
				float:left;
				text-align:left;
  				background: #ffffff; /* For browsers that do not support gradients */
				background: -webkit-linear-gradient(left, #ebf4d4, #ffffff); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(right, #ebf4d4, #ffffff); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(right, #ebf4d4, #ffffff); /* For Firefox 3.6 to 15 */
				background: linear-gradient(to right, #ebf4d4, #ffffff); /* Standard syntax */
				border-left: 4px solid #c1dd78;
				position: relative;
				margin: .5em 1%;
}

.content-gold   {width:93%; 
				padding: 2% 2%;
				float:left;
				text-align:left;
  				background: #ffffff; /* For browsers that do not support gradients */
				background: -webkit-linear-gradient(left, #efe2cf, #ffffff); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(right, #efe2cf, #ffffff); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(right, #efe2cf, #ffffff); /* For Firefox 3.6 to 15 */
				background: linear-gradient(to right, #efe2cf, #ffffff); /* Standard syntax */
				border-left: 4px solid #d2af7a;
				position: relative;
				margin: .5em 1%;
}


.content-blue   {width:93%; 
				padding: 2% 2%;
				float:left;
				text-align:left;
  				background: #ffffff; /* For browsers that do not support gradients */
				background: -webkit-linear-gradient(left, #dfe3f4, #ffffff); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(right, #dfe3f4, #ffffff); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(right, #dfe3f4, #ffffff); /* For Firefox 3.6 to 15 */
				background: linear-gradient(to right, #dfe3f4, #ffffff); /* Standard syntax */
				border-left: 4px solid #b1bce5;
				position: relative;
				margin: .5em 1%;
}




.divide   {		width:100%; 
				padding: .7em 0;
				margin-top: 2.5em;
				float:left;
				text-align:center;
  				background: #ffffff; /* For browsers that do not support gradients */
				background: -webkit-linear-gradient(#dfe3f4, #ffffff); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(#dfe3f4, #ffffff); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(#dfe3f4, #ffffff); /* For Firefox 3.6 to 15 */
				background: linear-gradient(#dfe3f4, #ffffff); /* Standard syntax */
				border-top: 2px solid #b1bce5;
				position: relative;
}




.shady-section  { background-color: #84a2e1; text-align: center; overflow: auto; padding: .7em 1%;}


aside {	width:98%;
		float: right; 
		clear: none;
		margin: 1em 0 1em 0;
		padding: 1% 0 1% 3%;
		text-align:center;
		border-left:thin solid #c7d6f5;
		font-size: 18px;
}

.content-pages   {	width:95%; 
					float:left;
					clear:both;
					padding:1%;
					margin-left: auto; 
					margin-right: auto;
					text-align:left;
					}

.content-fourth   {	width:95%; 
					float:left;
					clear:none;
					margin-left: auto; 
					margin-right: auto;
					text-align: center; 
					font-size: 15px;
					padding:.5%;
					}

.content-third   {	width:95%; 
					float:left;
					clear:none;
					margin-left: auto; 
					margin-right: auto;
					}
					
.content-quarter   {	width:94%; 
					float:left;
					clear:none;
					margin-left: auto; 
					margin-right: auto;
					}

.content-half   {	width:96%; 
					float:left;
					clear:none;
					margin-left: 3%;
					margin-bottom: 1.2em;
}

.content-half-border  {	width:96%; 
						float:left;
						clear:none;
						margin-left: 3%; 
						margin-bottom: 1.2em;
}

.content-twothirds   {	width:95%; 
					float:left;
					clear:none;
					margin-left: auto; 
					margin-right: auto;
}

.content-full  {	width:89%; 
				padding: 4%;
				float:left;
				text-align:left;
				background-color: #ffffff;
				border: 2px solid #dde8ff;
				position: relative;
				margin: 1%;
}

/*   COLUMN for body text - NO BORDER  */
.column-half   {	width:95%; 
					float:left;
					clear:none;
					margin: 2%; 
}






/*   Online Resources divs  */

.resources-fourth   { width: 96%; margin: 4% 2%; text-align: center; font-size: 15px; float:left; clear:none; }

.resources-third 	{ width: 96%; margin: 4% 2%; text-align: center; font-size: 15px; float:left; clear:none; }

.resources-half 	{ width: 96%; margin: 4% 2%; text-align: center; font-size: 15px; float:left; clear:none; }


/*   Online Resources divs  */







footer { 	background-color: #e8ebf7;
			border-top: 2px solid #b1bce5;
			font-size: 85%;
			width:98%;
			padding:2em 1%;
			text-align:center;
			line-height: 1.5;
			margin-top:1em;
}

.footer-logo   {	width:100%; 
					float:left;
					clear:both;
					margin:0 auto 20px auto;
					text-align: center;
}

#topbutton {
	display: none;
}

#top-button-static {
	display: inline;
	margin-top:8px;
}

/*table {font-size: small;}*/

.zeroMargin_mobile {
margin-left: 0;
}

.show-mobile {
display: block;
}

.show-tablet {
display: none;
}

.show-desktop {
display: none;
}


h1 {text-align: center; }









/* Tablet Layout: 768px to 959px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 768px) {

.gridContainer {
	width: 100%;
	clear: none;
	float: none;
}

header { width: 100%;
		 height: 194px;
		 background: url(../images/Header_Back.gif) repeat-x top left; 
}

.topbar { height:194px;
		width:100%;
		background: url(../images/Logo_Back.jpg) no-repeat top left; background-position: left -100px top 0; }

/*   for skip to main content screen readers  */
.skip { }


.wrapper { width: 96%; padding: 2%; margin-left: auto; margin-right: auto;}


#logo { clear:both; max-width: 50%; margin-top:15px; padding-right:0; height:110px;}

.nav-menu { width:100%; height:63px; margin-left: auto; margin-right: auto; z-index: 2000; text-align: center; background: #424ba8; border-bottom: 3px solid #d2af7a;}
	
nav { 	width:100%; 
		text-align: center; 
		top:0;
		padding-top:10px; 
		height:48px;}


.banking-m {  display: none;  }
	
#banking-full { width: 270px;
				color:#ffffff;
				text-align: center;
				top:0;
				float:right;
				clear:none;
				margin: -22px 0;
				padding: 10px 15px 5px 15px;
				display:block;
				background: #a86500 url(../images/Banking_Back.jpg) repeat-x top left;  

}


/* =============================================================================
   Main Photos
   ========================================================================== */

.photo-home { background: url(../images/Photo_Home.jpg) no-repeat top center; background-position: left -50px bottom 0; height:620px; }


.photo-content { width:44%; 
				 float:left;
				 margin-top:.5em;
				 text-align: left;
}

.photo-content  h1 {font-size: 2.7em;}



.section { top:0; margin-bottom:1em;}



/* =============================================================================
   Section Photos
   ========================================================================== */

#section-content-loans  {  }

#section-content-loans h1 {  }
#section-content-loans h2 {  }


#section-content-membership  {  }

#section-content-membership h1 {  }
#section-content-membership h2 {  }


#section-content-services  {  }
				 
#section-content-services h1 {  }
#section-content-services h2 {  }


#section-content-new  {  }
				 
#section-content-new h1 {  }
#section-content-new h2 {  }


#section-content-about  {  }
				 
#section-content-about h1 {  }
#section-content-about h2 {  }


#section-content-rates {  }
				 
#section-content-rates h1 {  }
#section-content-rates h2 {  }


#section-content-privacy {  }
				 
#section-content-privacy h1 {  }
#section-content-privacy h2 {  }


#section-content-contact {  }
				 
#section-content-contact h1 {  }
#section-content-contact h2 {  }


#section-content-sitemap {  }
				 
#section-content-sitemap h1 {  }
#section-content-sitemap h2 {  }


/* ============================================================================= */




#wrapper-big-buttons { }

.wrapper-big-buttons-inside { }


.big-buttons { 	width:50%; margin:0; border-bottom: 2px solid #aaabd8;  }




.content-green {  }

.content-gold   {  }

.content-blue   {  }




.divide   {	text-align:left; }





.content-pages { clear: none; width:55%; margin: 1em; }

.content-pages p { font-size: 125%; }

aside {	clear: none; width:25%; 		
		margin: 1em 0 1em 1em;
		padding: 1% 0 1% 3%;
}

.shady  {  }

.content-home   { width:26%;  min-height: 480px;}

.shady-section  {   }

.content-right { margin-right:1%; width: 69%; clear:none; font-size: 110%; }

.content-fourth   {	width: 43%; margin:1%; text-align: center; font-size: 15px;}

.content-third  {   }

.content-quarter  { margin:.2em;  }

.content-half {	 }

.content-half-border { }

.content-twothirds { width: 100%; }

.content-full { }


/*   COLUMN for body text - NO BORDER  */
.column-half {	width: 42%; margin:2% 3% 3% 3%;}




/*   Online Resources divs  */

.resources-fourth   { width:46%; margin: 2%; }

.resources-third 	{ width:46%; margin: 2%; }

.resources-half 	{ width:46%; margin: 2%; }


/*   Online Resources divs  */







footer { }

.footer-logo   {  }

table {font-size: 100%;}	

#topbutton { display: inline; z-index:-1000; }

#top-button-static {
	display: none;
}

.show-mobile { display: none; }

.show-tablet { display: inline; }

.show-desktop { display: inline; }

h1 {text-align: left; }



}





/* Desktop Layout: 1100px to a max of 2032px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1100px) {

.gridContainer { }

/*   for skip to main content screen readers  */
.skip {  }

header { width: 100%;
		 height: 194px;
		 background: url(../images/Header_Back.gif) repeat-x top left; }

.topbar { height:194px;
		width:1100px;
		background: url(../images/Logo_Back.jpg) no-repeat top left; }

.wrapper { max-width:1100px; margin-top:0; padding: 0; margin-left: auto; margin-right: auto; }

#logo {	width:500px; 
		height:100px;
		padding-top: 30px;
		float: left; 
		text-align: left; 
		clear:none; 
}


.nav-menu { }

nav { width:1100px; 
		text-align: center; top:0;
		padding-top:10px; height:48px; background: url(../images/Nav_Back.jpg) no-repeat top left; }

.banking-m {  display: none; }
	
#banking-full {  width: 270px;
				top:0;
				float:right;
				clear:none;
				margin: -15px 0 0 0;
				display:block;
}


/* =============================================================================
   Main Photos
   ========================================================================== */

.photo-home { background: url(../images/Photo_Home.jpg) no-repeat bottom right; background-position: right -250px bottom 0; height:550px; text-align: left; }

/* ============================================================================= */



.photo-content         { width:50%; 
						 margin-top:1em;
						 float: left; 
						 text-align: left; 
						 clear:none; 

}

.section { height:205px; margin-bottom: 2em; }	
				 


/* =============================================================================
   Section Photos
   ========================================================================== */

#section-content-loans {  background-position: left -50px top 0; height:160px; padding-top:45px; padding-left:35%; }

#section-content-loans h1 { font-size: 3.5em; }
#section-content-loans h2 { font-size:2em; }


#section-content-membership {  background-position: left -50px top 0; height:160px; padding-top:45px; padding-left:35%; }

#section-content-membership h1 { font-size: 3.5em; }
#section-content-membership h2 { font-size:2em; }


#section-content-services {  background-position: left -50px top 0; height:160px; padding-top:45px; padding-left:35%; }

#section-content-services h1 { font-size: 3.5em; }
#section-content-services h2 { font-size:2em; }


#section-content-new {  background-position: left -50px top 0; height:160px; padding-top:45px; padding-left:35%; }

#section-content-new h1 { font-size: 3.5em; }
#section-content-new h2 { font-size:2em; }


#section-content-about {  background-position: left -50px top 0; height:160px; padding-top:45px; padding-left:35%; }

#section-content-about h1 { font-size: 3.5em; }
#section-content-about h2 { font-size:2em; }


#section-content-rates {  width:100%; background-position: left -2em top 0; height:160px; padding-top:45px; padding-left:15%; }

#section-content-rates h1 { font-size: 3.5em; }
#section-content-rates h2 { font-size:2em; }


#section-content-privacy {  width:100%; background-position: left -2em top 0; height:160px; padding-top:45px; padding-left:12%; }

#section-content-privacy h1 { font-size: 3.5em; }
#section-content-privacy h2 { font-size:2em; }


#section-content-contact {  width:100%; background-position: left -2em top 0; height:160px; padding-top:45px; padding-left:12%; }

#section-content-contact h1 { font-size: 3.5em; }
#section-content-contact h2 { font-size:2em; }


#section-content-sitemap {  width:100%; background-position: left -5% top 0; height:160px; padding-top:45px; padding-left:15%; }

#section-content-sitemap h1 { font-size: 3.5em; }
#section-content-sitemap h2 { font-size:2em; }

/* ============================================================================= */


.photo-content  h1 {font-size: 4em;}




#wrapper-big-buttons { width:94%; padding: 0 3%; }

.wrapper-big-buttons-inside { width:1100px; clear:both; text-align:left; padding:0; margin:0 auto; }



.big-buttons { 	width:25%; 
				margin: 0;
				text-align: left;
				border-bottom: none;
				}
				
				
				
				
				
.content-green {	width:26%; 
					margin: 1%;
					height:485px;
}

.content-gold   {	width:26%; 
					margin: 1%;
					height:485px;
}


.content-blue   {	width:26%; 
					margin: 1%;
					height:485px;
}



.divide   { }




.shady  { text-align: center; }


.content-home   { min-height: 400px; }

.shady-section  {   }

aside { width:35%; margin-top:2em;}

.content-pages  {   }

#topbutton { }

#top-button-static { }

.content-fourth   {	width:22%; margin: .5%;}

.content-third { width:31%; margin: .5%; }

.content-quarter { width:20%; margin: .5%; }

.content-half { margin-left: 2%;  width:44%; }

.content-half-border { margin-left: 2%;  width:44%; border-left: 1px solid #b1bce5; padding:0 0 0 3%; }

.content-twothirds { width:67%; margin: 1.5em 0; float:left; text-align: left; }

.content-full { max-width:1200px; float:left; margin: 1em auto; }


/*   COLUMN for body text - NO BORDER  */
.column-half {	width: 44%; margin:2% 3% 3% 3%;}





/*   Online Resources divs  */

.resources-fourth   { width:20%; margin: 2%; }

.resources-third 	{ width:29%; margin: 2%; }

.resources-half 	{ width:46%; margin: 2%; }


/*   Online Resources divs  */





footer {  }

.footer-logo   {	width:15%; 
					float:left;
					clear:none;
					margin:0 20px 20px 1%;
					text-align: center;
}

table {font-size: 100%;}				

.show-mobile { display: none; }

.show-tablet { display: inline; }

.show-desktop { display: inline; }

h1 {text-align: left;}


}