title: Applying Css Style to Asp:Menu MenuItem
body: <p>I'm essentially creating a vertical breadcrumb to create a website navigation for a mobile  (iphone) website. Similar to maybe how <a href="http://news.bbc.co.uk/sport1/hi/football/default.stm" rel="nofollow">http://news.bbc.co.uk/sport1/hi/football/default.stm</a> works as you click into "Premier League"</p>
  
  <p>Using the Asp:Menu control and a SiteMapDataSource I am binding only the current levels links within the sitemap and then finding their parent to manually insert at the top of the list. An example resulting nav would be:
  About, 
  Who Are We, 
  What We Do, 
  Locations</p>
  
  <pre><code>var mi = new MenuItem();
  mi.NavigateUrl = node.Url;
  mi.Text = node.Title;
  mi.ToolTip = node.Description;
  
  MobileMenu.Items.AddAt(0, mi);
  </code></pre>
  
  <p>This is all fine and works perfectly. However, this dynamically inserted top MenuItem needs to be styled in a different background colour. In the example above "About" would have a darker bg colour than the 3 items below it.</p>
  
  <p>But there isn't any kind of obvious property on the MenuItem to do this.</p>
  
  <p>How could I dynamically set a style on the MenuItem that I am inserting into position 0?</p>