/* Trio (Three-part blocks)
----------------------------------------------- */

div#content div.trio, div#content div.duo, div#content div.mono  {
  width: 500px;
  overflow:hidden; /* hides overflow background colour from div.portions */
  margin-bottom: 0.1em;
    }
div#content div.mono div.portion {
  float:left;
  min-width:315px;
  width:480px;
  margin: 0 0% 0px 0; 
  padding-bottom: 10px; /*10px more than margin bottom */
  background-color:#E2EBFA;
  }
div#content div.duo div.portion {
  float:left;
  width:230px;
  margin: 0 20px -90px 0; /* 48% width + 3% margin = 51% */
  padding-bottom: 100px; /*10px more than margin bottom */
  background-color:#E2EBFA;
  }

 div#content div.duo div.portion_right {
  float:left;
  min-width:158px;
  width:48%; /* 48% + 51% from left portion = 99% */ 
  margin: 0 0 -90px 0;
  padding-bottom: 100px; /*10px more than margin bottom */
    background-color:#E2EBFA;
  }
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 */
  background-color:#E2EBFA;
  }
 div#content div.trio div.portion_right {
  float:left;
  min-width:105px;
  width:31%; /* 31% + 68% from left portions = 99% */ 
  margin: 0 0 -90px 0;
  padding-bottom: 100px; /*10px more than margin bottom */
    background-color:#E2EBFA;
  }  
div#content div.portion h2, div#content div.portion_right h2 {
  display:block;
  padding: 6px 8px;
  letter-spacing: 0.025em;
  margin: 0;
  border-top: 10px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  color:#FFFFFF;
  background-color:#446E94;
  }
div#content div.portion h2 a, 
div#content div.portion_right h2 a, 
div#content div.portion h2 a:visited, 
div#content div.portion_right h2 a:visited {
text-decoration: none;
color:#FFFFFF;
  }
div#content div.portion h2 a:hover, 
div#content div.portion_right h2 a:hover {
text-decoration: underline;
color:#FFFFFF;
  }
  div#content div.portion h3, div#content div.portion_right h3 {
  padding-left: 8px;
  }  
div#content div.trio ul, div#content div.duo ul, div#content div.mono ul   {
  margin-top:0.5em;
  margin-bottom:0;
  padding-right: 0.5em;

}
div#content div.portion form, div#content div.portion_right form  {
  padding:0.5em 1em 0 1em;
}
div#content div.portion label.float
{
float:left;
width:17em;
}
div#content div.trio p, div#content div.duo p, div#content div.mono p  {
  margin:8px 0;
  padding:0 1em; 
  }
div#content div.trio p a, div#content div.duo p a, div#content div.mono p a {
  font-weight:bold;
  text-decoration:none;
  } 
 div#content div.portion img, 
 div#content div.portion_right img {
  	margin: 0.5em 0 0 1em;
  }
 div#content div.portion form, div#content div.portion_right form {
  margin: 0;

  }  
.small
{font-size: 0.8em}
div#content div.duo div.portion_right dl {
padding-left: 1em;
padding-right: 1em;
}
div#content div.duo div.portion_right dd {
padding-left: 0.5em;
}


  /* Tree list
----------------------------------------------- */
  div#content div.tree {
padding: 0.5em;
font-size: 0.9em;
background-color:#F1EEF5;
 }
  div#content div.tree h2 {
font-size: 1.1em;
margin: 0; } 
div#content div.tree a, div#content p.tree a {
text-decoration:none;
 }
 div#content div.tree a:hover, div#content p a:hover {
text-decoration:underline;
 }
  div#content div.tree ul ul {

 }
div#content div.tree p {
text-decoration:none;
 }
div#content div.tree p a:hover {
text-decoration:underline;
 }
div#content div.tree span {
font-weight:bold;
display:block;
width: 11em;
float:left;
text-align:right;
padding-right: 1em;
 }