.nav-container {
    background-color:#FFF; border-top: 1px solid black;
    border-bottom:1px solid black;  
    position:relative; 
    height:46px;
    margin: 0 9px;}

    .nav-container h4 {display:inline-block;}
    .nav-container h4 a{
        background: transparent url(../png/menu-icon.png) no-repeat scroll center center;
        height: 45px;
        width: 45px;
        left: 0px;
        position: absolute;
        top: 0px;
           
        }  
    .nav-container h4 a:hover, .nav-container h4 a.toggle{
        background: transparent url(../png/menu-icon-hover.png) no-repeat scroll center center;
        border-bottom: 1px solid black;  
        }   
        .nav-container h5 {display:inline-block;}
        .nav-container h5 a{
            background: transparent url(../png/search-icon-mobile.png) no-repeat scroll center center;
            width: 45px;
            height: 45px;
            display: inline-block;
            padding: 0px;
            float: left;
            text-indent: -9999px;                    
        }  
        .nav-container h5 a:hover, .nav-container h5 a.active{
            background: transparent url(../png/search-icon-mobile-hover.png) no-repeat scroll center center;
            background-color:#366687;                   
        }                                      
    .nav-container .ir {
        display: block;
        text-indent: -999em;
        overflow: hidden;
        background-repeat: no-repeat;
        text-align: left;
        direction: ltr;
    }  
    .nav#menu.ir {
        text-indent: -999em;
        overflow: hidden;
        background-repeat: no-repeat;
        text-align: left;
        direction: ltr;
    }         

nav#menu  { padding-right:0px;padding-left:0px; width:100%; }
nav#menu .columns {padding:0px;}
nav#menu ul.show > li {
    background-color: #fff;
}
nav#menu ul.show.active > li {
    background-color: transparent;
}
nav#menu ul.show > li.current-menu-item {
    background-color: #000;
}
.current-post-ancestor.menu-item-has-children{
    color: #fff!important;
    background-color: #000;
}
.columns > .current-post-ancestor.menu-item-has-children > a {color:#fff!important;}
.columns > .current-menu-item .open-sub .toggle i{color:#fff!important;}
nav#menu div.logo {display:inline-block; margin: 5px 0 0 20px;}

/* Sticky Styles */
.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1001;
    border-top: 0;
} 

/* ==============
    MOBILE: Menu
   ============== */

.fa-bars {background-color: #000; color:#f28b00; padding:4px 6px;}
.fa-bars:hover {color:#366687;}
a.toggle .fa-bars {padding-bottom:15px;}

nav#menu h4 a i:hover, nav#menu h4 a.toggle i {color:#366687;}

nav#menu {
    background: transparent none repeat scroll 0% 0%;
    position: relative;
    z-index: 10;
}

nav#menu ul { 
    display:none; margin:0px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;    
}
nav#menu h4 {
    display: block;
    padding: 12px 0px 0px 5px;
    float:left;
    line-height:1em;
    margin-bottom:0px;
    font-size:1.5em;
}

nav#menu h4 a {display: block;}

nav#menu h4 a:hover, nav#menu h4 a.toggle {}



nav#menu ul li span.open-sub{ display:inline-block; float:right; }
nav#menu ul li span.open-sub a i {font-weight:700;}

    nav#menu ul li {
        float:left;
        margin:0px;
        padding:0px;
        list-style:none;     
        
    }

nav#menu ul li a {
    width:80%;
    font:700 1.125em 'Source Sans Pro', sans-serif;
    padding: 10px 0;
    line-height:20px;
    color:#000;
    display:inline-block;
    padding:0;
    text-transform:uppercase;
    outline-style:none;
    text-decoration:none;
}

nav#menu ul li ul.menu-dropdown a {
    width:95%;
    }


 /* ----- Dropdown ----- */
    nav#menu ul li:hover ul {
        visibility:visible;
        z-index:10000;
    }
    
    nav#menu ul li ul li {
            margin:0px;
            padding:0px;
            float:none;
            background:none;
        }   
