#menu {
  margin: 0;
  width: auto;
  background-color: RGB(50,101,176);
  font-size: 12px;
  font-family:Helvetica;
  text-align: center;
  padding: 4px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  }
#menu_small {
  margin: 0;
  width: auto;
  background-color: RGB(50,101,176);
  font-size: 12px;
  font-family:Helvetica;
  text-align: center;
  padding: 4px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  visibility:hidden;
  }

#menu ul {
  margin: 0;
  padding: 8px 0;
  list-style: none;
  height: auto;
}

#menu li {
  display: inline;
  padding: 8px;
}

#menu a {
  color: #fff;
  padding: 10px;
  text-decoration: none;
}

#menu a:hover {
  background-color: RGB(39,80,139);
  color: #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
}

#menu li .active {
  background-color: RGB(39,80,139);
  color: #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
}
@media screen and (min-width:400px) and (max-width:800px) {
    #menu {
          margin: 0;
          width: auto;
          background-color: RGB(50,101,176);
          font-size: 11px;
          font-family:Helvetica;
          text-align: center;
          padding: 0px;
          border-radius: 0px;
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          -o-border-radius: 0px;
          visibility:hidden;
    }
    #menu_small {
          margin: 0;
          width: 100%;
          background-color: RGB(50,101,176);
          font-size: 12px;
          font-family:Helvetica;
          text-align: center;
          padding: 4px;
          border-radius: 0px;
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          -o-border-radius: 0px;
          visibility:visible;
          top:0px;
          position:fixed;  
    }
} 
#menu_small ul {
  margin: 0;
  padding: 8px 0;
  list-style: none;
  height: auto;
}

#menu_small li {
  display: inline;
  padding: 8px;
}

#menu_small a {
  color: #fff;
  padding: 10px;
  text-decoration: none;
}

#menu_small a:hover {
  background-color: RGB(39,80,139);
  color: #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
}

#menu_small li .active {
  background-color: RGB(39,80,139);
  color: #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
}