.toggle_wrap{
  width:99%;
  border:0.062em solid #c2c2c2;;
  border-radius:0.75em;
  box-shadow: 0.125em 0.125em 0.625em 0em rgba(0, 0, 0, 0.4);
  margin:0 auto;
  padding:0;
}


.indx_tuts_hd{
width: 99%;
margin:0 auto;
padding:0.65em;
}
.indx_tuts_hd h1{
color:rgb(71, 51, 51);
margin:0 0 0 0.25em;
padding:0;
}
.indx_tuts_hd h2{
font-style:italic;    
color:black;
margin:0.5em 0 0.5em 0.5em;
padding:0;
}
.indx_tuts_hd p{
color:rgb(37, 23, 23);
line-height: 1.5em;
text-indent:0.25em;
margin:0.45em 0 0 0.5em;
padding:0;
}

.back_story .toggle-content {
  background-color: #f7f5e1;
  box-shadow: 0.125em 0.125em 0.625em 3em rgba(0, 0, 0, 0.4);
  margin: 0 0.75em 0.25em 0.5em;
  padding:0;
}

.back_story .toggle-content p{
  margin:0.5em 0.75em;
  padding:0;
}

.toggle-parent {
  margin: 0.75em 1.25em 0.375em 1.0em;
  padding:0;
}

.toggle-parent input[type="checkbox"] {
  display: none;
}

.toggle-label {
  display:block;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.25em;
  border:0.062em rgb(185, 32, 32) solid;
  border-radius:0.35em;
  box-shadow: 0.125em 0.125em 0.625em 0em rgba(0, 0, 0, 0.4);
  margin:  0.65em 0.25em;
  padding:0.35em 0 0.35em 0.25em;
}

.toggle-label::before {
  content: '+';
  display: inline-block;
  padding-right: 0.312em;
}

.toggle-parent input[type="checkbox"]:checked + .toggle-label::before {
  content: '-';
}

.toggle-content {
max-height: 0;
overflow: hidden;
border-radius:0.75em;
box-shadow: outset 0 0 0.5em rgba(71, 81, 114, 0.2);
transition: max-height 0.4s ease-out;
}

.toggle-parent input[type="checkbox"]:checked ~ .toggle-content {
  max-height: 62.5em; /* Set a value that is taller than your hidden content */
}

.toggle_wrap{
  padding:0;
  margin:0;
}

/* this is all the styles for the main/index pg vert nav links  */
.toggle_wrap ul{
  width:100%;
  list-style-type: none;
  background-color:#c2c2c2;
  border:1px solid #947777;
  border-radius:0.75em;
  box-shadow: outset 0 0 0.5em rgba(71, 81, 114, 0.2);
  margin:0;
  padding:0.5em;
}

.toggle_wrap ul li{
  font-size:1.25em;
  text-decoration: none;
  background-color: #d3caca;
  border-radius:0.35em;
  margin:0.75em 0;
  padding: 0.625em 0;
  border:0.062em solid rgb(10, 102, 82);
  box-shadow: 0.125em 0.125em 0.625em 0em rgba(0, 0, 0, 0.2);
}

.toggle_wrap ul li:hover{
  background:#E7DFE7;
}

.toggle_wrap a{
  display:block;
  text-decoration: none;
  color:#640000;
  background: url(../imgs/icons/garrow.gif) 0.375em 0.375em;
  background-repeat:no-repeat;
  margin:0;
  padding:0.0em 0.0em 0.0em 1.125em;
}

.toggle_wrap a:hover{
  color:#000;
  background: url(../imgs/icons/rarrow.gif) 0.375em 0.375em;
  background-repeat:no-repeat;
  background-color:#E7DFE7; 
  margin:0;
  padding:0.0em 0.0em 0.0em 1.125em;
}