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


#navToggle {
   display: block; 
   margin: 0;
   z-index: 2000; 
   text-align: center;
   position: relative;
}

#navFull { display: none; }













/* Desktop Layout: 1200px and beyond. Inherits styles from: Mobile Layout. */

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


#navToggle {
   display: none;    
}

#navFull { display:block; }



/*  NAVIGATION   */


.dropbtnactive-home {
    color: #133880;
	font-size: 95%;
	font-weight:400;
	padding:0 0 12px 0;
    clear: both;
	width:85px;
	height: 20px;
	text-align: center;
    text-decoration: none; 
    position: relative;
    float: none;
    border-top: none;
    border-bottom: none;
    transition: .3s;
}




.dropbtn {
    color: #133880;
	font-size: 95%;
	font-weight:500;
	padding:10px 11px 12px 11px;
    cursor: pointer;
	clear: both;
	width:110px;
	height: 20px;
	text-align: center;
    text-decoration: none; 
    position: relative;
    float: none;
    border-top: none;
    border-bottom: none;
    transition: .3s;
    border-radius: 0 20px 0 0;
}

a.dropbtn {
    color: #133880;
	font-size: 95%;
	font-weight:500;
	padding:10px 11px 12px 11px;
    cursor: pointer;
	clear: both;
	width:110px;
	height: 20px;
	text-align: center;
    text-decoration: none; 
    position: relative;
    float: none;
    border-top: none;
    border-bottom: none;
    transition: .3s;
    border-radius: 0 20px 0 0;
}


a.dropbtn-none {
    color: #001d54;
	font-size: 95%;
	font-weight:500;
	padding:10px 11px 12px 11px;
    cursor: pointer;
	clear: both;
	width:110px;
	height: 20px;
	text-align: center;
    text-decoration: none; 
    position: relative;
    float: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    transition: .3s;
    border-radius: 0 20px 0 0;
}



