
body {margin:0px;}

nav#network, nav#network-subnav {   
     margin: 0px;
     padding: 0px;
     border: 0px none;
     vertical-align: baseline;
     display:block;
 
}
#megaMenu, #network-subnav{ font: 400 .875em 'Source Sans Pro';  }

#megaMenu ul ul { font-size: 14px; }


#network, #network-subnav {
    padding:0px; 
    background:#d7d7d7;
    height:36px;
    margin:0px;}

#network, #network .container {height:36px}

#network-subnav {background:#ebebeb}
.displayNav {display:block;}

.topText h5 {display:none;}

#megaMenu,
.mega-menu-bar{
    padding:0;
}
.mega-menu-bar{
    border-color:#666;
}
#megaMenu ul li a{
    padding:9px 10px 9px;
}

#megaMenu ul{
    list-style:none;
    margin:0;
    border-color:transparent;
}
#megaMenu ul li a, #megaMenu ul li a:link, #megaMenu ul li a:visited {
    color:#464646; 
    text-transform:uppercase; 
}

#megaMenu ul li a:hover {
    background:#363636;
    color:#fff;
    text-decoration:none;
}

#megaMenu ul ul{
    border:none;
    padding:0px;
}
#megaMenu ul li.mega a {text-decoration:none;}

#megaMenu ul li.active span a{ color:#FFF; }
#megaMenu ul li.mega a:hover, #megaMenu ul li span:hover, 
#megaMenu ul li.mega:hover, #megaMenu ul.megaMenu > li.active > span:hover,
{
    background:#363636;
    color:#fff;
    text-decoration:none;
}

#megaMenu ul li.mega a:hover {border-top:1px solid #363636;text-decoration:none;}

#megaMenu ul.megaMenu{
    position:relative;
    margin:0 auto 0px 100px;
    padding:0px;
    background-color:#d7d7d7; 
    /*width:660px;    */
}
#megaMenu ul.megaMenu > li{
    display:inline-block;
}
#megaMenu ul.megaMenu > li.mega{
    position:static;
    margin-right:0px;
    padding:9px 6px 9px;
}
#megaMenu ul.megaMenu > li.mega:hover{
    background:#363636;
}
#megaMenu ul.megaMenu > li.active  {
    background:#363636;
    /*padding:9px 0px 9px;*/
}

/*@-moz-document url-prefix() { 
  #megaMenu ul.megaMenu > li.active, #megaMenu ul.megaMenu > li.mega{
        padding:5px 0px 7px;
  }
}*/

#megaMenu ul.megaMenu > li.active > ul li.widget a {background:none;}
#megaMenu ul.megaMenu > li.active > ul li.widget a.active {
    background:#555;
    color:#FFF;
    padding-bottom: 10px;}
#megaMenu ul.megaMenu > li > ul li.widget a:hover {    background:#555;    border:none; color:#FFF; padding-bottom:10px;}

#megaMenu ul.megaMenu > li > a {display:block;}
#megaMenu ul.megaMenu > li.active > span {
    padding:0px;
    background:#363636;
    color:#FFF;
}

#megaMenu ul.megaMenu ul.sub-menu{
    display:none;
    position:absolute;
    top: 36px;
    left:-3px;
    height:30px;
    width:99%;
    background-color:#ebebeb;    
}
#megaMenu ul.megaMenu ul.sub-menu a {    
    /*padding:9px 17px;*/
    display:block;
}
#megaMenu ul.megaMenu li.mega ul.sub-menu > li{
    float:left;
    padding:0 10px;
    /*padding: 0 3px;*/
    min-width:100px;
    /*margin-right:5px;*/
    padding-top:0px;
}

#megaMenu ul.megaMenu li.mega ul.sub-menu li li{
    float:left;
}
#megaMenu ul.megaMenu li.mega ul.sub-menu li li:last-child{
    margin-bottom:0;
}

ul.widget-area {padding:0px;}

#megaMenu .widget-item .widget{
    float:left;
    clear:none;
}
#megaMenu .widget-item li.widget a {background:none;}
#megaMenu .widget-item .widget-area li.clear{
    height:0;
    width:0;
    overflow:hidden;
    padding:0;
    float:none;
    clear:both;
    border:none;
}

.networkImg {margin-top:7px; float:left;margin-right:10px;}

    #megaMenu ul.megaMenu > li.current {background: #00A780;}
#megaMenu ul.megaMenu ul.displayNav    {display:block;}


/************* Media Queries **************/

