title: css menu - active main menu item
body: <p>I am using a CSS menu that is provided by the WPML package.</p>
  
  <p>I would like to have the active main-menu-item to stay blue when it is active.</p>
  
  <p>what I have done in the past is apply the color to .li selected_page</p>
  
  <p>the problem is that all the sub-menu items also have this tag applied, which means that in most browsers (strangely not the current firefox) whenever it is active all the menu items including the sub-menu items are blue.</p>
  
  <p>Does anyone see a way to apply the blue color to the active main menu item so that it stays blue when it has been clicked? Thanks!</p>
  
  <p>-EDIT- after all the help:
  as usually the solution is a sum-total of all of your help :) I finally made it by using the following code: </p>
  
  <pre><code>#menu-wrap li.selected_page a { color: #1983AF; } 
  #menu-wrap ul li.selected_page ul&gt;li&gt;a { color: #000; }
  #menu-wrap ul li.selected_page ul&gt;li&gt;a:hover { color: #1983AF};
  </code></pre>