<style type='text/css'> 
/* --------
  The CSS rules offered here are just an example. You can style the 'accordion' in any way you like.
  The styles for the Page Structure are needed just for the purpose of this demo page.
  If you decide to use the CSS rules in 'Accordion' (see below) as a base, 
  be sure to rename the selectors as to satisfy the elements in your site.
 --------- */
* {margin:0; padding:0}
 
/* --- Page Structure  --- */
#html {height:100%}

accordion {

body {
  background:#fff none;
  color:#000;
/*   font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; */
  font-size:80%;
  height:100%;
  line-height:1.6;
  margin:0 auto;
  min-width:700px;
/*   text-align:center; */
  width:100%; 
}
}

#wrapper{
  min-width:650px;
  padding:1px 0.25% 1px;
  margin-bottom:30px;
  text-align:left;
  overflow:hidden
}

#container {
  float:left;
  width:100%;
/*   margin-right:-19em; */
  padding:0 0 1em;
  position:relative;
  min-height:0; 
}

#main{
/*   margin-right:19em; */
  position:relative; 
  min-height:0;
  text-align:left;
}

/*
p {margin: 0 10px 1em}
.strong{font-weight:700}
.clear {clear:both} 
*/
/* --- Headings --- */

accordion {
h1 {font-family:georgia,'times new roman',times,serif; font-size:2.5em; font-weight:normal; color:#cf263d}
 
h1, h2, h3 {margin-bottom:1em}
 
h2, h3, h4 a, h5 a {padding:3px 10px}
 
h2, h3, h4, h5 {font-size:1em;}

a:hover, a:focus, a:active {border-color:#b3c5db; text-decoration:none; outline:0 none}

} 
#main h2 {background-color:#f0f0f0;}
 
 
/* a {padding:1px; border:1px solid #efefef; color:#06c} */
 
<!-- #a:hover, a:focus, a:active {border-color:#b3c5db; text-decoration:none; outline:0 none} -->
#main {h2, h3, h4, h5 {font-size:1em;}}


.js #main .accordion {visibility:hidden}
 
 
/*.accordion {margin:0; padding:0 10px}*/
.accordion {margin:0; padding:0 2px}
 
.accordion li {list-style-type:none}
 
.accordion li.last-child {list-style-type:disc}
 
 
.accordion .outer {border:1px solid #e0e0e0; border-width:0 1px 1px}
 
/* .accordion .inner {margin-bottom:0; padding:10px 20px; position:relative} */
.accordion .inner {margin-bottom:0; padding:2px 4px; position:relative}

.accordion .inner .inner {padding-bottom:0}
 
.accordion .h {padding-top:.3em}
 
.accordion p {margin:0; padding-bottom:1em}
  
a.trigger {display:block; padding-left:20px; background-image: url(img/plus.gif); background-repeat: no-repeat; background-position: 1px 50%;  font-weight:700; font-size:0.5em;}
 
a.trigger.open {background-image: url(img/minus.gif)}
 
#main a.trigger {background-color:#f6f6f6;font-size:0.75em;}
 
#main a.trigger.open {border-color:#e0e0e0; background-color:#f0f0f0}
 
#main a:hover.trigger.open, #main a:focus.trigger.open, #main a:active.trigger.open {border-color:#b3c5db}
 
.active{font-weight:700; text-decoration:none}
 
</style> 