nav#menu ul li:hover { background-color: #000; }
nav#menu ul li:hover a, nav#menu ul li a:hover {color:#366687;}

nav#menu ul li.active ul.active li a {} 

nav#menu ul li ul li a, nav#menu ul li:hover ul li a {
    padding: 10px 18px;
    margin: 0px;
    display: block;
    height: auto;
    text-align: left;
    color: #fff;
    background-color:#000;
    font:bold 1em 'Source Sans Pro', sans-serif;
    text-transform:capitalize;
}   

nav#menu ul li:hover ul li a {}

nav#menu ul.show {
    display: block;
}

nav#menu ul.columns li{
    border-bottom: 1px solid black;
    /*background-color: #fff;*/
}
/*nav#menu ul.columns > li:first-of-type{
        border-top: 1px solid;
}*/
    nav#menu ul.columns li:last-child{
        border-bottom: none;
    }

    nav#menu ul.columns ul.menu-dropdown li{
        border-bottom: none;
        width: 100%;
    }    

nav#menu ul li ul {
    background-color: #ebebeb;
}

nav#menu ul {
    position: absolute;
    top: 44px;
    background: inherit none repeat scroll 0% 0%;
    /*background: #FFF none repeat scroll 0% 0%;*/
    z-index: 2000;
    width: 100%;
    display: none;
        
}

nav#menu ul li {clear:both; width:100%;}    

nav#menu ul li:first-child a {border-top:0px}
nav#menu ul li.open {background-color:black; border-bottom}

nav#menu ul li a { padding: 10px 10px; }


nav#menu ul.show li a.active {background-color:#1b1d1f; color:#000;}

nav#menu ul li:hover a, nav#menu ul li a:hover,
nav#menu ul.show li.toggle:hover a, 
nav#menu ul.show li.toggle a:hover {
    color: #fff;
    background-color: black;
}

nav#menu ul li.open a{
    color: #fff;
    background-color:black;
}

nav#menu ul ul.show {
    display: none;
    position: relative;
    width: 100%;
    visibility: visible;
    top: 0px;
    margin-left: 0px;
    padding: 0px;
    background: #ebebeb none repeat scroll 0% 0%;
    border-width: 0px 0px 0px;
    border-style: none none solid;
    border-color: -moz-use-text-color -moz-use-text-color #c8382c;
}

nav#menu ul ul.active {display: block;}
 
nav#menu ul li.open ul.menu-level-2.active li a,
nav#menu ul li.open ul.menu-level-3.active li a{
    color: #000;
    background-color:#ebebeb;
    margin: 0 auto;
    padding: 10px 15px;
    display: block;
    height: auto;
    text-align: left;
    background: transparent none repeat scroll 0% 0%;
    border-top: 1px solid black;  
    font: 700 1em 'Source Sans Pro';    

}

    nav#menu ul li.open ul.menu-dropdown.active li a:hover{
        color: #366687;
    }
    
    nav#menu ul li:hover ul li a {
        color:#fff ;
        background-color: #ebebeb;
    }

    nav#menu ul li.active:hover > a, nav#menu ul li.active > a:hover {color: #fff;}
 
     nav#menu ul li ul li a:hover, 
     nav#menu ul li:hover ul li a:hover, 
     nav#menu ul li ul li:hover {
        background-color: #ebebeb; color:black; 
     }
     nav#menu ul li ul li:hover{background-color: #fff;}

    nav#menu ul.show li.open ul.show li a { border-top: 1px solid black; }
    nav#menu ul.show li.open ul.show.menu-level-2 > li:first-child > a { border-top:none; }   
    nav#menu ul.show li.open ul.show.menu-level-3 > li:first-child a { border-top:1px solid black; }    
    nav#menu ul.show li.open ul.show {background-color:#ebebeb;color:black; } 
    /*nav#menu ul.show li.open ul.show li:first-child a {border-top:0px;} */

    nav#menu ul li.open ul.menu-level-3.active li a {
        padding-left: 30px;
        font-weight: 400;
        line-height:1em;

    }

        nav#menu ul li.open ul.menu-level-3.active li a:hover {
            text-decoration:underline;            
        }    

    nav#menu ul {width:100%;}      

    li.featured.column { display:none; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 336px) {
    .nav-container{margin: 0 11px;}
}

