.accordion {
    margin: 0;
    padding:10px;
    height:20px;
    border-top:#f0f0f0 1px solid;
    background: #859b4b;
    text-decoration:none;
    
   font:normal 22px 'FranklinGothicMediumCondRegular'; color:#fff; text-decoration: none;
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
            transition-duration: 0.4s;
  
}
.accordion:hover{ cursor:pointer; background-color:#282f32;text-decoration: none;
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
            transition-duration: 0.4s;}
.accordion-open {
    background:#282f32;
    color: #fff;
}
.accordion-open span {
    display:block;
    float:left;
    padding:10px;margin: 0 11px 0 0;
}
.accordion-open span {
    background:url(../images/close-arrow.png) center center no-repeat; 
}
.accordion-close span {
    display:block;
    float:left;
    background:url(../images/open-arrow.png) center center no-repeat;
    padding:10px; margin: 0 11px 0 0;
}
div.content {
    background:#f0f0f0;
    margin: 0;
    padding:10px;
    font-size:.9em;
    line-height:1.5em;
    font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
div.content ul, div.content p {
 list-style-type:none;
}

div.content ul li a {
    color:#555555;
}
code {
    overflow:auto;
}
div.content ul{ margin-top:10px;}
.content h2{ padding-bottom:8px; margin:0px; line-height:25px;}
.content h3,.content h4{  color: #555555;
    font: bold 13px/19px arial;
    margin: 0;
    padding: 11px 0 0;}