nav#main { 
   background: #710000;  
   width: 100%;
   max-width: 1000px;
   min-width: 960px; 
   height: 43px;
   position: absolute;
   bottom: 0;
   left: 0; 
   }
    
nav#main ul { list-style: none; }
.en-espanol nav#main ul { margin-left: 2px; }

nav#main ul li {
   margin: 5px;      
   float: left; 
   position: relative;
   display: inline-block; } 
   
.en-espanol nav#main ul li { margin: 5px 2px; }

nav#main ul li a {
   height: 17px;
   padding: 10px 21px 7px 20px;
   font-family: "nimbus-sans",arial,sans-serif;
   font-size: 16px;
   line-height: 1;
   color: #f1e6e6;
   display: inline-table;
   -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; }
   
nav#main ul li:hover a.dropdown {
   height: 21px;   
   padding-top: 13px; }

   @media (max-width : 1000px) 
      { 
      nav#main ul li a  { padding: 10px 19px 7px 19px; }
      } 
   
   nav#main ul li.nav-union a { padding-left: 20px; }
   @media (max-width : 1000px) { nav#main ul li.nav-union a  { padding-left: 10px; } } 
      
   nav#main ul li.nav-act a { padding-right: 20px; }
   @media (max-width : 1000px) { nav#main ul li.nav-act a  { padding-right: 10px; } } 

nav#main ul li:hover a { 
   background: #e50000;   
   color: white; }
nav#main ul li:active a { background: #fd0000; }

nav#main ul > li:hover a.dropdown {
   color: white; } 

/* Submenu
------------------------------------ */

nav#main ol { 
   background: #e50000;
   list-style: none;
   width: 172px;
   margin: 0;
   padding: 4px;
   display: none;
   position: absolute; 
   left: 0px;
      top: 38px;
      z-index: 1;
   -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; }
nav#main li:active ol { background: #fd0000; }

nav#main .nav-act ol { left: -66px !important; }

nav#main li:hover ol,
nav#main li.over ol { display: block; }
   
nav#main ol li {
   background-image: none;
	text-align: left; 
   margin: 0 !important;
   float: none;
	display: block;
   font-family: "nimbus-sans",arial,sans-serif;
   font-size: 15px; }

nav#main ol li > a {
   width: auto;
   height: auto;
   padding: 9px 11px !important;
   display: block;
   float: none;   
   text-indent: 0;
   color: #fff;
   -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; }
nav#main ol li:last-child a { border-bottom: none !important; }

nav#main ol li a:hover { 
	background-color: #710000 !important; 	
	color: #fff !important; }
nav#main ol li a:active { 
   background-color: #4d0000;
	-moz-box-shadow:    inset 1px 1px 2px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.3);
	box-shadow:         inset 1px 1px 2px rgba(0,0,0,.3); }

nav#main ol li ul { 
   list-style: disc !important; 
   margin: 0; }
nav#main ol li ul li { 
   border-bottom: none; }
nav#main ol li ul li a { 
   background: url(/theme/img/dot.png) no-repeat 10px 10px !important;   
   padding: 4px 18px 5px !important; 
   font-size: 14px !important; }


/* Translation Navigation
------------------------------------ */

nav#translations {  
   width: 220px;
   height: 32px;
   position: absolute;
   top: 6px;
   right: 0; 
   }
    
nav#translations ul { list-style: none; }
   
nav#translations ul li {
    float: left; 
    position: relative;
    display: inline-block;
    } 
   
nav#translations ul li a {
   height: 12px;
   padding: 10px;
   font-size: 12px;
   line-height: 1;
   color: #f0c7c7;
   display: inline-table;
   -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; }
    
.ie nav#translations ul li a { padding: 10px; }

nav#translations ul li a:hover { color: white; }
nav#translations ul li a:active { color: #710000; }

nav#translations ul li.active a {
   color: white;
   background: url('/theme/img/nav-top-selected.png') no-repeat center top; }
   
 /* Section Nav
------------------------------------ */

#snav { 
   background: #d2d2d2;
   padding: 15px;
   margin-bottom: 15px;
   text-align: left; }
   
#snav h3 {
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 7px; }
    
#snav ul { list-style: none; }   
#snav li a { 
   padding: 6px 5px 6px 0; 
   display: block;
   line-height: 1.1;
   text-transform: uppercase;
   color: #636363;
   -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; }  
