Dreamweaver jQuery Ui Accordion

Question

I am using Dreamweaver and trying to change the background and text colors for the <h3> section  and <p> Content in the jQuery Ui accordion and cannot seem to get it to work.
I have tried the theme and accordion.css but it does not seem to work.  I have tried to find a tutorial and they all seem to reference using spry which is not used now.
Does anyone have any suggestions?

Answer 1

Nancy - The accordion is on the home page: index.php.  It works fine, but I want to change the appearance.
Dreamweaver inserts this when I add the Accordion to the page:
In the head:
<link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css" />
<link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css" />
<link href="jQueryAssets/jquery.ui.accordion.min.css" rel="stylesheet" type="text/css" />
and
<script src="jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery-ui-1.9.2.accordion.custom.min.js" type="text/javascript"></script>
And just before </body> tag:
<script type="text/javascript">
$(function() {
    $( "#Accordion1" ).accordion({
        collapsible:true,
        animate:{easing: "linear"},
        heightStyle:"content"
</script>
And I added this in the body of the page:
<div id="Accordion1">
<h3>About us</h3>
<div>
<p>Westside Bridge Academy is central and west Houston's premier venue for duplicate bridge instruction and play.</p>
<p>We have open games every day and I/N games several times each week - see the schedule to the left for details.</p>
<p>We are a friendly and welcoming place for you to play.</p>
<p>We have the nicest directors and players!</p>
</div>
<h3>What we do</h3>
<div>
<ul>
<li>You get an individual summary at the end of the game so you can easily check your scores!</li>
<li>You get an individual summary emailed to you only a few minutes after the game!</li>
<li>We use "The Common Game"; for details click below. </li>
<li>We offer complimentary snacks, coffee, and tea!</li>
<li>We have a full schedule of classes!</li>
</ul>
</div>
<h3>The Common Game</h3>
<div>
<ul>
<li>We play the same hands as hundreds of other clubs across the US and Canada.</li>
<li>You see your results compared with everyone who played the hand.</li>
<li>The results often come with expert commentary.</li>
<li>Results are match-pointed across the entire field - hundreds of tables!</li>
<li>Monthly winners are compiled and reported.</li>
</ul>
</div>
</div>
So I think I have all the coding correct, or at least workable.
It sounds like I need to replace one or all of the .css files with the one you specified.  Is that correct?
Thanks for the help.