#hero {
   width: 100%;
   height: 680px;
   background: #fff;}

.slide {
   background-repeat: no-repeat;
   background-position: center top;
   position: relative;
   background-size: cover;
   height: 640px; }   

#hero ul, #hero .control { 
   display: none; }

#hero .mask { }

#hero .text {
   display:block;
   float:none;
   width: 800px;
   height: auto;
   padding: 30px;   
   font-size: 17px;
   color: #fff;
   position: relative;
   top: -100px;
   text-align: center;
   background: #fff;
   -webkit-box-shadow: 0 -10px 20px 0 rgba(0,0,0,.2);
   box-shadow: 0 -10px 20px 0 rgba(0,0,0,.2); } 
   
#hero .text .button, button {
   font-size: 20px;
   color: #fff;
   font-weight: 300;
   text-transform: uppercase;
   padding: 5px 20px;
   background: #0f5e9d;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   border: none;
}

#hero .text .button:hover, button:hover {
   background: #18ae6b;
}
   
#hero h1 {
   color: #6e6e6e;
   font-size: 40px;
   font-weight: 300;
   margin-bottom: 1em;
}

.caption { 
   text-align: center;
   color: #fff;
   font-size: 13px;
   display: block;
   position: absolute;
   top: -24px;
   left: 0;
   width: 100%;
   background: rgba(0,0,0,.5); }

.content {
   width: 1180px;
   margin: 40px auto;
   text-align: left; }
   
#interior .content div.photo {
   float: right;
   margin: 0 0 1em 1em;
   font-size: 12px;
   line-height: 1.4; }
   
   #interior .content div.photo img { border: 2px #666 solid; }
   
#interior .content {
   margin-top: 100px; }
   
#interior .content h1 {
   font-weight: 300; }

.featured {
   background: #f1f1f1; 
   margin-bottom: 20px; }
   
.featured:last-child { margin-bottom: 0; }

