//SAMPLE CODE FOR Toggled Content (you can use "showhide1" through "showhide6")
//EACH TOGGLED AREA NEEDS A UNIQUE ID ("showhide1, showhide2, etc.)
//THE FOLLOWING IS FOR TWO TOGGLED AREAS
//MORE THAN 6 AREAS REQUIRE ADDITIONAL CSS (e.g. showhide7 )
//<a href="javascript:toggleLayer('showhide1');">Show Details</a>
//<div id="showhide1" class="box_showdetails">
//<em>Larger Title</em><br><br>
//<strong>Bolded Subhead</strong><br>
//Plain text, plain text, plain text, etc.
//</div>
//<a href="javascript:toggleLayer('showhide2');">Show Details</a>
//<div id="showhide2" class="box_showdetails">
//<em>Larger Title</em><br><br>
//<strong>Bolded Subhead</strong><br>
//Plain text, plain text, plain text, etc.
//</div>

function toggleLayer(whichLayer) {
 if (document.getElementById) {
   // this is the way the standards work
   var style2 = document.getElementById(whichLayer).style;
   style2.display = style2.display? "":"block";
  }
  else if (document.all) {
   // this is the way old msie versions work
   var style2 = document.all[whichLayer].style;
  style2.display = style2.display? "":"block";
  }
  else if (document.layers) {
   // this is the way nn4 works
    var style2 = document.layers[whichLayer].style;
    style2.display = style2.display? "":"block";
  }
}