The titles are mostly done with images so most things are turned off except that I've increased the size of the text to 20 pixels and set the color to white.

I've set the Image size to 400x40. This is the exact size of the image. It's easy to find out the size of the image. Just drop the image on the Preview application and choose Get Info from the Tools menu.
I've also set the Margin and Padding. I made sure to turn on the Margin controls even though they're set to zero. This way My titles won't inherit any margin control from my Theme.
The Padding here is what moves the text down and to the right into a nice position in the image.

I just dropped in the image you can even grab it off this site if you want.

I've Centered the entire Accordion on the page, but I left alone the Title Position. "Above Content" gives us the usual accordion effect.
I've also increased the Duration to 500 to give it an extra smooth swoosh.

For this accordion I wanted to have a nice bold contrasting color for the text. A mild green boosted to 14 pixels seemed about right.
The border is is just a single pixel on each side in a neutral gray.
I left the background alone.

I've touched every part of the structure for this accordion. First off, I set the size so that it fit the titles. Then I adjusted the margin to bring the text in a little. And finally I added some padding all around so that the text didn't feel cramped.

The content doesn't need any images for this accordion.