@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
body {
  background-color: white;
  color: #847d7a;
  margin: 0 auto;
  font-family: "Lato",Arial,Helvetica,sans-serif;
  font-size: 11pt;
  padding: 0; }

   .banner {
	max-width: 1024px;
	background-repeat: no-repeat;
    background-position: 80% bottom;
    margin: 0 auto;
    width: 87.5%;
}

a {
  color: #007681;
  text-decoration: none; }
  
/*****************************************
 * BANNER
 ****************************************/
.banner .banner1 {
  background-color: #e3e3e3; }
.banner .banner2 {
  background-color: #cccccc; }
.banner .banner3 {
  background-color: #e3e3e3; }
.banner {
	background: url('../../img/iafp/header-flourish.png') no-repeat top right;
	height: 105px;
}
.banner img {
	position: relative;
	top: 20px;
}


/* Use the above banner1, banner2 and/or banner3 divs 
 if you want to divide your banner up into sections.
 Colors are there now just to show where the blocks are.
 */
/*****************************************
 * Navbar: Top Horizontal Navigation Bar
 ****************************************/
.clientNavigation {
  background-color: #007681;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
  height: 10px;
  font-family: "Roboto Condensed",Arial,Helvetica,sans-serif;
 }
  
 #nav {
    margin: 0 auto;
    width: 87.5%;
	max-width: 1024px;
	height: 80px;
	line-height: 2.6em;
	list-style-type: none;
	padding: 0;
 }

 #nav li {
	color: #8B2346;
	float: left;
	padding: 0 6px;
	height: 80px;
 }
 
 #nav li.navbuttonlast {
	margin-left: 46px;
 }
 
 #nav a {
	color: white;
	display: block;
	font-size: 18px;
	padding: 22px 10px;
	text-decoration: none;
 }
 
 #nav ul {
	background-color: white;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
	display: none;
	list-style-type: none;
	padding: 15px 16px 24px;
	position: absolute;
 }
 
 #nav ul a {
	font-weight: normal; 
	padding: 5px 20px;
 }
 
 #nav ul li {
	float: none;
	height: 15px;
	padding: 1px;
	margin-bottom: 1em;
 }
 
 #nav ul li a {
	color: #333;
	font-size: 16px;
	padding: 0 20px 0 10px;
	line-height: 1.5;
 }
 
 #nav li:hover ul {
	display: block;
 }
 
 #nav ul li a:hover {
	color: #666;

 }
 


/*======================================
=            Footer Section            =
======================================*/

footer {
	 margin: 0 auto;
    width: 87.5%;
    max-width: 1240px;
    font-size: .85em;
}

.sub-footer-nav a {
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 0.5em;
    font-weight: 700;
    color: #007681;
    font-size: 0.83333em;
}

/*=====  End of Footer Section  ======*/

@media (max-width: 760px) {
	#nav {
		display: none;
	}

	footer {
		display: none;
	}
}

/* Other Elements */
ul.errorlist {
	color: red;
}