Different heading within div

Hello everybody,

I’ve got a question; how can I set a different format for heading within a div in style.CSS? I’ve got an accordion style button, and when the button is clicked, I want the content to show, but not in the same style.

Here’s my code:

.art-blockcontent-body table,
.art-blockcontent-body li,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover
{
  color: #403934;
  font-family: "HelveticaNeueLT Com 35 Th",Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  line-height: 125%;
}

.art-blockcontent-body p
{
  margin: 6px 0;
}

.art-blockcontent-body a, .art-blockcontent-body a:link
{
color: #5F5B54;
padding: 0 0px;
margin: 0 0;
line-height: 33px;
font-family: "Droid Serif",Arial, Helvetica, Sans-Serif;
font-size: 20px;
text-align: left;
text-decoration: none;
position: relative;
display: block;
overflow: hidden;
height: 33px;
width: 160px;
cursor: pointer;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
  color: #403934;
  text-decoration: none;
}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
  color: #961818;
  text-decoration: none;
}

.art-blockcontent-body ul li
{
  color: #403934;
  font-size: 10px;
  padding: 0 0 0 0px;
  float: left;
  background: none;
}/* end Box, BlockContent */

.art-blockcontent-body ul li li
{
 float: none;
}

Can someone please help me how to solve this? Thank you all very much in advance!