/* Trio (Three-part blocks)
----------------------------------------------- */
div#content div.trio {
  width: 100%;
  font-size:0.9em;
  overflow:hidden; /* hides overflow background colour from div.portions */
  margin-bottom: 20px;
    }
div#content div.trio div.portion {
  float:left;
  min-width:105px;
  width:31%;
  margin: 0 3% -90px 0; /* 31% width + 3% margin x 2 = 68% */
  padding-bottom: 100px; /*10px more than margin bottom */
  }
div#content div.trio div.double {
  float:left;
  min-width:105px;
  width:65%;
  margin: 0 2% -90px 0; /* 65% width + 2% margin x 1 = 67% */
  padding-bottom: 100px; /*10px more than margin bottom */
  }
div#content div.trio div.double_right {
  float:left;
  min-width:105px;
  width:65%;
  margin: 0 0 -90px 0; /* 65% width + 2% margin x 1 = 67% */
  padding-bottom: 100px; /*10px more than margin bottom */
  }
div#content div.trio div.portion_right {
  float:left;
  min-width:105px;
  width:32%; /* 31% + 68% from left portions = 99% */ 
  margin: 0 0 -90px 0;
  padding-bottom: 100px; /*10px more than margin bottom */
  }
div#content div.trio h2 {
  border-top: 10px solid #ffffff;
  display:block;
  padding: 6px 8px;
  letter-spacing: 0.025em;
  margin: 0;
  border-bottom: 2px solid #ffffff;
  color:#FFFFFF;
  }
    
div#content div.trio #other h2, div#content div.mono #other h2{
  background-color:#B0365F;
}
div#content div.trio div#other, div#content div.mono div#other{
  background-color:#F7CDCD;
  }
  
div#content div.trio #new h2, div#content div.duo #new h2, div#content div.mono #new h2{
  background-color:#E98A76;
}
div#content div.trio div#new, div#content div.duo div#new, div#content div.mono div#new{
  background-color:#FDEFE0;
  }
div#content div.trio .lgreenbox h2, div#content div.duo .lgreenbox h2, div#content div.mono .lgreenbox h2, div#content div.double .lgreenbox h2{
  background-color:#99CC66;
}
div#content div.trio div.lgreenbox, div#content div.duo div.lgreenbox, div#content div.mono div.lgreenbox, div#content div.double div.lgreenbox{
  background-color:#E3F1D5;
  }
div#content div.trio .dgreenbox h2, div#content div.duo .dgreenbox h2, div#content div.mono .dgreenbox h2, div#content div.double .dgreenbox h2{
  background-color:#004f39;
}
div#content div.trio div.dgreenbox, div#content div.duo div.dgreenbox, div#content div.mono div.dgreenbox, div#content div.double div.dgreenbox{
  background-color:#E3F1D5;
  }
div#content div.trio .purplebox h2, div#content div.duo .purplebox h2, div#content div.mono .purplebox h2{
  background-color:#A592BF;
}
div#content div.trio div.purplebox, div#content div.duo div.purplebox, div#content div.mono div.purplebox{
  background-color:#F1EEF5;
  }

div#content div.trio ul {
  margin-top:0.5em;
  margin-bottom:0;
  padding-right: 0.5em;
  font-size: 1.1em;
}
div#content div.trio a, div#content div.trio a:visited, div#content div.mono a, div#content div.mono a:visited{
  text-decoration:none;
  }
div#content div.trio a:hover, div#content div.duo a:hover, 
div#content div.mono a:hover, div#content div.mono a:hover{
  text-decoration:underline;
  }
div#content div.trio p, div#content div.duo p {
  margin:5px 0;
  padding: 6px 8px;
  }
div#content div.trio p a, div#content div.duo p a  {
  font-weight:bold;
  text-decoration:none;
  } 
  
  /* USE THESE STYLES FOR greenbox EXTRA PAGES ONLY */

div#content div.trio #yellow h2, div#content div.duo #yellow h2, div#content div.mono #yellow h2,  div#content div.double #yellow h2{
  background-color:#F18E00;
}
div#content div.trio div#yellow, div#content div.duo div#yellow, div#content div.mono div#yellow, div#content div.double #yellow{
  background-color:#FDE5C8;
  }
div#content div.trio #green h2, div#content div.duo #green h2, div#content div.mono #green h2{
  background-color:#1B7000;
}
div#content div.trio div#green, div#content div.duo div#green, div#content div.mono div#green{
  background-color:#E3F1D5;
  }
div#content div.trio #pink h2, div#content div.duo #pink h2, div#content div.mono #pink h2{
  background-color:#A00E61;
}
div#content div.trio div#pink, div#content div.duo div#pink, div#content div.mono div#pink{
  background-color:#F3E7EA;
  }

div#content div.trio #orange h2, div#content div.duo #orange h2, div#content div.mono #orange h2{
  background-color:#F09559;
}
div#content div.trio div#orange, div#content div.duo div#orange, div#content div.mono div#orange{
  background-color:#FBE7DA;
  }