/* ------ Start Photogroup Navigation ------ */



nav#wrap, nav#network-subnav {   
     margin: 0px;
     padding: 0px;
     border: 0px none;
     vertical-align: baseline;
     display:block
}

#wrap, #network-subnav {
    padding:0px; 
    background:#353535;
    height:32px;
    margin:0px;}

    #wrap {height:34px}

.topText h5 {display:none;}

#network-subnav {background:#000}
.displayNav {display:block;}

#megaMenu,.mega-menu-bar { padding:0;}
    .mega-menu-bar{ border-color:#666;}
    #megaMenu ul li a { 
        padding:8px 16px 7px;
    }
    #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:#FFF; 
        font:bold 12px Arial, Helvetica, sans-serif;
        text-transform:uppercase; 
    }
    #megaMenu ul ul{
        border:none;
        padding:0px;
    }
    #megaMenu ul li.mega a:hover, #megaMenu ul li span:hover, #megaMenu ul li.mega:hover, 
    /*#megaMenu ul.megaMenu > li.active > span:hover,*/ #megaMenu ul.megaMenu > li.activeWindow > span:hover{
    background:#00a780;
    color:#fff;
    text-decoration:none;
}
#megaMenu ul li.mega a:hover {/*border-top:1px solid #00a780;*/text-decoration:none;}
#megaMenu ul li a#top_19 {color:#fffc17}
#megaMenu ul li a#top_19:hover {color:#fffc17}
#megaMenu ul.megaMenu{
    position:relative;
    margin:0 auto 0px 100px;
    padding:0px;
}
#megaMenu ul.megaMenu > li{
    display:inline-block;
}
#megaMenu ul.megaMenu > li.mega{
    position:static;
    margin-right:5px;
    padding:8px 0px 8px;
    margin-top: 1px;
}
/*#megaMenu ul.megaMenu > li.active*/ #megaMenu ul.megaMenu > li.activeWindow  {
    background:#00a780;
    padding:8px 0px 8px;
    margin-top:1px;
}
/*@-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 {margin-right:1px}
#megaMenu ul.megaMenu > li.active > ul li.widget a.active {background:#00a780;}
#megaMenu ul.megaMenu > li.active > span {padding:0px;background:#00a780;}*/
#megaMenu ul.megaMenu > li.activeWindow > ul li.widget a {background:none;}
#megaMenu ul.megaMenu > li.activeWindow > ul li.widget {margin-right:1px}
#megaMenu ul.megaMenu > li.current > ul li.widget a.current, #megaMenu ul.megaMenu > li.activeWindow > ul li.widget a.current {background:#00a780;}
#megaMenu ul.megaMenu > li.activeWindow > span {padding:0px;background:#00a780;}

#megaMenu ul.megaMenu > li > ul li.widget a:hover {    background:#00a780;    border:none;}
#megaMenu ul.megaMenu > li > a {display:block;}
#megaMenu ul.megaMenu ul.sub-menu{
    display:none;
    position:absolute;
    left:11px;
    top:34px;
    height:32px;
}
#megaMenu ul.megaMenu ul.sub-menu a {    padding:9px 17px;display:block;    font-weight:bold;}
#megaMenu ul.megaMenu li.mega ul.sub-menu > li{
    float:left;
    padding:0 16px;
    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:30px;}

    #megaMenu ul.megaMenu > li.current {background: #00A780;}
#megaMenu ul.megaMenu ul.displayNav    {display:block;}
    
/* ----- Media Queries ----- */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    #menu {max-width: 980px; width:auto; margin:0 10px;}
    #megaMenu ul li a {    padding: 11px 16px}
    #megaMenu ul li a, .topText {    margin:0 10px;    }
    
    #megaMenu ul.megaMenu > li > ul li.widget a, #megaMenu ul.megaMenu > li > ul li.widget a:link,
    #megaMenu ul.megaMenu > li.active > ul li.active a  {font-weight:normal !important;text-indent:15px;}
 #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:#007E60 !important; }
    #megaMenu ul li a, #megaMenu ul li a:link, #megaMenu ul li a:visited {font-size:16px;}
    #megaMenu ul.megaMenu > li.current {background: #00A780;}
    #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:#007E60 !important}

nav#network-subnav {display:none;}
    #wrap {background: url(/static/structural_images/network-nav-bg.jpg)repeat-x scroll 0% 0% #000; height:56px;}
    
    #megaMenu,.mega-menu-bar{
    padding-top:8px;
    }
    
    #megaMenu ul.megaMenu {background:#000;margin:0px;position:none;margin-top:48px;top:0px;}

    .topText h5 {
        display:block;
        float:right;
        margin:11px 2px 12px;    
    }    
    
    #megaMenu h5 a, #megaMenu h5 a.less { 
        background:url(/static/structural_images/net-nav-arrow-down.jpg) right center no-repeat; 
        display:block; 
        height:18px;
        width:42px;
        color: #808080;
        text-indent: 0px;
        font:12px Arial, Helvetica, sans-serif;
        padding-top:1px;
        

    }
    #megaMenu h5 a.less { 
        background:url(/static/structural_images/net-nav-arrow-up.jpg) right center no-repeat; 
    }    
    
    #megaMenu ul { 
        display:none; 
        background:#000; 
        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 #000;}
    
    #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;}
    #megaMenu ul.megaMenu > li.mega {margin-right:0px;}
    #megaMenu ul.megaMenu > li.mega:last-child {margin-right:0px;}
}
@media only screen and (max-width: 767px) { 

    #megaMenu ul li a {    padding: 11px 16px}
    #megaMenu ul li a, .topText {
    width: 300px;
    margin:0 auto;
    }
    
  #megaMenu ul.megaMenu > li > ul li.widget a, #megaMenu ul.megaMenu > li > ul li.widget a:link {font-weight:normal !important;text-indent:15px;}
  #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:#007E60 !important; }
  #megaMenu ul.megaMenu > li.current {background: #00A780;}
  #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:#007E60 !important}
  #megaMenu ul li a, #megaMenu ul li a:link, #megaMenu ul li a:visited {font-size:16px;}
nav#network-subnav {display:none;}
    #wrap {background: url(/static/structural_images/network-nav-bg.jpg)repeat-x scroll 0% 0% #000; height:56px;}
    
    #megaMenu,.mega-menu-bar{
    padding-top:8px;
    }
    
    #megaMenu ul.megaMenu {background:#000;margin:0px;position:none;margin-top:48px;top:0px;}

    .topText h5 {
        display:block;
        float:right;
        margin:11px 2px 12px;    
    }    
    
    #megaMenu h5 a, #megaMenu h5 a.less { 
        background:url(/static/structural_images/net-nav-arrow-down.jpg) right center no-repeat; 
        display:block; 
        height:18px;
        width:42px;
        color: #808080;
        text-indent: 0px;
        font:12px Arial, Helvetica, sans-serif;
        padding-top:1px;
        
    }
    #megaMenu h5 a.less { 
        background:url(/static/structural_images/net-nav-arrow-up.jpg) right center no-repeat; 
    }    
    
    
    #megaMenu ul { 
        display:none; 
        background:#000; 
        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 #000;}
    
    #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: 480px) and (max-width: 767px) { 
    #megaMenu ul li a, .topText {
    width: 420px;
    margin:0 auto;
    }
     #megaMenu ul.megaMenu > li.active > ul li.widget:hover {
         background:#00a780;
         }
    
}