/*This is a global fix for the mobile menu on the regional sites
*/
@media (max-width: 800px){
    
  #social {
    display:none;    
  } 
  
  header{
      margin-top:0px;
      width: 100%;
      height:auto;
  } 
  header h1{
      margin-top: 0px;
  }
  nav{
      position:relative;
      height: auto;
  }
  ul#nav-topical li{
      float:none;
      margin:0px;
  }
  #pull{
      min-width:450px;
  }


}


/*Utility Nav CSS*/
#social{
    padding-top:10px;
}

#social_utility{
    margin-bottom: 50px;
}

#social a {
    float:right;
}

#social_utility a {
    border-radius: 0 0 0 0;
    color: #CCC4C0;
    font-size: 12px;
    margin: 0;
    padding: 0 2px;
    float:left;
}

#social_utility a ~ a:before {
    content: " | ";
}


#social_utility > a span:hover {
    color: #ED712B;
}
#social_utility > a:hover {
    background: none repeat scroll 0 0 transparent;
    opacity:1;

}