/* --------
  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%}

#wrapper{
  padding:10px 2.5% 10px;
  margin-bottom:30px;
  text-align:left;
  overflow:hidden
}
#container {
  float:left;
  width:640;
  margin-right:-19em;
  padding:0 0 1em;
  position:relative;
  min-height:0; 
}
#main{
  margin-right:19em;
  position:relative; 
  min-height:0;
}
#side{
  float:right;
  display:inline;
  width:18em;
  padding-bottom:1.3em;
  position:relative;
  overflow:hidden
}
#main p {margin: 0 10px 1em}
.strong{font-weight:700}
.clear {clear:both}
/* --- Headings --- */

#main h1 h2 h3 {margin-bottom:1em}

#main h2 h3 h4 a h5 a {padding:3px 10px}

#main h2 h3 h4 h5 {font-size:1em}

/*#main h2 {background-color:#f0f0f0;}*/

#side, #side h2, #side h3 {background:#000; color:#dedfff}

#side h2 {border-bottom:0px solid #45494f}

/* --- Links --- */
#main h4 a {padding:1px; font-family: Tahoma; font-size: 16px ; color: #ff9900; font-weight: bold;}

#main h5 a {padding:1px; font-family: Tahoma; font-size: 13px ; color: #000000; font-style: normal;}

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

#side a {border-width:0 0 1px; border-color:#33383f}*/

#side a, #side a:link, #side a:visited {color:#f0f0f0}

#side a:hover, #side a:active, #side a:focus {/*background-color:#f0f0f0;*/ color:#ff9900}

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

.js #side .accordion {display:none}

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

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

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

#side ul.accordion ul {margin:0; padding:0 0 0 20px;}

.accordion .outer {border:0px solid #e0e0e0; /*border-width:0 1px 1px*/}

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

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

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

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

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

#main a.trigger {display:block; padding-left:20px; background-image: url(/inc/accordion/img/plus.gif); background-repeat: no-repeat; background-position: 1px 50%;  font-weight:700}

#main a.trigger.open {background-image: url(/inc/accordion/img/minus.gif)}

/*#main a.trigger {background-color:#ffffff}

#main a.trigger.open {border-color:#ffffff; background-color:#f0f0f0}*/

/*#main a:hover.trigger.open, #main a:focus.trigger.open, #main a:active.trigger.open {border-color:#ff9900}*/

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