@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:auto; margin-left: auto; margin-right: auto; text-align: center; background-color: #003d7f; background-image: linear-gradient(to bottom, #4480c3, #003d7f); }

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

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







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

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


.nav-menu { width:100%; height:34px; margin-left: auto; margin-right: auto; text-align: center; }

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

.nav-menu #navFull { width:100%; display:block; text-align: center; margin-top: 0; position: relative; top:0; height:34px; background-color: #003d7f; background-image: linear-gradient(to bottom, #4480c3, #003d7f); }



/*  NAVIGATION   */

a.dropbtn {
    color: #ffffff;
    padding: 5px 23px 5px 23px;
	font-family: 'Oswald', sans-serif; 
	font-size: 17px;
	font-weight: 400;
    border: none;
    cursor: pointer;
	margin: 0 -6px 1px 0;
	position: relative; 
	top:7px; 
}



/* Style The Dropdown Button for keyboard navgation */
a.dropbtn:focus, a.dropbtn:active{  outline: dotted thin #fff; text-decoration: none; background: #003d7f url(../images/Nav_Arrow.png) no-repeat bottom center; padding: 5px 22px 4px 22px; }




/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn { color: #fff; text-decoration: none;	background: #003d7f url(../images/Nav_Arrow.png) no-repeat bottom center; border-right: 1px solid #447ebf; border-left: 1px solid #447ebf; padding: 5px 22px 4px 22px;
}


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

}




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


/* Dropdown Content (Hidden by Default) */
.dropdown-content-about {
    display: none;
	color: #fff;
    position: absolute;
    min-width: 200px;
    z-index: 1000;
	border: 1px solid #99CCFF;
}

/* Links inside the dropdown */
.dropdown-content-about a {
    color: #fff;
    padding: 10px 16px;
	text-align:left;
    text-decoration: none;
    display: block;
	font-size: 15px;
	font-weight: normal;
	background-color: #3F7BBD;
	border-bottom: 1px solid #99CCFF; 
}

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

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

/*.dropbtn:focus + div.dropdown-content-about { display: block; margin: 11px 0 0 0; }*/



.dropdown-content-about, .last-dropdown a { border-bottom: none; }








/* -------------------- DEPOSIT BUTTON ---------------------- */




/* Dropdown Content (Hidden by Default) */
.dropdown-content-deposit {
    display: none;
	color: #fff;
    position: absolute;
    min-width: 200px;
    z-index: 1000;
	border: 1px solid #99CCFF;
}

/* Links inside the dropdown */
.dropdown-content-deposit a {
    color: #fff;
    padding: 10px 16px;
	text-align:left;
    text-decoration: none;
    display: block;
	font-size: 15px;
	font-weight: normal;
	background-color: #3F7BBD;
	border-bottom: 1px solid #99CCFF; 
}

/* Change color of dropdown links on hover */
.dropdown-content-deposit a:hover { background-color: #003d7f;}

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

/*.dropbtn:focus + div.dropdown-content-about { display: block; margin: 11px 0 0 0; }*/



.dropdown-content-deposit, .last-dropdown a { border-bottom: none; }






/* -------------------- LOANS PRODUCTS BUTTON ---------------------- */


/* Dropdown Content (Hidden by Default) */
.dropdown-content-loans {
    display: none;
	color: #fff;
    position: absolute;
    min-width: 170px;
    z-index: 1000;
	border: 1px solid #99CCFF;
}

/* Links inside the dropdown */
.dropdown-content-loans a {
    color: #fff;
    padding: 10px 16px;
	text-align:left;
    text-decoration: none;
    display: block;
	font-size: 15px;
	font-weight: normal;
	background-color: #3F7BBD;
	border-bottom: 1px solid #99CCFF; 
}

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

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

/*.dropbtn:focus + div.dropdown-content-loans { display: block; margin: 11px 0 0 0; }*/



.dropdown-content-loans, .last-dropdown a { border-bottom: none; }






/* -------------------- MORTGAGE BUTTON ---------------------- */


/* Dropdown Content (Hidden by Default) */
.dropdown-content-mortgage {
    display: none;
	color: #fff;
    position: absolute;
    min-width: 190px;
    z-index: 1000;
	border: 1px solid #99CCFF;
}

/* Links inside the dropdown */
.dropdown-content-mortgage a {
    color: #fff;
    padding: 10px 16px;
	text-align:left;
    text-decoration: none;
    display: block;
	font-size: 15px;
	font-weight: normal;
	background-color: #3F7BBD;
	border-bottom: 1px solid #99CCFF; 
}

/* Change color of dropdown links on hover */
.dropdown-content-mortgage a:hover { background-color: #003d7f;}

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

/*.dropbtn:focus + div.dropdown-content-mortgage { display: block; margin: 11px 0 0 0; }*/


.dropdown-content-mortgage, .last-dropdown a { border-bottom: none; }








/* -------------------- LOCATIONS BUTTON ---------------------- */

	
/* Dropdown Content (Hidden by Default) */
.dropdown-content-locations {
    display: none;
	color: #fff;
    position: absolute;
    min-width: 210px;
    z-index: 1000;
	border: 1px solid #99CCFF;
}

/* Links inside the dropdown */
.dropdown-content-locations a {
    color: #fff;
    padding: 10px 16px;
	text-align:left;
    text-decoration: none;
    display: block;
	font-size: 15px;
	font-weight: normal;
	background-color: #3F7BBD;
	border-bottom: 1px solid #99CCFF; 
}

/* Change color of dropdown links on hover */
.dropdown-content-locations a:hover { background-color: #003d7f;}

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

/*.dropbtn:focus + div.dropdown-content-locations { display: block; margin: 11px 0 0 0; }*/


.dropdown-content-locations, .last-dropdown a { border-bottom: none; }








/* -------------------- OTHER BUTTON ---------------------- */

	
/* Dropdown Content (Hidden by Default) */
.dropdown-content-other {
    display: none;
	color: #fff;
    position: absolute;
    min-width: 165px;
    z-index: 1000;
	border: 1px solid #99CCFF;
}

/* Links inside the dropdown */
.dropdown-content-other a {
    color: #fff;
    padding: 10px 16px;
	text-align:left;
    text-decoration: none;
    display: block;
	font-size: 15px;
	font-weight: normal;
	background-color: #3F7BBD;
	border-bottom: 1px solid #99CCFF; 
}

/* Change color of dropdown links on hover */
.dropdown-content-other a:hover { background-color: #003d7f;}

/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-other  { display: block; margin: 11px 0 0 -45px; }

/*.dropbtn:focus + div.dropdown-content-other { display: block; margin: 11px 0 0 0; }*/


.dropdown-content-other, .last-dropdown a { border-bottom: none; }