$(function() {
   $('.navStyle1').hover( function(){
      $(this).css('background-color', '#5d918b');
   },
   function(){
      $(this).css('background-color', '#669f9a');
   });
});

$(function() {
   $('.navStyle2').hover( function(){
      $(this).css('background-color', '#ae6788');
   },
   function(){
      $(this).css('background-color', '#bf7193');
   });
});

$(function() {
   $('.navStyle3').hover( function(){
      $(this).css('background-color', '#e38634');
   },
   function(){
      $(this).css('background-color', '#f99839');
   });
});

$(function() {
   $('.navStyle4').hover( function(){
      $(this).css('background-color', '#c23526');
   },
   function(){
      $(this).css('background-color', '#cd3728');
   });
});

$(function() {
   $('.navStyle5').hover( function(){
      $(this).css('background-color', '#bc8c5d');
   },
   function(){
      $(this).css('background-color', '#cd9a65');
   });
});

$(function() {
   $('.navStyle6').hover( function(){
      $(this).css('background-color', '#13908c');
   },
   function(){
      $(this).css('background-color', '#149a9b');
   });
});

$(function() {
   $('.navStyle7').hover( function(){
      $(this).css('background-color', '#93bf7e');
   },
   function(){
      $(this).css('background-color', '#a6d48c');
   });
});