/* Style The Dropdown Button for keyboard navgation */
a.dropbtn:focus, a.dropbtn:active {  outline: dotted thin #066aba; background: #d9ad0d; color: #001d54; text-decoration: none; font-weight:500; border-radius: 0 20px 0 0;}

    
#navFull .last { border-right: none; }    


/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn { text-decoration: none; color: #001d54; background: #d9ad0d; font-weight:500; border-radius: 0 20px 0 0;} 


/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:focus .dropbtn { text-decoration: none; color: #001d54; background: #d9ad0d; font-weight:500; border-radius: 0 20px 0 0;} 

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn-none { text-decoration: none; color: #001d54; background: none; font-weight:500; border-radius: 0 20px 0 0;}


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



}










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



/* Dropdown Content (Hidden by Default) */
.dropdown-content-membership {
    display: none;
    position: absolute;
    top: 22px; left: 40px;
    width: 275px;
	padding: 0 10px 0 5px;
    border-top: #d9ad0d solid 3px;
	border-bottom: #d9ad0d solid 3px;
    background:  #fff;
    box-shadow: 2px 2px 3px #666; 
    opacity:0;
    margin: 15px 0 0 -40px; 
    border-radius: 0 20px 0 20px;
}

/* Links inside the dropdown */
.dropdown-content-membership a {
    padding: .5em;
    text-decoration: none;
    display: block;
	width: 96%;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
    transition: 0.4s;
    color: #133880;
    border-radius: 0 20px 0 20px;
    border-bottom: 1px solid #e1dce1;
}





/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-membership { display: block; margin: 15px 0 0 -40px; transition: .7s; opacity:1;}

/* Show the dropdown menu on hover and focus */
.dropdown:focus .dropdown-content-membership { display: block; margin: 15px 0 0 -40px; transition: .7s; opacity:1;}



/* Change color of dropdown links on hover */
.dropdown-content-membership a:hover { background: #133880 url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px;}

.dropdown-content-membership a:focus { background: #133880 url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px;}


.dropdown-content-membership li { margin: .5em 0; list-style-image: none; list-style: none; position:relative; left:-25px; z-index: 9000;}


/*   HEADERS  */
.dropdown-content-membership p { font-size:85%; color: #001d54; display: block; font-weight: 700; width:94%; margin-top:.4em; padding:5% 3%; text-align: left; margin-bottom:0; line-height: 100%; text-transform: uppercase; background: #e4f4fe;}













/* -------------------- NEWS BUTTON ---------------------- */



/* Dropdown Content (Hidden by Default) */
.dropdown-content-news {
    display: none;
    position: absolute;
    top: 20px; left: 40px;
    width: 205px;
	padding: 0 10px 0 5px;
    border-top: #d9ad0d solid 3px;
    border-bottom: #d9ad0d solid 3px;
    background:  #fff;
	z-index: 9000;
    box-shadow: 2px 2px 3px #666;
    border-radius: 0 20px 0 20px;
    }

/* Links inside the dropdown */
.dropdown-content-news a {
    padding: .5em;
    text-decoration: none;
    display: block;
	width: 96%;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
    transition: 0.4s;
    color: #133880;
    background: #fff;
    border-radius: 0 20px 0 20px;
    border-bottom: 1px solid #e1dce1;
}

/* Change color of dropdown links on hover */
.dropdown-content-news a:hover { background: #133880 url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px;}

.dropdown-content-news a:focus { background: #133880 url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px;}



/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-news { display: block; margin: 15px 0 0 -40px; transition: .7s; opacity:1;}

/* Show the dropdown menu on hover and focus */
.dropdown:focus .dropdown-content-news { display: block; margin: 15px 0 0 -40px; transition: .7s; opacity:1;}

.dropdown-content-news li { margin: .5em 0; list-style-image: none; list-style: none; position:relative; left:-25px; }


/*   HEADERS  */
.dropdown-content-news p { font-size:85%; color: #001d54; display: block; font-weight: 700; width:94%; margin-top:.4em; padding:5% 3%; text-align: left; margin-bottom:0; line-height: 100%; text-transform: uppercase; background: #e4f4fe;}








/* -------------------- ACCOUNTS BUTTON ---------------------- */


/* Dropdown Content (Hidden by Default) */
.dropdown-content-accounts {
    display: none;
    position: absolute;
    top: 20px; left: 40px;
    width: 230px;
	padding: 0 10px 0 5px;
    border-top: #d9ad0d solid 3px;
    border-bottom: #d9ad0d solid 3px;
    background:  #fff;
	z-index: 9000;
    box-shadow: 2px 2px 3px #666;
    border-radius: 0 20px 0 20px;
}

/* Links inside the dropdown */
.dropdown-content-accounts a {
    padding: .5em;
    text-decoration: none;
    display: block;
	width: 96%;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
    transition: 0.4s;
    color: #133880;
    background: #fff;
    border-radius: 0 20px 0 20px;
    border-bottom: 1px solid #e1dce1;
}

/* Change color of dropdown links on hover */
.dropdown-content-accounts a:hover { background: #133880 url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px;}

.dropdown-content-accounts a:focus { background: #133880 url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px;}



/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-accounts { display: block; margin: 15px 0 0 -40px; transition: .7s; opacity:1;}

/* Show the dropdown menu on hover and focus */
.dropdown:focus .dropdown-content-accounts { display: block; margin: 15px 0 0 -40px; transition: .7s; opacity:1;}

.dropdown-content-accounts li { margin: .5em 0; list-style-image: none; list-style: none; position:relative; left:-25px; }


/*   HEADERS  */
.dropdown-content-accounts p { font-size:85%; color: #001d54; display: block; font-weight: 700; width:94%; margin-top:.4em; padding:5% 3%; text-align: left; margin-bottom:0; line-height: 100%; text-transform: uppercase; background: #e4f4fe;}









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


/* Dropdown Content (Hidden by Default) */
.dropdown-content-loans {
    display: none;
    position: absolute;
    top: 20px; left: 40px;
    width: 250px;
	padding: 0 10px 0 5px;
    border-top: #d9ad0d solid 3px;
    border-bottom: #d9ad0d solid 3px;
    background:  #fff;
	z-index: 9000;
    box-shadow: 2px 2px 3px #666;
    border-radius: 0 20px 0 20px;
}

/* Links inside the dropdown */
.dropdown-content-loans a {
    padding: .5em;
    text-decoration: none;
    display: block;
	width: 96%;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
    transition: 0.4s;
    color: #133880;
    background: #fff;
    border-bottom: 1px solid #e1dce1;
    border-radius: 0 20px 0 20px;
}

/* Change color of dropdown links on hover */
.dropdown-content-loans a:hover { background: #133880 url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px;}

.dropdown-content-loans a:focus { background: #133880 url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px;}



/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-loans { display: flex; margin: 15px 0 0 -40px; transition: .7s; opacity:1; }

/* Show the dropdown menu on hover and focus */
.dropdown:focus .dropdown-content-loans { display: flex; margin: 15px 0 0 -40px; transition: .7s; opacity:1; }

.dropdown-content-loans li { margin: .5em 0; list-style-image: none; list-style: none; position:relative; left:-25px; }


/*   HEADERS  */
.dropdown-content-loans p { font-size:85%; color: #001d54; display: block; font-weight: 700; width:94%; margin-top:.4em; padding:5% 3%; text-align: left; margin-bottom:0; line-height: 100%; text-transform: uppercase; background: #e4f4fe;}











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



/* Dropdown Content (Hidden by Default) */
.dropdown-content-contact {
    display: none;
    position: absolute;
    top: 20px; left: 40px;
    width: 230px;
	padding: 0 10px 0 5px;
    border-top: #d9ad0d solid 3px;
    border-bottom: #d9ad0d solid 3px;
    background:  #fff;
	z-index: 9000;
    box-shadow: 2px 2px 3px #666;
    border-radius: 0 20px 0 20px;
}

/* Links inside the dropdown */
.dropdown-content-contact a {
    padding: .5em; 
    text-decoration: none;
    display: block;
	width: 96%;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
    transition: 0.4s;
    color: #133880;
    background: #fff;
    border-radius: 0 20px 0 20px;
    border-bottom: 1px solid #e1dce1;
}

/* Change color of dropdown links on hover */
.dropdown-content-contact a:hover { background: #133880 url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px;}

.dropdown-content-contact a:focus { background: #133880 url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px;}



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

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

.dropdown-content-contact li { margin: .5em 0; list-style-image: none; list-style: none; position:relative; left:-25px; }


/*   HEADERS  */
.dropdown-content-contact p { font-size:85%; color: #001d54; display: block; font-weight: 700; width:94%; margin-top:.4em; padding:5% 3%; text-align: left; margin-bottom:0; line-height: 100%; text-transform: uppercase; background: #e4f4fe;}










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


/* Dropdown Content (Hidden by Default) */
.dropdown-content-services {
    display: none;
    position: absolute;
    top: 20px; left: 40px;
    width: 250px;
	padding: 0 10px 0 5px;
    border-top: #d9ad0d solid 3px;
    border-bottom: #d9ad0d solid 3px;
    background:  #fff;
	z-index: 9000;
    box-shadow: 2px 2px 3px #666;
    border-radius: 0 20px 0 20px;
}

/* Links inside the dropdown */
.dropdown-content-services a {
    padding: .5em; 
    text-decoration: none;
    display: block;
	width: 96%;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
    transition: 0.4s;
    color: #133880;
    background: #fff;
    border-radius: 4px;
    border-bottom: 1px solid #e1dce1;
}

/* Change color of dropdown links on hover */
.dropdown-content-services a:hover { background: #133880 url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px;}

.dropdown-content-services a:focus { background: #133880 url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px;}



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

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

.dropdown-content-services li { margin: .5em 0; list-style-image: none; list-style: none; position:relative; left:-25px; }


/*   HEADERS  */
.dropdown-content-services p { font-size:85%; color: #001d54; display: block; font-weight: 700; width:94%; margin-top:.4em; padding:5% 3%; text-align: left; margin-bottom:0; line-height: 100%; text-transform: uppercase; background: #e4f4fe;}