Modifying "Pretty in Pink" template

I'm working on a site, http://www.frillynilly.com/index.php, using the "Pretty in Pink" template for my niece. She loves the template but we can't get the logo image to center in the site.

I've tried modifying the stylesheet as directed in the knowledgebase ...

#logo {
    text-align: center;
}
```but the logo remains aligned on the left.

I've also tried modifying the width of the site by changing width of the #mainWrapper section from 95% to 760px and 80% without any effect on the site.

So, I'm completely lost on the next steps. Any help will be greatly appreciated.

Thanks,

Jim

I got the logo centered...

The original code was

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: left;
    }

#logo {
    text-align: center;
}
```Removing the #logo from the first section eliminated the problem:

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

#logo {
text-align: center;
}

Hope this will help someone else!

Jim