title: CSS Sub-Menus staying open when clicked.
body: <p>I have created this CSS drop down menu. The menu works flawless as it should, my only question
  is how can I get the sub menus to stay open and not instantly disappear when the mouse is removed off of them? 
  My code is at this link, 
  <a href="http://fiddle.jshell.net/NJ4UP/" rel="nofollow">http://fiddle.jshell.net/NJ4UP/</a></p>
  
  <p>I have tried several things but nothing is seeming to do what I want. I would prefer not to use J-Query or JavaScript, as I'm not that familiar them, but any help will be greatly appreciated!!</p>
  
  <p>All I want and need is for the sub-menus to not instantly disappear if the mouse is not hovering over them. I was thinking a timeout option or something that sets it to close after a predetermined amount of time (ie 5 seconds) or another menu or link is clicked.</p>
  
  <p>Thanks in advanced. </p>