body
{
background-color: #005123;
margin: 0px;
color: #21252b;
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
}


#head_container
{
    background: #dfe3e3;
    width: 100%;
    padding-bottom: 10px;
}


header {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 92.3em; /* 1200px / 13 */
			margin: 0 auto;
			padding: 10px 0px 10px 0px;
			position: relative;
			color: #000;
			text-align: left;
		}
		
.banner-image
{
	width: 100%;
}		
 
  



#content_container
{
    width: 100%;
    background: #ffffff;
}

.content
   {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 92.3em; /* 1200px / 13 */
		    	margin: 0 auto;
			padding: 1em 0px;
			color: #005123;
			line-height: 1.5em;
			position: relative;
			
			
		} 

.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }
  
  
.threecolumns{
	-moz-column-count: 3;
	-moz-column-gap: 3em;
	-webkit-column-count: 3;
	-webkit-column-gap: 3em;
	column-count: 3;
	column-gap: 3em;
  }
  
  
  
  #footer_container
{
    background: #005123;
    width: 100%;
}


footer {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 92.3em; /* 1200px / 13 */
			margin: 0 auto;
			padding: 5px 0px 5px 0px;
			position: relative;
			color: #ffffff;
			text-align: left;
		}


#wrapper
{
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}











p
{
line-height: 150%;
margin-top: 2px;

}

.social
{
    float: left;
    margin: 5px;

}





footer a:link, footer a:visited, footer a:active {
    text-decoration: none;
    color: #ffffff;
    
}


 a:link,  a:visited,  a:active {
    text-decoration: none;
    color: #005123;
    
}
.content a:hover {
    text-decoration: bold;
    color: #ffffff;
	background: #005123;
    
}

.col1 h2 {
    text-transform: uppercase;
	color: #005123;
}


@media all and (min-width : 800px){
.flex {
    display: -webkit-flex; /* Safari */
    display: flex;
    width: 100%;
}

.flex .col1 {
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    margin: 5px;
    padding: 0 15px 0 0px;
    max-width: 700px;
    text-align: left;
}

.flex .col2 {
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    margin: 5px;
    padding: 5px;
   max-width: 700px;
}

.flex .col2 img {
width: 100%;
}

.flex .col3 {
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    margin: 5px;
    padding: 5px;
    max-width: 200px;
}

.col3 p
{
    margin-top: 50px;
}

}

.col1 img {
    width: 100%;
}

@media all and (max-width : 800px){

.flex .col1 {
   border-bottom: 1px solid;
   padding-bottom: 10px;
}

.flex .col1 .findoutmore a:link, .flex .col1 .findoutmore a:active, .flex .col1 .findoutmore a:visited {
	text-decoration: none;
	color: #fff;
	background: #336699;
	color: #fff;
	text-align: left;
	padding: 10px;
	display: block;
}

}



h1 {
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
	font-family: Georgia, serif;
	font-style: italic;
	color: #808285;
}

#menu a:link, #menu a:visited  {
    display: block;
   padding: 30px;
   height: 100%;
    float: left;
    text-align: center;
    color: #005123;
    font-size: 1.2em;
}

#menu a:hover
{
background: #ffffff;
}

a.active {
	background: #ffffff;
	color: #005123;
}

.form textarea{
width: 450px;
height: 100px;}	


form, input, textarea {
    width: 100%;   
}


.clear
{
clear: both;
}

.quote
{
background-color: #005123;
color: #ffffff;
padding: 10px;
font-size: 1.3em;
}


.fa-check::before {color: #005123; padding-right: 10px; }