#snav li a:hover { 
   background: #be0000;
   padding: 6px 5px 6px 7px; 
   color: #fff;
   -moz-box-shadow:       inset 1px 1px 2.5px rgba(0,0,0,0);
   	-webkit-box-shadow: inset 1px 1px 2.5px rgba(0,0,0,0);
   	box-shadow:         inset 1px 1px 2.5px rgba(0,0,0,0); }
#snav li a:active { 
   background: #710000;
   -moz-box-shadow:       inset 1px 1px 2.5px rgba(0,0,0,.3);
      -webkit-box-shadow: inset 1px 1px 2.5px rgba(0,0,0,.3);
   	box-shadow:         inset 1px 1px 2.5px rgba(0,0,0,.3);   
   color: #fff; }    

#snav li.active a { color: #710000; }
#snav li.active a:hover { 
   background: none; 
   color: #710000; 
   padding: 6px 5px 6px 0; 
   cursor: auto; }


#snav ul li ul { 
   margin: 0; }
#snav ul li ul li { 
   border-bottom: none; }
#snav ul li ul li a { 
   padding: 4px 5px 5px !important; 
   font-size: 13px !important;
   text-transform: none !important; }
#snav ul li ul li a:before { 
   content: "·";
   font-size: 16px; 
   font-weight: bold; 
   padding: 0 4px 0 0;}

   
 /* Blog Nav
------------------------------------ */

#bnav { 
   text-align: left;
   background: #fff;   
   padding: 20px;
   margin-bottom: 10px; } 
   
#bnav h3 { 
   text-transform: uppercase;
   color: #d10101; 
   margin: 10px 0 5px; }
#bnav h3:first-child { margin-top: 0; }

#bnav select { 
   background: #dcdcdc;   
   border: none;
   width: 260px;
   margin: 0 auto;
   padding: 7px 9px 6px 6px; 
   border-radius:         4px;
   -moz-border-radius:    4px; 
   -webkit-border-radius: 4px;    
   cursor: pointer; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   line-height: 13px;
   color: #515151;
   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; } 
#bnav option { 
   border-radius:         4px;
   -moz-border-radius:    4px; 
   -webkit-border-radius: 4px; } 
#bnav select:hover { 
   background: #7b7b7b; 
   color: #fff; 
   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); }
#bnav select:focus { 
   background: #9a9a9a ;   
   color: #fff;
   cursor: text; 
   box-shadow:         inset 1px 1px 1px rgba(0, 0, 0, 0.35);       
   -moz-box-shadow:    inset 1px 1px 1px rgba(0, 0, 0, 0.35);
   -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35); }
      

/* --------------- Actions --------------- */

.actions {  
    width: 300px;
    margin: auto;
    position: relative;
    }  
    
    #home .actions { 
        position: absolute;
        top: 20px;
        right: 20px;
        }  
        
         @media (max-width : 1000px) { #home .actions { right: 0; } }   
       
.actions section { 
    width: 270px;
    height: 66px;
    padding: 12px 15px;
    margin: 0 0 15px 0;
    position: relative;
    text-align: left;
    }
    
    #connect { background: #636363; } 
    #mobile { background: #adadad; }   
    #join { background: white; }   
    
    #options #join { 
        box-shadow:         0px 0px 3px rgba(0, 0, 0, 0.25);       
        -moz-box-shadow:    0px 0px 3px rgba(0, 0, 0, 0.25);    
        -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); 
        }   
    
#options .actions section:last-child { margin-bottom: 0; }


.actions h2 {
    margin: 0 0 4px 0;
    height: 26px;
    overflow:hidden;
    font-size: 32px;
    line-height: .8;
    font-weight: 600;
    text-transform: uppercase;
    } 
   
   
.actions h2 a { 
    -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;
    transition:      color .3s ease-in-out; 
    }

    #connect h2   { color: white; } 
    #mobile h2 a  { color: #505050; }   
    #join h2 a    { color: #dd4444; }   
    
    #mobile h2 a:hover  { color: #2d2d2d; }   
    #join h2 a:hover    { color: #7c0000; }   
    
    #mobile h2 a:active { color: black; }   
    #join h2 a:active   { color: #520000; }   

.actions p {
    font-size: 11px;
    line-height: 1; } 

#mobile-step2 { }
#mobile-step2 button { 
  background-image: none;
  width: 128px;
  margin: 0 3px; 
  color: #fff; 
  text-transform: uppercase;
  font-size: 20px;
   font-family: 'nimbus-sans-condensed','Arial Narrow',arial,sans-serif;
   line-height: 1; 
   font-weight: 600; }

/* --- Connect --- */

   
.like, .follow {
    width: 113px;     
    display: inline-block;
    -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; 
    position: absolute;
    bottom: 20px;
    }
    
