ازرار منتداك بتقنية CSS

    .mainmenu {
      border-top: 1px solid #96d1f8;
      background: #65a9d7;
      background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
      background: -moz-linear-gradient(top, #3e779d, #65a9d7);
      padding: 3px 6px;
      -webkit-border-radius: 11px;
      -moz-border-radius: 11px;
      border-radius: 11px;
      -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
      -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
      box-shadow: rgba(0,0,0,1) 0 1px 0;
      text-shadow: rgba(0,0,0,.4) 0 1px 0;
      color: white;
      font-size: 17px;
      font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
      text-decoration: none;
      vertical-align: middle;
      }
    .mainmenu:hover {
      border-top-color: #28597a;
      background: #28597a;
      color: #ccc;
      }
    .mainmenu:active {
      border-top-color: #1b435e;
      background: #1b435e;
      }