     <style type="text/css">
body {
        margin: 10px auto;
        width: 640px;
        font: 75%/120% Verdana;
}


.accordion {
        width: 635px;
        border-bottom:none;
}
.accordion h3 {
        background: #BD9962 url(../images/arrow-square.gif) no-repeat right -51px;
        padding: 7px 15px;
        margin: 0;
        font-family:Verdana;
        font-size:12px;
        border: solid 1px #BD9962;
        border-bottom: 1px solid #ffff99;
        cursor: pointer;
}
.accordion h3:hover {
        background-color: #DAB071;
}
.accordion h3.active {
        background-position: right 5px;
}
.accordion p {
        background: #f7f7f7;
        font-family:Verdana;
        font-size:11px;
        margin: 0;
        padding: 10px 15px 20px;
        border-left: solid 1px #BD9962;
        border-right: solid 1px #BD9962;
}
</style>
