@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/ 
*/





		

/*nav:hover { background-color: #336600;	}*/
		
.nav-menu { width:100%; height:59px; margin-left: auto; margin-right: auto; text-align: center;}

.nav-menu #navToggle {
   display: block; 
   width: 300px;
   margin-left: auto; 
   margin-right: auto; 
   z-index: 2000; 
   text-align: center;
   position: relative;
   top:12px;
}

.nav-menu #navFull { display: none; }



/* Style The Dropdown Button */
.dropbtn,   .dropbtn2 {
    color: #fff;
	font-family: 'Halant', serif;
	font-size: 20px;
    border: none;
    cursor: pointer;
	margin:0;
}

/* Style The Dropdown Button for keyboard navgation */
.dropbtn:hover, .dropbtn:focus, .dropbtn:active {  outline: dotted thin #fff;  color: #fff; text-decoration: none; }



/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {  color: #fff; text-decoration: none;}
.dropdown:active .dropbtn { color: #fff; text-decoration: none; }
.dropdown:focus .dropbtn { color: #fff; text-decoration: none; }


/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}





/* Dropdown Content (Hidden by Default) */
.dropdown-content-loans {
    display: none;
    position: absolute;
    min-width: 220px;
    box-shadow: 0px 10px 8px 7px rgba(0,0,0,0.2);
    z-index: 1000;
	padding-top:15px;	
	background-color: #fff;
}

/* Links inside the dropdown */
.dropdown-content-loans a {
    color: #fff;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
	font-size: 18px;
	background-color: #fff;
}

/* Change color of dropdown links on hover */
.dropdown-content-loans a:hover { background-color: #336600; color: #19315c;}






.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 10px 8px 7px rgba(0,0,0,0.2);
    z-index: 1000;
	padding-top:15px;
	background-color: #fff;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #006699;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
	font-size: 18px;
	background-color: #ffffff;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover { background-color: #336600; color: #19315c;}




/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content-loans { display: block; margin: 0;}













/* Tablet Layout: 960px to 1199px. Inherits styles from: Mobile Layout. */

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

.nav-menu #navToggle { top:0; }


}










/* Tablet Layout: 960px to 1199px. Inherits styles from: Mobile Layout. */

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


.nav-menu { width:100%; height:59px; margin-left: auto; margin-right: auto;text-align: center; border-bottom: 3px solid #d2af7a;}

.nav-menu #navToggle {
   display: none;    
}

.nav-menu #navFull { display:block; text-align: center; margin-top:-7px;}



/*  NAVIGATION   */

a.dropbtn {
    color: #ffffff;
    padding: 8px 15px;
	font-family: 'Halant', serif; 
	font-size: 21px;
    border: none;
    cursor: pointer;
	margin:0;
}


/* Style The Dropdown Button for keyboard navgation */
a.dropbtn:focus, a.dropbtn:active {  outline: dotted thin #fff; text-decoration: none; }




/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn { color: #fff; text-decoration: none; }


/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

}



/* -------------------- NEW BUTTON ---------------------- */



/* Dropdown Content (Hidden by Default) */
.dropdown-content-new {
    display: none;
    position: absolute;
    min-width: 150px;
    box-shadow: 0px 10px 8px 7px rgba(0,0,0,0.2);
    z-index: 1000;
	background: #fff url(../images/Menu_ArrowIndicator.png) no-repeat top center;
	padding-top:15px;
	padding-bottom:15px;
	border: 3px solid #d2af7a;
}

/* Links inside the dropdown */
.dropdown-content-new a {
    color: #006699;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
	font-size: 18px;
	background: #fff
}

/* Change color of dropdown links on hover */
.dropdown-content-new a:hover { background-color: #EDF3FF; color: #19315c;}

/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-new  { display: block; margin: -2px 0 0 -70px; }

.dropbtn:focus + div.dropdown-content-new { display: block; margin: -2px 0 0 -70px; }








/* -------------------- MEMBERSHIP BUTTON ---------------------- */


/* Dropdown Content (Hidden by Default) */
.dropdown-content-membership {
    display: none;
    position: absolute;
    min-width: 260px;
    box-shadow: 0px 10px 8px 7px rgba(0,0,0,0.2);
    z-index: 1000;
	background: #fff url(../images/Menu_ArrowIndicator.png) no-repeat top center;
	padding-top:15px;
	padding-bottom:15px;
	border: 3px solid #d2af7a;
}

/* Links inside the dropdown */
.dropdown-content-membership a {
    color: #006699;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
	font-size: 18px;
	background: #fff
}

/* Change color of dropdown links on hover */
.dropdown-content-membership a:hover { background-color: #EDF3FF; color: #19315c;}


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-membership { display: block; margin: -2px 0 0 -60px; }


.dropbtn:focus + div.dropdown-content-membership { display: block; margin: -2px 0 0 -60px; }




/* -------------------- SERVICES BUTTON ---------------------- */


/* Dropdown Content (Hidden by Default) */
.dropdown-content-services {
    display: none;
    position: absolute;
    min-width: 250px;
    box-shadow: 0px 10px 8px 7px rgba(0,0,0,0.2);
    z-index: 1000;
	background: #fff url(../images/Menu_ArrowIndicator.png) no-repeat top center;
	padding-top:15px;
	padding-bottom:15px;
	border: 3px solid #d2af7a; 
}

/* Links inside the dropdown */
.dropdown-content-services a {
    color: #006699;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
	font-size: 18px;
	background: #fff
}

/* Change color of dropdown links on hover */
.dropdown-content-services a:hover { background-color: #EDF3FF; color: #19315c;}


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-services { display: block; margin: -2px 0 0 -73px; }


.dropbtn:focus + div.dropdown-content-services { display: block; margin: -2px 0 0 -73px; }








/* -------------------- LENDING PRODUCTS BUTTON ---------------------- */


/* Dropdown Content (Hidden by Default) */
.dropdown-content-lending {
    display: none;
    position: absolute;
    min-width: 250px;
    box-shadow: 0px 10px 8px 7px rgba(0,0,0,0.2);
    z-index: 1000;
	background: #fff url(../images/Menu_ArrowIndicator.png) no-repeat top center;
	padding-top:15px;
	padding-bottom:15px;
	border: 3px solid #d2af7a;
}

/* Links inside the dropdown */
.dropdown-content-lending a {
    color: #006699;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
	font-size: 18px;
	background: #fff
}

/* Change color of dropdown links on hover */
.dropdown-content-lending a:hover { background-color: #EDF3FF; color: #19315c;}


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-lending { display: block; margin: -2px 0 0 -60px; }


.dropbtn:focus + div.dropdown-content-lending { display: block; margin: -2px 0 0 -60px; }





/* -------------------- RATES & FEES BUTTON ---------------------- */


/* Dropdown Content (Hidden by Default) */
.dropdown-content-rates {
    display: none;
    position: absolute;
    min-width: 220px;
    box-shadow: 0px 10px 8px 7px rgba(0,0,0,0.2);
    z-index: 1000;
	background: #fff url(../images/Menu_ArrowIndicator.png) no-repeat top center;
	padding-top:15px;
	padding-bottom:15px;
	border: 3px solid #d2af7a;
}

/* Links inside the dropdown */
.dropdown-content-rates a {
    color: #006699;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
	font-size: 18px;
	background: #fff
}

/* Change color of dropdown links on hover */
.dropdown-content-rates a:hover { background-color: #EDF3FF; color: #19315c;}


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-rates { display: block; margin: -2px 0 0 -47px; }


.dropbtn:focus + div.dropdown-content-rates { display: block; margin: -2px 0 0 -47px; }







/* -------------------- ABOUT BUTTON ---------------------- */


/* Dropdown Content (Hidden by Default) */
.dropdown-content-about {
    display: none;
    position: absolute;
    min-width: 225px;
    box-shadow: 0px 10px 8px 7px rgba(0,0,0,0.2);
    z-index: 1000;
	background: #fff url(../images/Menu_ArrowIndicator.png) no-repeat top center;
	padding-top:15px;
	padding-bottom:15px;
	border: 3px solid #d2af7a;
}

/* Links inside the dropdown */
.dropdown-content-about a {
    color: #006699;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
	font-size: 18px;
	background: #fff
}

/* Change color of dropdown links on hover */
.dropdown-content-about a:hover { background-color: #EDF3FF; color: #19315c;}


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-about { display: block; margin: -2px 0 0 -66px; }

.dropbtn:focus + div.dropdown-content-about { display: block; margin: -2px 0 0 -66px; }









/* -------------------- CONTACT BUTTON ---------------------- */


/* Dropdown Content (Hidden by Default) */
.dropdown-content-contact {
    display: none;
    position: absolute;
    min-width: 200px;
    box-shadow: 0px 10px 8px 7px rgba(0,0,0,0.2);
    z-index: 1000;
	background: #fff url(../images/Menu_ArrowIndicator.png) no-repeat top center;
	padding-top:15px;
	padding-bottom:15px;
	border: 3px solid #d2af7a;
}

/* Links inside the dropdown */
.dropdown-content-contact a {
    color: #006699;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
	font-size: 18px;
	background: #fff
}

/* Change color of dropdown links on hover */
.dropdown-content-contact a:hover { background-color: #EDF3FF; color: #19315c;}


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-contact { display: block; margin: -2px 0 0 -40px; }

.dropbtn:focus + div.dropdown-content-contact { display: block; margin: -2px 0 0 -40px; }