Changing from tables to CSS

Question

OK, my mind is mush and I need a little help.
Client shows me a website he looooooooves. The whole thing is tables! Uh oh!
I have done a fair amount of the heavy lifting on this one and need some tweaks in the CSS. The entire gismo -- along with the old table-based website!!! is here. We're going on line with this pretty soon and the client is sending me content.
The top of the page is the redesign, the bottom is all of the tables. As you can see, I have done <div> work on it so that it works. I don't need any more navigation than I have, so the left-hand side navigation is not needed. I would like the navigation that I do have to be centered on the red bar. I would also like to be pointed to a tutorial that will show me how to make Dreamweaver CS3 do pre-loaded images and swaps for the navigation bar, as I have bold versions of the text for navigation for mouseover and select.
Despite the fact that I did tell the stylesheet that I want the centered table with the address, phone and hours of operation to be yellow, it's still white. I would also like a red outline that is about the same color as the red navigation: #A00000
If you need the stylesheet, which is an amalgam of old and new, I can put it here.
I would like to use this particular page as an example of how to go from tables to <div> with fixed width and will completely flesh it out sooner or later and offer it up to this Forum as an example of how you can get the best results on the modern Internet by converting from the 20th Century to the 21st.
To reiterate:
I need a tutorial on preloaded images and mouseover to change an image.
I need to finish this gismo, styling the menu to the center and the location and hours of operation box in yellow with a red border.
Thanks.

Answer 1

Does it work when you look at the website?
As it's styled in both Firefox (Mac) and Safari it does not work.
Table is:
  <table align="center" class="hoursTable">
    <tr>
      <td><p align="center"><span class="style40">Public Market of Newington</span><br>
        437 New Britain Avenue<br>
        Newington, CT 06111<br>
      </p>
        <p align="center"> <span class="style40">Phone</span>:
          860&bull;667&bull;1454<br>
   <span class="style40">Fax: </span>860&bull;666&bull;DELI</p></td>
      <td><p align="center"><span class="style40">Hours of Operation</span><br>
            Mon - Sat: 8am - 6pm<BR>
            Sunday: 8am - 1pm</p>
        <p align="center" class="style40">GIFT CERTIFICATES AVAILABLE</p></td>
    </tr>
  </table>
CSS is:
.oneColFixCtrHdr #container #mainContent hoursTable {
align: center;
text-align: center;
position: fixed;
width: 603px;
border: 1px solid red;
background-color: yellow;