.like { left: 15px; } 
.follow { right: 15px; }  
    
#connect iframe { float: left; }

.follow .twitter-follow-button { margin-top: -2px; }       



#connect a.icon { 
    background-position: center center;
    background-repeat: no-repeat;
    width: 23px;
    height: 18px;
    opacity: .5;   
    margin-right: 4px;
    display: inline-block; 
    float: left; 
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition:   opacity .3s ease-in-out;
    -ms-transition:  opacity .3s ease-in-out;
    transition:      opacity .3s ease-in-out; 
    }   
    
   #connect a.icon:hover { opacity: 1; }
   
.like a.icon { background-image: url(/theme/img/icon-facebook.png); }
.follow a.icon { background-image: url(/theme/img/icon-twitter.png); }



 /* --- Email and Mobile Forms --- */
 
.subscribe { 
    display: inline;
    text-align: left; 
    } 

.subscribe ol { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    } 
   
.subscribe li { 
    padding: 0 2px; 
    display: inline-block;
    float: left;
    position: relative;
    float: left;
    text-align: left; 
    }

.subscribe small { 
    font-family: "nimbus-sans-condensed","arial narrow",arial,sans-serif;
    font-weight: 300px;
    font-size: 12px;
    line-height: 1;
    color: white;
    width: 80px; 
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin: 3px 0 0 5px;
    }
.en-espanol .subscribe small { font-size: 10px; }
.tagalog .subscribe small { width: auto !important; }

.subscribe input { 
   background: #dcdcdc;   
   border: none;
   width: 125px;
   height: 20px;
   margin: 0 auto;
   padding: 6px 6px; 
   cursor: pointer; 
   border-radius:            4px;
      -moz-border-radius:    4px; 
      -webkit-border-radius: 4px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 14px;
   color: #747474;
   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; }

.subscribe .email {  width: 137px !important; }
.subscribe .zip_code {  width: 65px !important; }

.tagalog input { font-size: 12px; }
.tagalog input#person_phone { width: 210px !important; }
.tagalog .subscribe .email {  width: 100px !important; }
.tagalog .subscribe .zip_code {  width: 100px !important; }

.subscribe input:hover { 
   background-color: #e4e4e4;
   color: #606060;
   box-shadow:            1px 1px 2.5px rgba(0, 0, 0, 0.1);       
   	-moz-box-shadow:    1px 1px 2.5px rgba(0, 0, 0, 0.1);    
		-webkit-box-shadow: 1px 1px 2.5px rgba(0, 0, 0, 0.1); 
    }
   
.subscribe input:focus { 
   background-color: #e9e9e9;
   color: #606060;
   cursor: text; 
   box-shadow:            inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25);       
		-moz-box-shadow:    inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25); 
    }

.subscribe button {
    background: #7c0000 url(/theme/img/act-arrow.png) no-repeat 11px center; 
    width: 30px;
    height: 32px;
    border: none;   
    overflow: hidden;
    display: inline-block;
    float: left;
    position: relative;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    transition: background-color .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;  
    } 
    
.subscribe button:hover { background-color: #be0000; } 

.subscribe button:active { 
   background-color: #520000;
   box-shadow: inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25);		 
		-moz-box-shadow: inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25); } 
   
   
   
   
   
   
/* ---- Feed Controls ---- */   

.video.feed ul {
    list-style: none;
    position: absolute;
    right: 0;
    top: 12px; 
    margin: 0;
    }
      
.video.feed li { 
   width: 10px; 
   display: block;
   margin-right: 5px;
   float: left; }
.video.feed li:last-child { margin-right: 0; }

   .video.feed li a { 
      background-color: #636363;
      height: 10px;
      display: block;
      position: relative;
      -moz-border-radius:       5px;
         -webkit-border-radius: 5px;
         border-radius:         5px; 
      -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; }
   .video.feed li:hover a { 
      background-color: #710000;
      -moz-box-shadow:       0 1px 1px rgba(0,0,0,.3);
         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
         box-shadow:         0 1px 1px rgba(0,0,0,.3); }
   .video.feed li:active a { 
      background-color: #530000;
      -moz-box-shadow:       inset 0 1px 1px rgba(0,0,0,.3);
         -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.3);
         box-shadow:         inset 0 1px 1px rgba(0,0,0,.3); }
   .video.feed li.ui-tabs-active a { 
      background-color: #be0000;
      -moz-box-shadow:       inset 0 1px 2px rgba(0,0,0,.3);
         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
         box-shadow:         inset 0 1px 2px rgba(0,0,0,.3); }