body { 
   background: white; }
   
.wrap { 
   width: 1400px; 
   position: relative; }
   
   body#simple .wrap {
      width: 760px; }
   
.wrap.wide {
   width: 96%; }
   
header {
   margin: 0;
   height: auto;
   width: 100%;
   z-index: 100;
   left: 0px;
   position: relative;
   top: 0;
   float: none;
   display: block; 
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#012350+0,012350+100&1+0,0.6+100 */
   background: -moz-linear-gradient(top,  rgba(1,35,80,1) 0%, rgba(1,35,80,0.6) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  rgba(1,35,80,1) 0%,rgba(1,35,80,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  rgba(1,35,80,1) 0%,rgba(1,35,80,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012350', endColorstr='#99012350',GradientType=0 ); /* IE6-9 */
   }

   
   header .wrap {
      height: 150px;}
      
   body#interior header, body#simple header {
      background: #012350;
   }
      
#alert {
   background: #fcbc31;
   color: #00192c;
   width: 100%;
   padding: 10px 0;
   text-align: center; 
   font-size: 125%; }
   
   #alert p { margin: 0; }
   #alert a { color: #00192c; }
   #alert a:hover { color: white; }

#logo {
   text-align: center;
   margin: 0 auto;
   position: relative;
   top: 15px;
   left: 0;
   height: 119px;
   z-index: 1000;
   float: left; }

#logo img { 
   width: auto; 
   height: 119px;
   position: absolute;
   left: 0; }

header #text {
   color: #44c9f6;
   text-transform: uppercase;
   text-align: left;
   float: left;
   position: relative;
   left: 190px;
   top: 35px; }

header #text span.date { display: block; font-size: 125%; line-height: 70%; }
header #text span.title { display: block; font-family: cubano, sans-serif; font-size: 250%; font-weight: 700; }
header #text span.tagline { display: block; font-size: 110%; color: #44c9f6; font-weight: 700; }

header #text span.ticker { display: block; font-size: 100%; color: #44c9f6; font-weight: 700; }

a#register {
   padding: 0 1em;
   height: 50px;
   display: inline-block;
   text-transform: uppercase;
   font-weight: 700;
   font-size: 130%;
   line-height: 50px;
   background: #fcbc31;
   color: #00192c;
   position: relative;
   float: right; }
   
   a#register:hover {
      background: white; }
      
   body#simple a#register, body.during a#register  {
      display: none; }


/* Site Footer
------------------------------------ */
footer {
   padding: 3em 0 2em 0;
   font-size: 90%; 
   position: relative;
   z-index: 99;
   text-align: center;
   width: 100%;
   background: none;
   text-transform: uppercase; }
   
footer a#register {
   padding: 1em 2em;
   height: auto;
   display: inline-block;
   text-transform: uppercase;
   font-weight: 700;
   font-size: 180%;
   line-height: 1;
   background: #fcbc31;
   color: #00192c;
   position: relative;
   float: none; 
   top: initial;
   margin-bottom: 2em; }
   
   footer a#register:hover {
      color: white;
      background: #00192c; }
      
      body#simple footer a#register, body.during footer a#register {
         display: none; }
   
footer .wrap {
   width: 60%;
   margin: 0 20%; }
   
footer a {
   text-transform: uppercase; }
   
span.contact, span.copyright  {
   display: block;
   margin-bottom: 1em; }
   
#credit {   
   font-size: 80%;
   text-transform: uppercase; }