.top-bar a {
	 color: white;
    font-family: "Arvo",arial,serif;
    font-weight: bold;
	 }

.top-bar-section ul li > a {
	color: white;
    font-family: "Arvo",arial,serif;
    font-weight: bold;
	 }
	
  .content  {
	    background-color: rgba(242, 242, 242, 0.91);
	    padding-left: 0;
	    padding-right: 0;
	   }
	   
	   
	.button {
		    font-family: "Arvo",arial,serif;

	}   
	   
	   
	.callout h1 {
		color: #337f41;
    font-family: "Arvo",arial,serif;
    margin-bottom: 1%;
     font-size: 200%;
	line-height: 100%;
/* 	padding-top: 1%; */
	
	}
		



	.callout h2 {
		color: #ffffff;
    font-family: "Arvo",arial,serif;
    margin-bottom: 1%;
     font-size: 150%;
	line-height: 100%;
/* 	padding-top: 1%; */
	
	}


.panel h1  {    
	color: #337f41;
    font-family: "Arvo",arial,serif;
    margin-bottom: 1%;
     font-size: 200%;
	line-height: 100%;
/* 	padding-top: 1%; */
	
	}

	
.panel h2  {
    color: #337f41;
    font-family: "Arvo",arial,serif;
    margin-bottom: 1pt;
    font-size: 150%; 
	line-height: 125%;
/* 	padding-top: 5%; */
	}
	
	
h3 {
    color: #337f41;
    font-family: "Arvo",arial,serif;
    margin-bottom: 1pt;
    font-size: 100%; 
	line-height: 100%;
/* 	padding-top: 5%; */
	}

h4  {
    color: #337f41;
    font-family: "Arvo",arial,serif;
    margin-bottom: 1pt;
    
     font-size: 50%; 
	line-height: 75%;
	padding-top: 5%;
	}	
	

   .side-nav {
	font-family: "Arvo",arial,serif;
    font-weight: bold;
    color:#000000;
    

   }
    
 
 

 body {
  /* Location of the image */
  background-image: url("images/bkgfull.jpg");
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #000000;
  
  	font-family: 'Merriweather', arial, serif;
}

/* http://stackoverflow.com/questions/14721228/setting-webpage-background-image-while-using-zurb-foundation */

/*
.callout {
	color:#ffffff;
	background: url("images/calloutbar.png") repeat-y center top;
/*     background-attachment: fixed;   */

}
*/



. button expand a {
	margin-bottom: 0 px;
	
}


#footer   p, h4 {
	font-family: "Arvo",arial,serif;
    font-weight: bold;
	color: #ffffff;
}



#footer {
  width: 100%;
  height: 140px;
  padding: 14px 0 20px 0;
  background-color: #337f41;
}






.align_left {
	/* for images placed in rich text editor */ 
	float: left;
	margin: 0 1em 0.5em 0; 
	position: relative;
	top: 0.5em;
	max-width: 50%; 
}

.align_right {
	/* for images placed in rich text editor */ 
	float: right;
	margin: 0 0 0.5em 1em;
	max-width: 50%; 
}

.align_center {
	/* for images placed in rich text editor */ 
	display: block;
	margin: 1em auto; 
	position: relative;
	top: 0.5em;
}


@media only screen {
	
	
	 } /* Define mobile styles */

@media only screen and (max-width: 40em) {
	
		
	
	
	 } /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) {
	
	
	
	
	
	 } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	
	
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 64.063em) { 
	
	
	
	
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
	
	
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */


@media only screen and (min-width: 90.063em) { 
	
} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	 } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


@media only screen and (min-width: 120.063em) {
	
	
	  
	 } /* min-width 1921px, xxlarge screens */