@media only screen and (min-width: 480px) {
/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */
    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }

    .nav-container {margin: 0 9px;}

    nav#menu ul li ul {
        background-color: #ebebeb;
    }
}


@media only screen and (min-width: 768px) {
    nav#menu ul {width: 305px;}
    nav#menu ul li span.open-sub {width: 15px; margin-right: 15px;}
    nav#menu ul li span.open-sub a { width:15px; }
    .nav-container h5 a
    {
        background: transparent url(../png/search-icon-mobile.png) no-repeat scroll center center;    
    }

}

@media only screen and (min-width: 960px) {
    .nav-container{
    margin: 0 10px;
    max-width: 1260px;
    }

}



@media only screen and (min-width: 1140px)  {

    /************** Nav *******************/
    nav#menu ul {width:60%;}
    nav#menu ul li { width: auto; clear:none; display:inline-block; }
    nav ul li {display:inline-block;}
    nav#menu .header-buttons{
        top: 16px;
        position: absolute;
        right: 20px;
    }
    .nav-container{ 
    margin: 0 15px;
    max-width: 1260px;
    height: 42px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    }

    nav#menu ul.columns { 
        top:0px;
        border-left:none;
        border-right:none;
        border-bottom:none;
    }
    nav#menu ul.columns li { border-bottom:none; display:inline-block; position: relative;}
    nav#menu ul li span.open-sub {display:none;}

   nav#menu ul {
        margin-top:0px;
        margin-left:0px;
        display:block;
        top:41px;
    }    

    nav#menu ul.menu-dropdown {top: 40px; border-top:1px solid black;}  

    nav#menu h4, nav#menu h5 { display:none; }   
   
    /* Main Categories */
    nav#menu ul li {padding: 0; }
    nav#menu ul li a {/*padding:10px 15px;*/ width: 100%} 
    #menu #menu-top-menu .red a {color: #ff0000;}
    nav#menu ul.columns > li > a.current {color:white;background-color: #000;}
                
    /* Main Categories Hover */
    nav#menu ul li:hover a, nav#menu ul li a:hover {color:#fff; background-color:#366687; }
    nav#menu ul li.active ul.active li a { color: #000;  background-color: #fff;}   
    nav#menu ul li:first-child {padding-left:0}

    nav#menu ul ul {
        position: absolute;
        visibility: hidden;
        width: 18%;
        margin-left: 0px;
        padding: 0px;
        z-index: 10000;
        background-color:white;
        padding-top:5px
        background-color:#FFF;
    }
nav#menu ul li ul{
 background-color:#FFF;
}    

nav#menu ul li ul.menu-dropdown li{
    display:block;
}

/*nav#menu ul li ul.menu-dropdown a { width: 100%; }*/
nav#menu ul li ul.menu-level-2 a { 
    width: 100%; 
    border-bottom: 1px solid black;
    margin: 0 10px;
}

nav#menu ul li ul.menu-level-2 > li:last-child a {
    border-bottom: none;    
}

nav#menu ul li ul li ul.menu-level-2, nav#menu ul li ul li ul li ul.menu-level-3{
    position: relative;
    display: inline-block;
    top: 0px;
    text-indent: 10px;
    border-left: none;
    border-bottom:none;
    width: 100%;
}

nav#menu ul li ul li ul.menu-level-2 li{
    display:block;
    width: 100%;    
}

nav#menu ul li ul li ul li ul.menu-level-3 li{
    display:block;
    width: 100%;
    text-indent: 10px;
}

