@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%; margin-left: auto; margin-right: auto; text-align: center; height:43px;}

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

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



/* Style The Dropdown Button */
.dropbtn    {
    color: #fff;
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
    border: none;
    cursor: pointer;
	margin:0;
	height:43px;
}

/* Style The Dropdown Button for keyboard navgation */
.dropbtn:focus, .dropbtn:active {  outline: dotted 2px #fff; background: #113CB8; color: #fff; text-decoration: none; }

.dropbtn:hover {  outline: none; border-right: 1px solid #fff; border-left: 1px solid #fff; background-color: #408000; 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;
}









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

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


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

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

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



/*  NAVIGATION   */

a.dropbtn {
    color: #ffffff;
    padding: 11px 5px 13px 5px;
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
    border: none;
    cursor: pointer;
	margin:0;
	height:75px;
	border-radius: 8px 8px 0 0;
}


/* Style The Dropdown Button for keyboard navgation */
a.dropbtn:focus, a.dropbtn:active {  outline: dotted thin #fff; 	background: #558103; /* For browsers that do not support gradients */
 	background-image: -webkit-linear-gradient(to top, rgba(155,185,0, 100), rgba(90,145,0, 100) );  /* For Safari 5.1 to 6.0 */
	background-image: -o-linear-gradient(to bottom, rgba(155,185,0, 100), rgba(90,145,0, 100) ); /* For Opera 11.1 to 12.0 */
	background-image: -moz-linear-gradient(to bottom, rgba(155,185,0, 100), rgba(90,145,0, 100) ); /* For Firefox 3.6 to 15 */
	background-image: linear-gradient(to bottom, rgba(155,185,0, 100), rgba(90,145,0, 100) ); /* Standard syntax */
	text-decoration: none; min-height:55px; }




/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn { color: #fff; text-decoration: none;	background: #558103; /* For browsers that do not support gradients */
 	background-image: -webkit-linear-gradient(to top, rgba(155,185,0, 100), rgba(90,145,0, 100) );  /* For Safari 5.1 to 6.0 */
	background-image: -o-linear-gradient(to bottom, rgba(155,185,0, 100), rgba(90,145,0, 100) ); /* For Opera 11.1 to 12.0 */
	background-image: -moz-linear-gradient(to bottom, rgba(155,185,0, 100), rgba(90,145,0, 100) ); /* For Firefox 3.6 to 15 */
	background-image: linear-gradient(to bottom, rgba(155,185,0, 100), rgba(90,145,0, 100) ); /* Standard syntax */
	min-height:55px; border:none; }


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







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


/* Dropdown Content (Hidden by Default) */
.dropdown-content-about {
    display: none;
    position: absolute;
    min-width: 190px;
    z-index: 1000;	
	border: 2px solid #7ABA02;
	background: #fff;
	border-radius: 8px;
	top: 50px;
}

/* Links inside the dropdown */
.dropdown-content-about a {
    color: #558103;
    padding: 12px 16px;
	text-align:center;
    text-decoration: none;
    display: block;
	font-size: 17px;
	background-color: #fff;
}

a.first {	border-radius: 8px 8px 0 0;  }
a.last  { 	border-radius: 0 0 8px 8px;  }


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


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-about { background-color: #558103; color: #fff; display: block; margin: 0 0 0 -65px; }


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







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


/* Dropdown Content (Hidden by Default) */
.dropdown-content-services {
    display: none;
    position: absolute;
    min-width: 190px;
    z-index: 1000;	
	border: 2px solid #7ABA02;
	background: #fff;
	border-radius: 8px;
	top: 50px;
}

/* Links inside the dropdown */
.dropdown-content-services a {
    color: #558103;
    padding: 12px 16px;
	text-align:center;
    text-decoration: none;
    display: block;
	font-size: 17px;
	background-color: #fff;
}


a.first {	border-radius: 8px 8px 0 0;  }
a.last  { 	border-radius: 0 0 8px 8px;  }


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


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-services { background-color: #558103; color: #fff; display: block; margin: 0 0 0 -52px; }


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






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


/* Dropdown Content (Hidden by Default) */
.dropdown-content-loans {
    display: none;
    position: absolute;
    min-width: 190px;
    z-index: 1000;	
	border: 2px solid #7ABA02;
	background: #fff;
	border-radius: 8px;
	top: 50px;
}

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


a.first {	border-radius: 8px 8px 0 0;  }
a.last  { 	border-radius: 0 0 8px 8px;  }


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


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-loans { background-color: #558103; color: #fff; display: block; margin: 0 0 0 -70px; }


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







/* -------------------- RATES BUTTON ---------------------- */



/* Dropdown Content (Hidden by Default) */
.dropdown-content-rates {
    display: none;
    position: absolute;
    min-width: 150px;
    z-index: 1000;	
	border: 2px solid #7ABA02;
	background: #fff;
	border-radius: 8px;
	top: 50px;
}

/* Links inside the dropdown */
.dropdown-content-rates a {
    color: #558103;
    padding: 12px 16px;
	text-align:center;
    text-decoration: none;
    display: block;
	font-size: 17px;
	background-color: #fff;
}


a.first {	border-radius: 8px 8px 0 0;  }
a.last  { 	border-radius: 0 0 8px 8px;  }


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


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-rates { background-color: #558103; color: #fff; display: block; margin: 0 0 0 -53px; }


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









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

	
/* Dropdown Content (Hidden by Default) */
.dropdown-content-contact {
    display: none;
    position: absolute;
    min-width: 175px;
    z-index: 1000;	
	border: 2px solid #7ABA02;
	background: #fff;
	border-radius: 8px;
	top: 30px;
}

/* Links inside the dropdown */
.dropdown-content-contact a {
    color: #558103;
    padding: 12px 16px;
	text-align:center;
    text-decoration: none;
    display: block;
	font-size: 17px;
	background-color: #fff;
}


a.first {	border-radius: 8px 8px 0 0;  }
a.last  { 	border-radius: 0 0 8px 8px;  }


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


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-contact { background-color: #558103; color: #fff; display: block; margin: 0 0 0 -70px; }


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

}
















/* Tablet Layout: 990px to 1120px. Inherits styles from: Mobile Layout. */

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


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

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

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



/*  NAVIGATION   */

a.dropbtn {
    color: #ffffff;
    padding: 11px 11px 13px 11px;
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 19px;
    border: none;
    cursor: pointer;
	margin:0 1px;
	height:75px;
	border-radius: 8px 8px 0 0;
}


/* Style The Dropdown Button for keyboard navgation */
a.dropbtn:focus, a.dropbtn:active {  outline: dotted thin #fff; 	background: #558103; /* For browsers that do not support gradients */
 	background-image: -webkit-linear-gradient(to top, rgba(155,185,0, 100), rgba(90,145,0, 100) );  /* For Safari 5.1 to 6.0 */
	background-image: -o-linear-gradient(to bottom, rgba(155,185,0, 100), rgba(90,145,0, 100) ); /* For Opera 11.1 to 12.0 */
	background-image: -moz-linear-gradient(to bottom, rgba(155,185,0, 100), rgba(90,145,0, 100) ); /* For Firefox 3.6 to 15 */
	background-image: linear-gradient(to bottom, rgba(155,185,0, 100), rgba(90,145,0, 100) ); /* Standard syntax */
	text-decoration: none; min-height:55px; }




/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn { color: #fff; text-decoration: none;	background: #558103; /* For browsers that do not support gradients */
 	background-image: -webkit-linear-gradient(to top, rgba(155,185,0, 100), rgba(90,145,0, 100) );  /* For Safari 5.1 to 6.0 */
	background-image: -o-linear-gradient(to bottom, rgba(155,185,0, 100), rgba(90,145,0, 100) ); /* For Opera 11.1 to 12.0 */
	background-image: -moz-linear-gradient(to bottom, rgba(155,185,0, 100), rgba(90,145,0, 100) ); /* For Firefox 3.6 to 15 */
	background-image: linear-gradient(to bottom, rgba(155,185,0, 100), rgba(90,145,0, 100) ); /* Standard syntax */
	min-height:55px; border:none; }


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







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


/* Dropdown Content (Hidden by Default) */
.dropdown-content-about {
    display: none;
    position: absolute;
    min-width: 190px;
    z-index: 1000;	
	border: 2px solid #7ABA02;
	background: #fff;
	border-radius: 8px;
	top: 50px;
}

/* Links inside the dropdown */
.dropdown-content-about a {
    color: #558103;
    padding: 12px 16px;
	text-align:center;
    text-decoration: none;
    display: block;
	font-size: 17px;
	background-color: #fff;
}

a.first {	border-radius: 8px 8px 0 0;  }
a.last  { 	border-radius: 0 0 8px 8px;  }


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


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-about { background-color: #558103; color: #fff; display: block; margin: 0 0 0 -48px; }


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







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


/* Dropdown Content (Hidden by Default) */
.dropdown-content-services {
    display: none;
    position: absolute;
    min-width: 190px;
    z-index: 1000;	
	border: 2px solid #7ABA02;
	background: #fff;
	border-radius: 8px;
	top: 50px;
}

/* Links inside the dropdown */
.dropdown-content-services a {
    color: #558103;
    padding: 12px 16px;
	text-align:center;
    text-decoration: none;
    display: block;
	font-size: 17px;
	background-color: #fff;
}


a.first {	border-radius: 8px 8px 0 0;  }
a.last  { 	border-radius: 0 0 8px 8px;  }


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


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


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






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


/* Dropdown Content (Hidden by Default) */
.dropdown-content-loans {
    display: none;
    position: absolute;
    min-width: 190px;
    z-index: 1000;	
	border: 2px solid #7ABA02;
	background: #fff;
	border-radius: 8px;
	top: 50px;
}

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


a.first {	border-radius: 8px 8px 0 0;  }
a.last  { 	border-radius: 0 0 8px 8px;  }


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


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-loans { background-color: #558103; color: #fff; display: block; margin: 0 0 0 -62px; }


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







/* -------------------- RATES BUTTON ---------------------- */



/* Dropdown Content (Hidden by Default) */
.dropdown-content-rates {
    display: none;
    position: absolute;
    min-width: 150px;
    z-index: 1000;	
	border: 2px solid #7ABA02;
	background: #fff;
	border-radius: 8px;
	top: 50px;
}

/* Links inside the dropdown */
.dropdown-content-rates a {
    color: #558103;
    padding: 12px 16px;
	text-align:center;
    text-decoration: none;
    display: block;
	font-size: 17px;
	background-color: #fff;
}


a.first {	border-radius: 8px 8px 0 0;  }
a.last  { 	border-radius: 0 0 8px 8px;  }


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


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-rates { background-color: #558103; color: #fff; display: block; margin: 0 0 0 -42px; }


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









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

	
/* Dropdown Content (Hidden by Default) */
.dropdown-content-contact {
    display: none;
    position: absolute;
    min-width: 175px;
    z-index: 1000;	
	border: 2px solid #7ABA02;
	background: #fff;
	border-radius: 8px;
	top: 39px;
}

/* Links inside the dropdown */
.dropdown-content-contact a {
    color: #558103;
    padding: 12px 16px;
	text-align:center;
    text-decoration: none;
    display: block;
	font-size: 17px;
	background-color: #fff;
}


a.first {	border-radius: 8px 8px 0 0;  }
a.last  { 	border-radius: 0 0 8px 8px;  }


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


/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-contact { background-color: #558103; color: #fff; display: block; margin: -2px 0 0 -60px; }


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

}