body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    width: 90%;
    margin: auto;
}

.callout{
    font-size: 0.9em;
    font-weight:bolder;
    line-height: 1.8em;
    padding: 1em 0em 0em 0em;    
}
   
.url,
.url:visited {
    color: #979D81;
    font-weight:bold;
    line-height: 1.8em;
    letter-spacing: 0.05em;
    padding-top: 1em;
}

.small {
    font-size: 0.8em;
}

.green {
    color: #979D81;    
}  
 
.logo {
    font-size: 2em;
    padding: 0.5em 0em 0.3em 0em;
}    
.logo-img{
    width:  0.64em;
    height: 0.6em;   
}
.logo--light {
    color: #C3C8A6;
        }
.logo--dark {
    color: #979D81;
}


.banner-img {
    width:  100%;
    height: 100%;
    padding: 2.5em 0em 0em 0em;    
}    


.menu {
    list-style-type: none;
    overflow: hidden;
    color: #C3C8A6;
    background-color: #979D81;
    font-size: 0.95em;
    font-weight:bold;
    margin: 0em 0em 0em 0em;
    border: solid #C3C8A6;
    border-width: 0.2em 0em 0.2em 0em;
    padding: 0.2em 0em 0.2em 0em;    
}

.menu-item {
    float: left;
}

.menu-item a {
    display: block;
    text-align: center;
    text-decoration: none;
    
    color: #C3C8A6;
    background-color: #979D81; 

    border: solid #979D81;
    border-width: 0em 1em 0em 1em;    
    padding: 0em 0.3em 0em 0.3em;
}

.menu-item a:hover {
    color: #979D81;
    background-color: #C3C8A6;
    padding: 0em 0.3em 0em 0.3em;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}


.text-header {
    color: #979D81;
    font-size: 1.5em;
    font-weight:bold;
    letter-spacing: 0.05em;
    padding: 0.7em 0em 0em 0em;
}
.text-sub-header {
    color: #8C9177;
    font-size: 1em;
    font-weight:bold;
    letter-spacing: 0.05em;
    padding: 1em 0em 0em 0em;
}
.text-item {
    color: #666666;
    font-size: 0.8em;
    font-weight:bold;
    line-height: 1.8em;
    letter-spacing: 0.05em;
    padding: 1.2em 0em 0em 0em;
}


.column-1 {
  float: left;
  width: 48%; 
  padding-right: 4%;
  padding-bottom: 5%;
}  

.column-2 {
  float: left;
  width: 48%; 
  padding-bottom: 5%;
}  
