nav#main { 
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -480px;
    width: 960px;
    height: 50px;
    background: #00aeee;
    }
        
    @media (min-width : 1200px) { nav#main { width: 1200px; margin-left: -600px; } }   
  
nav#main ul { list-style: none; }

nav#main ul li {
    float: left; 
    position: relative;
    display: inline-block;
    } 

nav#main ul li a {
    color: #f6fdff;
    height: 16px;
    padding: 17px 15px;
    font-size: 16px;
    font-family: 'UniversLTW01-57Condense 723821','Arial','Helvetica',sans-serif;
    line-height: 1;
    text-transform: uppercase;      
    display: inline-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; 
    }  
    
    nav#main.new ul li a { font-size: 15px; padding: 17px 11px; }
    nav#main.new ul li:first-child a { padding-left: 18px; }
    
    nav#main ul li a:hover { color: white; text-decoration: none; }
  
.ie nav#main ul li a { padding: 20px 13px; }
.ie nav#main.new ul li a { padding: 20px 13px; }

    @media (min-width : 1200px) {
        nav#main ul li a { padding: 16px 20px; font-size: 18px; height: 18px; } 
        nav#main.new ul li a { padding: 16px 16.5px; }
        }   

nav#main ul li a:active { color: #016e88; }

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

nav#main ul li.nav-donate { background-image: none; }

nav#main ul li.nav-donate a {
    background-color: #f28c20;
    padding: 15px 25px;
    margin: 3px 0 0 15px;
    color: #fff;
    -webkit-transition: background-color .35s ease-in-out;
    -moz-transition:    background-color .35s ease-in-out;
    -o-transition:      background-color .35s ease-in-out;
    -ms-transition:     background-color .35s ease-in-out;
    transition:         background-color .35s ease-in-out; 
    }
  
    .ie nav#main li.nav-donate a { padding: 15px 25px; }

    nav#main ul li.nav-donate a:hover { background-color: #e42526; }
      
    nav#main ul li.nav-donate a:active {  background-color: #d07718; }    

    @media (max-width : 1200px) { 
        nav#main ul li.nav-donate a { 
            padding: 15px 20px;
            margin: 3px 0 0 5px;
            } }  




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

nav#main ol { 
    background: #2a4668;
    list-style: none;
    width: 180px;
    margin: 0;
    padding: 3px;
    display: none;
    position: absolute; 
    left: 20px;
    top: 45px;
    z-index: 1;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    -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:hover ol,
nav#main li.over ol { display: block; }

nav#main ol li {
    background-image: none;
    padding: 2px !important;
    text-align: left; 
    float: none;
    display: block; 
    }

nav#main ol li a {
    background-color: #2a4668;
    width: auto;
    height: auto;
    font-size: 16px;
    text-transform: none;
    padding: 7px 6px !important;
    display: block;
    float: none;   
    text-indent: 0;
    color: #b4eafe;
    -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 a:hover { 
    background-color: #3a6293 !important; 	
    color: white !important; 
    }
  
nav#main ol li a:active { 
    background-color: #1b2d42 !important; 
    color: #b4eafe !important;  
    -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); 
    }






/* --- Search Form --- */

#searchform {
    width: 180px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background: #51c8f4;
    -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; 
    }
    
    .new #searchform { width: 210px; }
    
    @media (min-width : 1200px) { 
        #searchform { width: 330px;  } 
        .new #searchform { width: 250px; }
        }   
    

#searchform:focus { background: #7fdafc; }

#searchform input {
    background: none;
    float: left; 
    margin: 0;
    padding: 15px 0 15px 16px;
    width: 180px;
    border: none;
    color: #c5eafb;
    font-size: 16px;
    font-family: 'UniversLTW01-57Condense 723821','Arial','Helvetica',sans-serif;
    text-transform: uppercase;
    -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; 
    }
    
    .new #searchform input { font-size: 15px; }

    @media (min-width : 1200px) { #searchform input { font-size: 18px; padding: 14px 0 14px 16px;width: 260px;  } } 

#searchform input:focus { 
    /*background: #cdcdcd;*/
    color: #fff;
    cursor: text; 
    /*-moz-border-radius:    4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius:         4px 0 0 4px;     
    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);*/ 
    }

#searchform button {
    background: none;
    font-size: 24px;
    color: #c5eafb;
    border: none;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 24px;
    padding: 13px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    -moz-border-radius:    0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius:         0 4px 4px 0; 
    -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;   
    }

#searchform button:hover { 
    color: white;
    font-size: 28px;
    }

#searchform button:active { 
    color: #c5eafb;
    font-size: 28px;
    }

#searchform input:-moz-placeholder                    { opacity: 1; }
#searchform input::-moz-placeholder                   { opacity: 1; }
#searchform input:-ms-input-placeholder               { color: white; }
#searchform input::-webkit-input-placeholder          { color: white; }
#searchform input:hover:-ms-input-placeholder,
#searchform input:focus:-ms-input-placeholder         { color: #dfdfdf; }
#searchform input:hover::-webkit-input-placeholder,
#searchform input:focus::-webkit-input-placeholder    { color: #dfdfdf; }   







/* Section Nav
------------------------------------ */

#snav { 
    padding: 10px 15px;
    background: #f6f6f6;
    margin-bottom: 20px;
    }
    
    @media (min-width : 1200px) { #snav { padding: 15px 20px; } } 
                     
#snav h3 {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1;
    }
    
#snav h3 a { color: #89898a; }

#snav ul { list-style: none; } 

#snav li { 
    margin: 0; 
    position: relative; 
    } 

#snav li a { 
    padding: 5px 5px 5px 17px; 
    font-size: 20px;
    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; 
    } 
    
#snav li a:before { 
    height: 0; 
    width: 0;    
    margin-left: 0;  
    content: "   ";    
    position: absolute;
    top: 13px;
    left: 0; 
    bottom: 100%;   
    pointer-events: none;
    border-color: rgba(158, 158, 158, 1); 
    border: 4px solid transparent; 
    border-color: #9e9e9e;  
    } 

#snav select {
    background: white;
    width: 270px;    
    border: none;
    padding: 10px;
    margin: 5px 0;
    font-size: 15.5px;
    line-height: 1;
    font-family: 'UniversLTW01-57Condense 723821','Arial','Helvetica',sans-serif;
    text-transform: uppercase;
    color: #696a6a;
    cursor: pointer;
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.2);
    box-shadow: inset 0 0 10px rgba(0,0,0,.2);
    -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;    
    }
    
    @media (min-width : 1200px) { #snav select{ width: 340px; font-size: 20px; } }