nav#menu ul li ul li ul li ul.menu-level-3 li a{
    font-weight:normal;
}

    nav#menu ul li:hover ul li a    
    {
        color:#000;
        background-color: #FFF;
    }

    nav#menu ul li ul li a:hover {
        color:#366687!important;
        text-decoration:none;
        background:#fff!important;
        text-decoration: underline;
        }       
    
    nav#menu {
        background:transparent;
        position:relative;
        z-index:6000;
        max-width:1260px;
    }

        /* Large Navigation */
  
        nav#menu ul li.main.column
        {
            display:inline-block; background-color:white;            
        }
        nav#menu ul li.main.column ul.menu-level-2,
        {
            display:inline-block; float:left;
        }                              
        nav#menu ul li.featured, nav#menu ul li.featured:hover,
        nav#menu ul li.featured a,
        nav#menu ul li.featured p {
            background-color: #ebebeb !important;
            padding: 5px 0 0 10px;
        }
        nav#menu ul li.featured.column{ 
            background-color: #ebebeb !important; 
            border-right: 1px solid black; 
            float:left;
            padding:10px;
            display:inline-block;
            width:310px;  

        }
        nav#menu ul li.featured.column p a.title {
            padding:0;
            font-size:1.125em;
            font-weight:700;
            text-transform:uppercase;
            line-height:20px;
            color: #000;
        }
        nav#menu ul li.featured.column p a.title:hover {
            background-color:#ebebeb !important;
        }
        
        nav#menu ul li.featured.column .photo-credit{
            text-align:right;
            font-weight:400;
        }
        nav#menu ul li.featured.column a.image {padding: 5px 0 0 10px;}
        nav#menu ul li.featured.column a.image:hover {
            background-color: #ebebeb !important;
        }
        nav#menu ul .column ul.menu-level-2{
            text-indent: 0;
            border: none;
            padding: 0 10px;
        }
        /* Features Large Nav */
        nav#menu ul#features {
            width: 235px;
            width: 100%;
            display:block;
        }
        nav#menu ul.main.column{
            width: 235px;
            background-color:white;
        }
        nav#menu ul#features li.main.column ul.menu-level-2, 
        nav#menu ul#features li.main.column ul.menu-level-2 li{
            background-color:white;
        }
        nav#menu ul#features li.main.column ul.menu-level-2 li a{
            padding-left:0px;
            padding-right: 0px;
            /*margin: 0 15px;*/
            margin: 0 ;
        }
        nav#menu ul#features li.main.column ul.menu-level-2 > li:last-child a{
            border-bottom:none;
        }
        /* Business Large Nav */
        nav#menu ul#business {
            width: 224px;
            display:block;
        }
        nav#menu ul#business .main.column{
            width: 220px;
            background-color:white;
        }
        nav#menu ul#business li.main.column ul.menu-level-2, 
        nav#menu ul#business li.main.column ul.menu-level-2 li{
            background-color:white;
        }
        nav#menu ul#business li.main.column ul.menu-level-2 li a{
            padding-left:0px;
            padding-right: 0px;
            /*margin: 0 15px;*/
            /*width: 195px;*/
        }
        nav#menu ul#business li.main.column ul.menu-level-2 > li:last-child a{
            border-bottom:none;
        }        
        /* Gear Navigation */
        nav#menu ul#gear {
            /*width:607px;  Correct width 607 */
            width: 100%;
            display:block;
        }
        nav#menu ul#gear li.main.column{
            width: auto;
            height: auto;
        }
        nav#menu ul#gear li.main.column li, nav#menu ul#gear li.main.column ul.menu-level-3 li{
            height: 39px;
            /*float: left;*/
            float: none;
            display:block;
            display:inline-block;
        }
        nav#menu ul#gear li.main.column ul.menu-level-2 > li
        {
            width: calc(100% - 15px);
            height:auto;
            background-color: #fff;
            /*margin: 0 0 0 15px;*/
        }
        nav#menu ul#gear li.main.column ul.menu-level-3 > li {
            /*width: 185px;*/
            background-color: #fff;
            margin: 0;
        }
        nav#menu ul#gear li.main.column ul.menu-level-2 li a{
            padding-left:0px;
            padding-right: 0px;
            /*margin: 0 15px;*/
            width:179px;
        }      
        nav#menu ul#gear li.main.column ul.menu-level-3 > li a  {
            border-bottom: 1px solid black;
            line-height:1em;
        } 
        nav#menu ul#gear li.main.column ul.menu-level-3 > li:last-of-type a {
    border-bottom: 0px solid black;
    line-height: 1em;
}
        nav#menu ul#gear li.main.column ul.menu-level-3 > li.no-bottom-border a { border-bottom: none; }
        /* Contests Large Nav */
        nav#menu ul#contests { 
            width:752px; 
            height:362px; 
            right:-220px; 
            display:block;  
        }     
        nav#menu ul#contests li.column{
            height:360px;
        }         
        nav#menu ul#contests li.main.column{
            display:inline-block; width:430px;margin-left:10px;
        }
        nav#menu ul#contests li.main.column li{
            height: 39px;
            float: left;
            margin-left: 10px;
        }
        nav#menu ul#contests li.main.column ul.menu-level-2 li:nth-child(odd){
            width:150px;
        }
        nav#menu ul#contests li.main.column ul.menu-level-2 li:nth-child(even){
            width: 240px;
        }                                
        nav#menu ul#contests li.main.column ul.menu-level-2 li:last-child,
        nav#menu ul#contests li.main.column ul.menu-level-2 li:last-child a{
            border-bottom: none;
        }
        nav#menu ul#contests li.main.column ul.menu-level-2 li a {
            font-weight: 700;
            text-indent: 0;
            padding: 9px 0 9px 0; 
            line-height:1em;
            border-bottom: 1px solid black;
            height: 39px;
        }
        nav#menu a.contest-button{
            font-weight: 700 !important;
            color: #366687 !important;
            text-transform: uppercase !important;
            border: 2px solid #366687 !important;
            padding: 12px 15px !important;
            display: inline-block !important;
            width: auto !important; 
            padding: 7px 10px !important; 
            display:inline-block !important; 
            margin-top:10px !important; 
            border: 2px solid #366687 !important; 
            color:#366687 !important;                    
        }
        nav#menu a.contest-button:hover{
            background-color: #366687 !important;
            color: white !important;
        }       

        /* Magazine Large Nav */

        nav#menu ul#magazines { 
            width:383px; 
        }                            

        nav#menu ul#magazines li.featured.column{  
            width:170px;                 
        }

        nav#menu ul#magazines li.featured.column p a.more {
            padding:0px 0px;
            font-size:1em; 
            font-family: 'PT Serif', serif;
            font-weight:700; 
            color: #366687;
        }      

        nav#menu ul#magazines li.featured.column p a.more:hover {
            background-color:#ebebeb !important;
            color: #366687;
            text-decoration: underline;
        }            

        nav#menu ul.menu-level-3 {
            border:none !important;
        }
        nav#menu ul#magazines li.main.column, nav#menu ul#magazines li.main.column ul.menu-level-3 li{
            display:inline-block; 
            width:175px;
            margin-left:10px;
        }
        nav#menu ul#magazines li.main.column li, nav#menu ul#magazines li.main.column > ul.menu-level-3 li{
            float: left;
            margin-left: 10px;
        }                                
        nav#menu ul#magazines li.main.column ul.menu-level-3 li  {
            border:none;
            margin-left:0px;
            /*margin-left:10px;*/
            text-indent: 10px;
        }      
        nav#menu ul#magazines li.main.column ul.menu-level-2 > li a {            
            font-weight: 700;
            text-indent: 0;
            padding: 9px 0 9px 0; 
        }
        nav#menu ul#magazines li.main.column ul.menu-level-3 > li a {

            font-weight:normal;
            text-indent:10px;
            padding: 9px 0 11px 10px;
        }

}


@media only screen and (min-width: 1300px) {

    .nav-container {
        margin: 0 auto;
	}
	.nav-container.cf.sticky {
		top: -20px;
	}

        
}

@media only screen and (min-width: 1140px) and (max-width: 1280px) {
	nav#menu ul li a {
    font-size: 15px;
}
}