@media only screen and (min-width: 200px) and (max-width: 767px) {     

    #network .container { width: 100%; }

    #megaMenu ul.megaMenu {
        background:#d7d7d7;
        color:#363636;
        margin:0px;
        position:none;
        margin-top:42px;
        top:0px;
        width: 100%;
    }

    #megaMenu ul.megaMenu ul.sub-menu { width: 100%; }    
    #megaMenu ul li a, .topText {
        width: 95%;
        margin:0 auto;
    }    

    #megaMenu ul li a {padding: 11px 16px}

    #megaMenu ul li.mega a:hover{ 
        background:#363636; 
        color:#fff; 

    }

    #megaMenu ul li.mega a{
        width:100%;
        margin: 0;
    }


    
    #megaMenu ul.megaMenu > li > ul li.widget a, #megaMenu ul.megaMenu > li > ul li.widget a:link,
    #megaMenu ul.megaMenu > li.active > ul li.widget a.active {
        font-weight:normal !important;
        text-indent:15px;
        background:#d7d7d7 !important;
        color:#363636;
    }
    #megaMenu ul.megaMenu > li.active > ul li.widget:hover, #megaMenu ul.megaMenu > li.active > ul li.active,
    #megaMenu ul.megaMenu > li.active > ul li.widget a:hover, #megaMenu ul.megaMenu > li.active > ul li.active a {
    background:#363636 !important; 
    color: #FFF;

}
    #megaMenu ul.megaMenu > li.current {}
    #megaMenu ul.megaMenu > li > ul li.current, #megaMenu ul.megaMenu > li > ul li:hover, #megaMenu ul.megaMenu > li > ul li.widget a:hover,
    #megaMenu ul.megaMenu > li > ul li.current a.active,     
    #megaMenu ul.megaMenu > li.current > ul li.widget a.current {
        background:#363636 !important
    }
    
    #megaMenu ul li a, #megaMenu ul li a:link, #megaMenu ul li a:visited {
        font-size:16px;
    }
    nav#network-subnav {display:none;}
    #network {background-color: #d7d7d7; height:43px;}
    
    #megaMenu,.mega-menu-bar{
        padding-top:1px;
    }
    

    .topText h5 {
        display:block;
        float:right;
        margin:10px 2px 10px;    
    }    
    
    #megaMenu h5 a, #megaMenu h5 a.less { 
        height:18px;
        width:46px;
        color: #363636;
        text-decoration:none;
        text-transform:uppercase;
        text-indent: 0px;
        font-size:14px;
        font-weight:400;
        padding-top:1px;        
    }
    
    
    #megaMenu ul { 
        display:none; 
        background:#d7d7d7; 
        width:100%; 
    }
    #megaMenu ul.show { 
        display:block; 
        z-index:100;
        margin-left:0px;
    }
    #megaMenu ul.megaMenu > li {
        display:block; 
        float:none; 
        margin:0px; 
        background:none; 
        border-left:0px;
    }
    
    #megaMenu ul.megaMenu > li {display:block;}
    
    
    #megaMenu ul li:after {
        clear: both;
    }
        
    
    #megaMenu ul li:before, #megaMenu ul li:after {
    content: " ";
    display: block;
    height: 0px;
    visibility: hidden;}
    
    #megaMenu ul li { zoom:1; clear:both; }
    
    #megaMenu ul li a {display:block;}
    #megaMenu ul.megaMenu ul.sub-menu {left:0px;top:0px;position:relative;height:auto; display:none;}
    
    
    #megaMenu ul li.mega ul.sub-menu li.widget-item ul,     
    #megaMenu ul li.mega ul.sub-menu li.widget-item ul.nav-show {
        display: none;
        position: relative;
        width: 100%;
        visibility: visible;
        top: 0px;
        margin-left: 10px;
        padding: 0px;
        border-top: 0px none;
        box-shadow: none;
    }
    
    #megaMenu ul.megaMenu li.mega ul.sub-menu > li {float:none;padding:0; margin:0px;}
    
    #megaMenu ul ul {border-top:1px solid #d7d7d7;}
    
    #megaMenu ul.megaMenu > li.mega    {float:none;padding:0px;margin:0px;}
    
    #megaMenu ul li.mega ul.sub-menu li.widget-item ul.show, #megaMenu ul li.mega ul.sub-menu li.widget-item ul.nav-show {
         display:block;
         position:relative;
         left:0px;
         margin-left:0px;
     }
    
    #megaMenu ul.megaMenu li.mega ul.sub-menu li li {float:none;}
    #megaMenu ul.megaMenu ul.displayTab    {display:block;}

}

@media only screen and (min-width: 768px) and (max-width: 789px){
 #megaMenu ul li a {
    padding: 9px 7px 9px;
 }
}