.featured h3, .right h3 {
   background: #18ae6b;
   color: #fff;
   font-weight: 400;
   text-align: center;
   padding: 10px 0;
   font-size: 18px;
   text-transform: uppercase; }
   
   .featured h3 a { color: #ffffff; }

.featured img {
   border: 1px #666 solid; }
   
   .featured .activist img { width: 100px; }
   .featured .story img,
   .featured .training img { width: 240px; }

.right h3 { text-align: left; padding-left: .5em;}

.featured h2, .right h2 {
   font-size: 18px; font-weight: 300; color: #0f5e9d; margin-bottom: .5em; }

ul {margin-left:25px; margin-bottom: 15px;}
li {margin-bottom: 5px;}

.content .left { float: left; width: 500px; }
.content .center { float: left; width: 250px; margin-left: 40px; }
.content .right { float: right; width: 350px; background: #f1f1f1; }

a.promo { margin-bottom: 20px; display: block; }
a.promo:last-child { margin-bottom: 0; }

.featured {
   clear: both;
   float: left;
   width: 100%;}

.featured img {
   float: left;
   margin: 0 1em .5em 0; }
   
.facebook {
   margin-bottom: 1em;
   border-bottom: 1px #ddd solid;
   clear: both; }
   
.facebook:last-child {
   border: none; }
   
.facebook img {
   float: right;
   margin: 0 0 .5em 0.5em;
   max-width: 100%; }

.facebook img.large {
   float: none;
   margin: 0 auto;
   display: block; }

.facebook small {
   font-size: 11px;
   color: #444;
   text-transform: uppercase; }
   
.featured p, .facebook p {
   color: #444;
   font-size: 14px; 
   line-height: 1.2; 
   margin-bottom: 0; }
   
.more {
   font-weight: 800;
   text-transform: uppercase;
   font-size: 12px; 
   display: block;
   text-align: right;
   margin: 10px;}

.form { 
  background: #0c2f50; 
  width: 262px;
  padding: 20px;
  color: #fff;
  float: right;
  -webkit-transition: all .35s ease-in-out;  
  -moz-transition:    all .35s ease-in-out;  
  -o-transition:      all .35s ease-in-out;  
  -ms-transition:     all .35s ease-in-out;
  transition:         all .35s ease-in-out; }
.form:hover { background: #194874; } 

.form h2 { 
  font-size: 22px;
  line-height: 1.2;
  color: #fff;
  text-transform: normal;
  margin-bottom: 8px;
  font-weight: 400; }



.content.left .form { 
  margin-right: 20px;
  float: left; }
.content.right .form { 
  margin-left: 20px;
  float: right; }


.form li { 
  margin: 0 0 7px;
  display: block; }
  
.form input,
.form select,
.form textarea { 
  background: #fff; 
  width: 238px;
  border: none;
  margin: 0 auto;
  padding: 12px 10px; 
  border-radius:         4px;
  -moz-border-radius:    4px; 
  -webkit-border-radius: 4px;    
  cursor: pointer; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1;
  color: #0d1f58;
  box-shadow:         1px 1px 2px rgba(27, 33, 94, .2);       
  -moz-box-shadow:    1px 1px 2px rgba(27, 33, 94, .2);
  -webkit-box-shadow: 1px 1px 2px rgba(27, 33, 94, .2);  
  transition:         all .35s ease-in-out;    
  -webkit-transition: all .35s ease-in-out;  
  -moz-transition:    all .35s ease-in-out;  
  -o-transition:      all .35s ease-in-out;  
  -ms-transition:     all .35s ease-in-out; } 
  
.form select { width: 257px; }
.form textarea { height: 100px; }

.form .zip { width: 155px; }
.form input:hover,
.form select:hover,
.form textarea:hover { 
  background: #d1d1d1; 
  color: #0d1f58; 
  box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.2);       
  -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

/* ---- Placeholder Text Equalizer ---- */

.form input:-moz-placeholder                 { opacity: 1; }
.form input::-moz-placeholder                { opacity: 1; }
.form input:-ms-input-placeholder            { color: #0d1f58; }
.form input::-webkit-input-placeholder       { color: #0d1f58; }
.form input:hover:-ms-input-placeholder      { color: #fff; }
.form input:hover::-webkit-input-placeholder { color: #fff; }     

.form textarea:-moz-placeholder                    { opacity: 1; }
.form textarea::-moz-placeholder                   { opacity: 1; }
.form textarea:-ms-input-placeholder            { color: #0d1f58; }
.form textarea::-webkit-input-placeholder       { color: #0d1f58; }
.form textarea:hover:-ms-input-placeholder      { color: #fff; }
.form textarea:hover::-webkit-input-placeholder { color: #fff; }      

.form input:focus,
.form select:focus,
.form textarea:focus { 
  background: #fff;   
  color: #646784;
  cursor: text; 
  box-shadow:         inset 1px 1px 3px rgba(27, 33, 94, .45);       
  -moz-box-shadow:    inset 1px 1px 3px rgba(27, 33, 94, .45);
  -webkit-box-shadow: inset 1px 1px 3px rgba(27, 33, 94, .45); }    

#content option { 
  border-radius:         4px;
  -moz-border-radius:    4px; 
  -webkit-border-radius: 4px; }    

/* Generic Button
--------------------------------------------------- */

.form button { 
  background: #ba0000;
  width: 100%;
  padding: 5px 0;
  display: inline-block;
  border: 0;
  cursor: pointer;
  font-family: "bebas-neue",sans-serif;
  font-weight: 400; 
  font-size: 32px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  -moz-border-radius:    6px;
  -webkit-border-radius: 6px;
  border-radius:         6px;   
  -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; }
.form button:hover {
  background-color: #9b0000;
  -moz-box-shadow:    0 1px 1px rgba(0,0,0,.15);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
  box-shadow:         0 1px 1px rgba(0,0,0,.15); }   
.form button:active { 
  -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,.35);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.35);
  box-shadow:         inset 0 1px 1px rgba(0,0,0,.35); }  

.form strong.error { 
  padding: 2px 4px;   
  top: 22px;
  -moz-border-radius:    2px;
  -webkit-border-radius: 2px;
  border-radius:         2px; 
  font-size: 10px;
  line-height: 1; } 
.textarea strong.error { top: 12px; }
.form strong.error:after {  
  margin-left: -4px;  
  border-width: 4px; } 
  
.share {  
  margin-top: 15px; 
  text-align: center; }
.share  h3 { 
  font-size: 22px;
  text-align: left;
  margin-bottom: 7px; }
  
  
  /* mobile handling
  
  header h1 {display: none;}
  
  @media screen and (max-width: 920px) {
    header h1 {display: block !important;}
    body {
    background: #03182a !important;
    }
  }
  
  */

/* Archive Links and Pages
-------------------------------------------------------------- */

.story .links {
  text-transform: uppercase;
  font-size: 12px;
  margin: 10px 0;
  text-align: right;
  font-weight: 100;
}

.story .links a {
  font-weight: 800;
}

.archive .photo img { width: 340px; }
.archive .photo img.small-float { width: 180px; }

article.story { margin-bottom: 20px; }
article.story h2 { font-size: 24px; margin-bottom: .2em; }


/* video Rotator */
#video-rotator {
   text-align: center;
   margin: 0;
   height: auto; }

#video-rotator .slide {
   height: auto; }
   
#video-rotator ul.rotator { 
   clear:both;
   top: inherit;
   margin: 0 0 1em 0; }
   
/* --- Slide Tabs --- */

ul.rotator { 
  list-style: none; 
  display: inline;
  position: relative;
  top: -60px;
  margin: 0 auto;
  z-index: 10;
  font: 300 1px/1 arial; }

ul.rotator li { 
  width: 20px;
  margin-right: 5px;
  display: inline-block; }

ul.rotator li a { 
  background: rgba(255,255,255,.6); 
  color: #fff;
  padding: 10px;
  display: block;
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
  border-radius:         10px;
  -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;
  -moz-box-shadow:    inset 2px 2px 2px rgba(0,0,0,.25);
  -webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,.25);
  box-shadow:         inset 2px 2px 2px rgba(0,0,0,.25);}
ul.rotator li:hover a { 
  background: rgba(53,119,208,.5); 
  color: #3577d0;
  -moz-box-shadow:    inset 2px 2px 2px rgba(0,0,0,.25);
  -webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,.25);
  box-shadow:         inset 2px 2px 2px rgba(0,0,0,.25);}
ul.rotator li:active a { 
  background: rgba(53,119,208,1);
  color: #3577d0;
  -moz-box-shadow:    inset 2px 2px 2px rgba(0,0,0,.25);
  -webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,.25);
  box-shadow:         inset 2px 2px 2px rgba(0,0,0,.25); }
ul.rotator li.ui-tabs-active a { color: #3577d0; background: rgba(53,119,208,1); opacity: .5; }
ul.rotator li.ui-tabs-active hover a { background: transparent; }

#video-rotator ul.rotator li a { 
  background: rgba(15,94,157,.3);}
#video-rotator ul.rotator li:hover a { 
  background: rgba(15,94,157,.7); }
#video-rotator ul.rotator li:active a { 
  background: rgba(15,94,157,1);}
#video-rotator ul.rotator li.ui-tabs-active a { background: rgba(15,94,157,1); opacity: 1.0;}

.videodesc {
    width: 480px;
    text-align: left;
    max-width: 100%;
    min-height: 65px;
    margin-bottom: 10px; }

.videodesc p {
    /*font-size: 11px;*/
    color: #444; }