#id {
   line-height: 1; 
   background: #f47320;
   text-align: left;
   padding: 1em 0 0 0;
   width: 100%;
   margin: 12em auto 0;
   position: relative;
   height: auto;
   z-index: 2; }
   
#id h1, #id .secid-title { 
   font-size: 150%;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    font-family: 'proxima-nova', arial;
    font-weight: 500;
    color: #555;
    background: #eee;
    padding: .9em 1.7em 0;
    display: inline-block;}   

#intro { 
   margin: -2em 0 2em -2em;
   width: calc(100% + 4em);
   background: #ddd;
   padding: 0;
   display: flex;
   position: relative;}
   
#intro .intro-text {
   position: relative;
   display: inline-block;
   font-size: 100%;
   color: #555;
   padding: 2em;
   margin: 0 auto; 
   width: 500px; }
   
   #intro .intro-text span {
      font-size: 125%; 
      vertical-align: middle;  
      height: calc(275px - 4em);
      display: table-cell;
   }
   
   @media screen and (min-width:0\0) and (min-resolution: +72dpi) {
     #intro .intro-text {max-width: 550px;}
     #intro .intro-text span {font-size: 100%; }
   }
   
   #intro figure {
      display: inline-block !important;
      margin: 0 !important;
      width: auto !important;}

   #intro figure img {
      display: block;
      width: auto !important;}
      
/* --- Meta Styles --- */
.meta { margin: 0 0 1em 0; }

.meta time {
   text-transform: uppercase;
   font-weight: 400;
   color: #666; }
   
.meta h1 { margin-bottom: .25em; }
.meta h3 { 
   font-weight: 300;
   color: #888;
   margin-bottom: 1em; }


 /* Content
------------------------------------ */

#body { 
   background: #eeeeee;
   width: 100%;
   margin: 0 auto;
   font-size: 120%;
   position: relative;
   z-index: 0;
   display: flex;  }
   
   .results #body { z-index: 1001; }
   
   #body .wrap { 
      background: white;
      margin: 2em auto;
      padding: 2em;
      width: calc(1300px - 4em); }
      
#content, #options { display:table-cell; } 
   
#content {
   vertical-align: top;
   width: 62%;
   position: relative;
   left: 0; } 

#options {
   vertical-align: top;
   width: 35%;
   padding-left: 5%;
   position: relative;
   right: 0; } 
    
.wide #body { background-image: none; }
.wide #content {
   width: auto;
   float: none;}      
   
.rightrail {
   text-align: center;
   display: inline-block;
   width: 40%;
   margin: 0 0 0 5%;
   position: relative;
   right: 0;
   background: #eee;
   padding: 2em; }
   
#top {
   margin: 2em 0;
   border-bottom: 3px #ddd solid;}
   
#bottom {
   margin: 2em 0; }
   
 /* Photo with INSET Shadow
----------------------------- */ 

#content figure.photo {
   width: 100%;
   position: relative;
   float: none;
   display: block;
   margin: 0 0 2em 0; }  
      
#content figure.photo:before {
   content: "";
   position: absolute;   
      bottom: 0;
      left: 0;
      right: 0;
      top: 0; }   
      
   #content figure.photo img {
      float: none;   
      width: 100%;
}        
      
#content figure.box {
      float: left;
      display: inline;
      margin: 0 25px 0 0;
      background: #eee;
      padding: 24px;
      border: 1px #ccc solid; }
      
   #content figure.box figcaption {
      margin: 1em 0 0;
      text-align: center;
      font-size: 80%;
      width: 100%;
      padding: .5em 0;}

   #content figure.box .button {
      margin: 1em 0 0;
      text-align: center;
      font-size: 80%;
      display: block;
      width: auto;
      padding: .5em 0;
      color: white; }
      
      
/* Expander 
--------------------------------------------------- */

.expander { margin: 0 0 5px; }
   
.expander-header { 
   cursor: pointer;
   padding: 10px 0;
   display: block;   
	-webkit-transition: background-color .35s ease-in-out, color .35s ease-in-out;
		-moz-transition: background-color .35s ease-in-out, color .35s ease-in-out;
		-o-transition:   background-color .35s ease-in-out, color .35s ease-in-out;
		-ms-transition:  background-color .35s ease-in-out, color .35s ease-in-out;
		transition:      background-color .35s ease-in-out, color .35s ease-in-out; }

.expander-header h2 {
   font-size: 18px;
      color: #0F80BE;
      line-height: 1.3;
      text-transform: none;
	margin: 0;
   padding: 0 50px 0 0;
   position: relative;
   padding-bottom: 0 !important; 
   transition:            color .3s ease-in-out;    
      -webkit-transition: color .3s ease-in-out;  
      -moz-transition:    color .3s ease-in-out;  
      -o-transition:      color .3s ease-in-out;  
      -ms-transition:     color .3s ease-in-out; }   
