title: Making a subnav menu appear on hover on main nav list items
body: <p>There's probably a very simple answer to this, and I'm most likely just at a level in my html/css where I still can't figure it out, but would somebody more knowledgeable be so kind as to give me a general idea how the hover effect of the subnav menu appearing on mouseover on the main nav items was made to work in the ff website?</p>
  
  <p><a href="http://www.bearena.com.au/" rel="nofollow">http://www.bearena.com.au/</a></p>
  
  <p>I've looked in the css file of that site and I can't find a :hover declaration for it.</p>
  
  <p>Thanks!</p>
  
  <p>Edit: I used Inspect element in Chrome to analyze this further and I've noticed that a new class name is added to the list item on hover and I'm guessing that is how the submenu gets displayed. How do I replicate this method? Is it in the CSS or is javascript involved? </p>