I would revise that center layout a bit to move the 'rotating-item2' <div> outside of the 'rotating-item-wrapper' <div>. Its never a good idea to put anything into a wrapper which is affected by a jquery script which doesnt need to be.
Make a backup of your page before you try the fix below.
First add the below inline css styling to the the 'rotating-item2' opening <div> tag. Then select the html code, cut it and paste it after the closing </div> tag of the 'rotating-item_wrapper'
<div class="rotating-item2" style="float: left; width: 189px;">
<img src="images/hours.gif" width="189" height="241" alt="Lobby Hours" /><br />
<br />
<p> <a href="./events.html"><img src="http://jeannettedutton.com/MLVC/images/upcomingEvents1.png" onmouseover="this.src='images/upcomingEvents2.png'" onmouseout="this.src='images/upcomingEvents1.png'"border="none" /></a></p></div><!-- end rotating-item2 -->
Next add some inline css styling to your 'rotating-item-wrapper' opening <div> tag as shown below:
<div id="rotating-item-wrapper" style="width: 756px; float: left;">
Finally add a <br> clearing solution (see below) to your code directly before the 'content' <div>
<br style="clear: both;" />
<div id="content"><br />