.expander-header:hover h2,
.expander-header.selected h2 { color: #0FB7E0 !important; }   
.expander-header.selected:hover h2 { color: #D3D3D3 !important; }   

.expander-header h2:after {
   background: #D3D3D3 url(/theme/img/expander.png) no-repeat center 5px; 
   width: 22px;
   height: 21px;
   display: block;
   content:" ";
   -moz-border-radius:       20px;
      -webkit-border-radius: 20px;
      border-radius:         20px;    
   color: #fff;
   font-size: 22px;
   line-height: 19px;
   font-weight: 300;
   text-align: center;
   position: absolute;
      top: 0;
      right: 0;
   transition:            background-color .3s ease-in-out;    
      -webkit-transition: background-color .3s ease-in-out;  
      -moz-transition:    background-color .3s ease-in-out;  
      -o-transition:      background-color .3s ease-in-out;  
      -ms-transition:     background-color .3s ease-in-out; }
.expander-header:hover h2:after { background-color: #0fb7e0; }
.expander-header:active h2:after { 
   background-color: #7D7D7F; 
   box-shadow:            inset 1px 1px 2px rgba(0, 0, 0, 0.3);       
      -moz-box-shadow:    inset 1px 1px 2px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);  }

.expander-header.selected h2:after { background-position: center -47px !important; }

.expander-header p { margin-bottom: 0; }
   
.expander-header:hover { background-position: 630px -68px; }
.expander-header:active {  }        
      
.expander-body { 
    background: #fff;
    padding: 5px 0; }       
.expander-body p:last-child { margin-bottom: 0; }     
   

.news-item {
   position: relative;
   display: block;
   margin: 0 0 2em 0; }
   
   .news-item:last-child { margin: 0 auto; }
   
   .news-item a { 
      display: block;
      -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; 
      }
      
   .news-item a p a { display: inline-block; }
   
   .news-item .small {
      color: #aaa;
      text-transform: uppercase;
      display: block;
      margin: 0 0 .25em 0; }
      
   .news-item h3 {
      position: relative;
      font-size: 180%;
      line-height: 1.1;
      font-weight: 400;
      display: block;
            -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; 
}
      
   .news-item h3:before {
      position: absolute;
      top: -2px;
      left: -14px;
      content: '';
      height: 105%;
      background: #00bca8;
      width: 4px;
            -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; 
}
      
      .news-item a:hover h3 { color: #ff6900; }
      .news-item a:hover h3:before { background: #ff6900; }
      
      .news-item a p { color: #000;
            -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; 
}
      .news-item a:hover p { color: #666; }
      
      .news-item.list {
         font-size: 80%; }
         
      .news-item.list:last-child { margin: 0 0 2em 0; }
         
.share-on {
   margin: 1em 0 2em 0;
   -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,.05);
      box-shadow: 0 0 0 5px rgba(0,0,0,.05);
   padding: 1em; }
   
.share-on figure {
    float: left;
    display: inline;
    margin: 0 25px 0 0;
    width: 300px;
}

.share-on figure img {
   width: 100%;
   display:block; }


.share-on .overview {
   position: relative;
   margin-left: 325px;}
 
#newsletter {
   border-top: 3px #ddd solid;
   padding: 1em 0 0 0;
   margin: 2em 0 0 0;;
   width: 100%;
   text-align: center; }
   
   #newsletter h1 { 
      font-size: 220%;
      display: inline-block;
      margin: 0 1em 0 0;
      vertical-align: middle;}
   
   #newsletter form { 
      display: inline-block;
      vertical-align: middle;
      font-size: 110% }
   
   #newsletter span { 
      margin-top: 1em;
      display: block; 
      font-size: 100%; }
      
#interest {
   background: #501072;
   color: white !important;
   padding: 1.5em; }
   
   #interest h2 { color: white; }
   #interest .button { 
      display: block;
      width: 100%;
      padding: .5em 0;
      text-align: center;
      background: white;
      color: #501072;
      font-size: 120%;
      margin: 1em 0 0 0;}
   #interest .button:hover { background: #00bca8; }

 /* Three Column Layout
------------------------------------ */

.threecol { }
   
.threecol .col1,
.threecol .col2,
.threecol .col3 { 
   width: 326px;
   float: left; }   
   
.threecol .col1 { 
   background: #0e4e91;      
   width: 620px;
   padding: 25px;
   -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;
   color: #fff;}

.threecol .col1 h1 {
  color: #fff;
  font-size: 34px;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 700;
}

.threecol .col1 input { width: 250px; }

.threecol .col2 { 
    width: 260px;
    padding: 0 25px; 
    }
   
.threecol .col3 { 
   width: 240px;
   padding: 0 0 0 20px; } 



 /* Thank You
------------------------------------ */

    
/* Photos
------------------------------------ */

.photo-thumbnail {
    display: block;
    width: 130px;
    height: 100px;
    float: left;
    margin: 0 10px 10px 0;
    text-indent: -999999px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover !important;
    -moz-border-radius:     6px;
    -webkit-border-radius:  6px;
    border-radius:          6px; 
    }
    
#options .promo { 
   width: 100%;
   padding: 0;
   margin: 2em 0 0 0;
   -webkit-box-shadow: inset 0 0 0 5px rgba(0,0,0,.05);
   box-shadow: inset 0 0 0 5px rgba(0,0,0,.05); }
   
   #options .promo span { 
      display: block;
      padding: 2em; }
      
   #options .promo.graphical { 
      width: 100%;
      padding: 0;
      margin: 1em 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      background: none; }

#options .promo.share-graphics {
    flex: 0 0 40%;
    margin: 5%;
}

.addthis_32x32_style .at15t_facebook {
    background: url("/theme/img/32-fb.png") no-repeat 0 0 transparent;
    background-position: 0 0; !important
}

.addthis_default_style .addthis_separator, .addthis_default_style .at4-icon, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300bs, .addthis_default_style .at300m {
    float: none !important;
    display: inline-block;
    text-align: center;
}