Adding structured data.. part deux

After searching for "microdata and css" and finding little, I realized the problem was me.  I went back to my html and tried putting the elements within the <div> tags.

The markup became:

 <div itemscope itemtype ="http://schema.org/Event">
    <p>It's almost time for the <span itemprop="name">MS Spring Fling 2013</span>.</p>
    <p><b>When:</b>  
 <meta itemprop="startDate" content="2013-04-06T0800" />April 6th, sign-in starts at 8:00</p>
    <div itemprop="location" itemscope itemtype="http://schema.org/Place">
     <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">   
    <p><b>Where:</b>  <span itemprop="streetAddress">1101 Shiloh Glenn Drive - Hwy 54 & I-540 Morrisville</span></p>
    </div>
    </div>       
    <p>The 2013 MS Spring Fling <a  itemprop="url" href="http://www.active.com/cycling/morrisville-nc/ms-spring-fling-2013">online registration</a> is now open until April 3rd. </p>
    </div>

This markup respects my css as you can see here.