/* --------
  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.
 --------- */

/* --- Page Structure  --- */
#container,#container1,#container2 {
  float:left;
  width:100%;
  margin-right:-19em;
  padding:0 0 1em;
  position:relative;
  min-height:0; 
}
#main,#main1,#main2{
  margin-right:19em;
  position:relative; 
  min-height:0;
  width:100%;
}
.clear {clear:both}
/* --- Headings --- */

h2, h3, h4 a, h5 a
{
    padding: 3px 10px;
    text-decoration: none;
}

h2, h3, h4, h5
{
    font-size: 1em;
    margin: 0;
    padding: 0;
}

#main h2,#main1 h2,#main2 h2 {background-color:#f0f0f0;}

/* --- Accordion --- */
.js #main .accordion,.js #main1 .accordion,.js #main2 .accordion {visibility:hidden}

.accordion
{
    margin: 0;
    padding: 0 10px;
}

.accordion li {list-style-type:none}

.accordion li.last-child {list-style-type:disc}

.accordion .inner {margin-bottom:0; padding:10px 20px; position:relative ;text-align:right ;}

.accordion .inner .inner {padding-bottom:0}

.accordion .h {padding-top:.3em    }

.accordion p {margin:0; padding-bottom:1em}

.switch {margin-bottom:.5em}

/*  
  Add styles for all links in the 'accordion':
.accordion a {...}
*/    

a.trigger {display:block; padding-left:20px; padding-right:40px; text-align:right ;background-image: url(/Image/Accordion/plus.gif); background-repeat: no-repeat; background-position: 98% 50%; font-weight:700 }

a.trigger.open {background-image: url(/Image/Accordion/minus.gif)}


#main a:hover.trigger.open, #main a:focus.trigger.open, #main a:active.trigger.open {border-color:#b3c5db}
#main1 a:hover.trigger.open, #main1 a:focus.trigger.open, #main1 a:active.trigger.open {border-color:#b3c5db}
#main2 a:hover.trigger.open, #main2 a:focus.trigger.open, #main2 a:active.trigger.open {border-color:#b3c5db}

.active{font-weight:700; text-decoration:none}