/* ---- Staff  ---- */   

.staff-list article a,
.staff-list h4,
.staff-list small {
  display: block;
  -webkit-transition: all .25s ease-in-out;  
  -moz-transition:    all .25s ease-in-out;  
  -o-transition:      all .25s ease-in-out;  
  -ms-transition:     all .25s ease-in-out; 
  transition:         all .25s ease-in-out; }
    
.staff-list article {
  background: #f7f7f7;
  padding: 10px 2%;
  width: 30.75%;
  margin: 0 2% 10px 0;
  display: inline-block; 
  vertical-align: text-top; }
.staff-list article.last { margin-right: 0; }
    
.staff-list article:hover,
.staff-list article:active { background-color: #336d9a; }

.staff-list img {
    width: 100%;
    clear: both;
    margin: 0 10px 0 0;
    }
    
.staff-list h4 {
    font-weight: 300;
    font-size: 20px;
    line-height: 1;
    margin: 0;
    }
    
    .staff-list article:hover h4 { color: white; }
    

.staff-list small p {
  font-size: 12px;
  line-height: 15px; 
  margin: 3px 0 0 0; }
  
.staff-list article:hover small { color: #f3f0f8; }
 
 
.job-title {
  font-size: 18px;
  opacity: .6; }

 
/* Our History
--------------------------------------------------- */

.history-list {}

.history-list section { margin-bottom: 10px; }

.history-list .expander-header { padding: 0 0 10px 0 }

.history-list .expander-header h2 {
    font-size: 24px;
    color: #003158;
    padding: 15px 0 7px 29px;
    border-top: 1px #e8e8e8 solid; 
    }      

.history-list .expander-header h2:before { top: 15px; }    

.history-list .expander-body { padding: 0 0 0 19px; }       

.history-list article {   }
  
.history-list .pad { padding: 10px; }

.history-list h3 { font-size: 18px; }
  
.history-list p { 
    font-size: 14px; 
    line-height: 1.2; 
    }
 
    @media (min-width : 1200px) { .history-list p { font-size: 12px; } } 
    
    
    
/* Sectors 
------------------------------------ */

.union.sectors .above { }
    
.sectors .hero { text-align: left; }
.sectors .hero img { width: 100%; }

.above .hero .text {
    background-image: -moz-linear-gradient(1deg, rgba(0,72,129,0) 0%, rgba(0,72,129,.99) 28.56%, #004881 28.83%); /* gradient overlay */
    background-image: -o-linear-gradient(1deg, rgba(0,72,129,0) 0%, rgba(0,72,129,.99) 28.56%, #004881 28.83%); /* gradient overlay */
    background-image: -webkit-linear-gradient(1deg, rgba(0,72,129,0) 0%, rgba(0,72,129,.99) 28.56%, #004881 28.83%); /* gradient overlay */
    background-image: linear-gradient(89deg, rgba(0,72,129,0) 0%, rgba(0,72,129,.99) 28.56%, #004881 28.83%); /* gradient overlay */ }
   
.sectors .one { 
  width: 100%;
  display: block; } 

.sectors .one.plustwo { width: 100%; }   
.sectors .two { 
  width: 100%; 
  display: block;}     

.sectors .snav li a { 
    position: relative;
    padding-left: 25px;
    }  
    
.sectors .snav li a:hover { 
    padding-left: 30px;
    }  
    
.sectors .snav li a .icons { 
    font-size: .8;
    width: 20px;
    text-align: center;
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    opacity: .5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out; 
    }  
    
.sectors .snav li a:hover .icons { 
    left: 5px;
    }