@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:45px; margin:0; text-align: center;}

.nav-menu #navToggle {
   display: block; 
   width: 100%;
   margin: 0;
   z-index: 2000; 
   text-align: center;
   position: relative;
   top:5px;
}

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













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

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


.nav-menu { width:100%; float:right; height:59px; margin: 50px 0 0 0; text-align: center; }

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

.nav-menu #navFull { display:block; text-align: center; margin-top:7px; width:100%; float:right; }



/*  NAVIGATION   */


.dropbtnactive-contact {
    color: #757575;
	font-size: 15px;
	font-weight:600;
	padding:0 5px 12px 5px;
    clear: both;
    text-transform: uppercase; 
	width:110px;
	height: 20px;
	text-align: center;
    text-decoration: none; 
    background: #fff;
    position: relative;
    float: none;
    border-right: 1px solid #f3eef3;
    border-top: none;
    border-bottom: none;
}


.dropbtnactive-home {
    color: #757575;
	font-size: 15px;
	font-weight:600;
	padding:0 0 12px 0;
    clear: both;
    text-transform: uppercase; 
	width:96px;
	height: 20px;
	text-align: center;
    text-decoration: none; 
    background: #fff;
    position: relative;
    float: none;
    border-right: 1px solid #f3eef3;
    border-top: none;
    border-bottom: none;
}




.dropbtn {
    color: #666;
	font-size: 15px;
	font-weight:600;
	padding:10px 25px 12px 25px;
    cursor: pointer;
	clear: both;
    text-transform: uppercase; 
	width:110px;
	height: 20px;
	text-align: center;
    text-decoration: none; 
    background: #fff;
    position: relative;
    float: none;
    border-right: 1px solid #f3eef3;
    border-top: none;
    border-bottom: none;

}

a.dropbtn {
    color: #666;
	font-size: 15px;
	font-weight:600;
	padding:10px 25px 12px 25px;
    cursor: pointer;
	clear: both;
    text-transform: uppercase; 
	width:110px;
	height: 20px;
	text-align: center;
    text-decoration: none; 
    background: #fff;
    position: relative;
    float: none;
    border-right: 1px solid #f3eef3;
    border-top: none;
    border-bottom: none;

}


a.dropbtn-none {
    color: #666;
	font-size: 15px;
	font-weight:600;
	padding:10px 25px 12px 25px;
    cursor: pointer;
	clear: both;
    text-transform: uppercase; 
	width:110px;
	height: 20px;
	text-align: center;
    text-decoration: none; 
    background: #fff;
    position: relative;
    float: none;
    border-right: 1px solid #f3eef3;
    border-top: none;
    border-bottom: none;

}



/* Style The Dropdown Button for keyboard navgation */
a.dropbtn:focus, a.dropbtn:active {  outline: dotted thin #066aba; color: #cc0000; text-decoration: none; font-weight: 600; }

    
.nav-menu #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: #cc0000; font-weight: 600; background: url(../images/Arrow_Dropdown_Menu.png) no-repeat; background-position: top 30px center;}


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


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



}













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


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

}

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

/* Change color of dropdown links on hover */
.dropdown-content-loans a:hover { background: #cc0000 url("../images/Star-Menu.png") no-repeat left center; padding: .3em .5em .3em 1.2em; color: #fff; text-decoration: none; font-weight: 500; opacity: 1; border-radius: 4px;}


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


.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: #0066cc; 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;}




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









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


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

}

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

/* Change color of dropdown links on hover */
.dropdown-content-accounts a:hover { background: #cc0000 url("../images/Star-Menu.png") no-repeat left center; padding: .3em .5em .3em 1.2em; color: #fff; text-decoration: none; font-weight: 500; opacity: 1; border-radius: 4px;}


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

.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: #0066cc; 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;}




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












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


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

}

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

/* Change color of dropdown links on hover */
.dropdown-content-services a:hover { background: #cc0000 url("../images/Star-Menu.png") no-repeat left center; padding: .3em .5em .3em 1.2em; color: #fff; text-decoration: none; font-weight: 500; opacity: 1; border-radius: 4px;}


/* Show the dropdown menu on hover and focus */
.dropdown:hover .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: #0066cc; 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;}




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














/* -------------------- JOIN BUTTON ---------------------- */



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

}

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

/* Change color of dropdown links on hover */
.dropdown-content-join a:hover { background: #cc0000 url("../images/Star-Menu.png") no-repeat left center; padding: .3em .5em .3em 1.2em; color: #fff; text-decoration: none; font-weight: 500; opacity: 1; border-radius: 4px;}


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

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


/*   HEADERS  */
.dropdown-content-join p { font-size:85%; color: #0066cc; 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;}




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






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



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

}

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

/* Change color of dropdown links on hover */
.dropdown-content-contact a:hover { background: #cc0000 url("../images/Star-Menu.png") no-repeat left center; padding: .3em .5em .3em 1.2em; color: #fff; text-decoration: none; font-weight: 500; opacity: 1; border-radius: 4px;}


/* Show the dropdown menu on hover and focus */
.dropdown:hover .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: #0066cc; 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;}




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