/* SS home triptych CSS file */

/* colours:

#404F24  	dark green  
#BDD09F     green
#E8F0D8     pale green
  
#8F3B1B     reddish brown
#B99C6B     tan
#FFF8DC     cornsilk

#4E6172     steel
#A3ADB8     silver 
#FCFCFC     pale grey 
*/


/* font ------------------------------------------------------- */ 
/* sans-serif */
DIV.tri-mid, DIV.tri-mid-large
{ font-family: "Candara","Lucida Sans Unicode",Helvetica,sans-serif; }

DIV.tri-indent {
  margin-top: 2em;
  margin-right: 3em;
  margin-left: 3em;
}

DIV.tri-left-small {
  float: left;
  width: 65px;
  margin: 2px 10px 15px 0;
  padding-top: 10px;
  font-weight: bold;
}

DIV.tri-left {
  float: left;
  width: 80px;
  margin: 15px 10px 0 0;
  text-align: left;
}


DIV.tri-left-large {
  float: left;
  width: 185px;
  margin: 15px 20px 0 0;
  text-align: left;
}

DIV.tri-left-index {
  float: left;
  width: 230px;
  margin-bottom: 1em; 
  text-align: left;
}

DIV.tri-mid, DIV.tri-mid-large  {
  float: left;
  width: 68%;
  border-top: 4px #BDD09F solid;
}

DIV.tri-mid {
  padding-top: 2px;
  margin: 0.7em 5px 0px 16px;
  font-size: 130%;
}

DIV.tri-mid-large {
  margin-top: 1em;
  margin-left: 32px;
  line-height: 1.7em;
  font-size: 180%;
}

DIV.tri-right-small, DIV.tri-right {
  float: left;
  width: 75%;
  padding-top: 5px;
}

DIV.tri-right-small {
  max-width: 55em;
  padding-left: 40px;
}

DIV.tri-right {
  padding-left: 2em;
  text-align: justify;
}


DIV.tri-right-index {
  float: left;
  width: 63%;
  max-width: 55em;
  padding-top: 5px;
  padding-left: 40px;
  text-align: justify;
}

P.divider {
  border-bottom: 1px #404F24 dashed;
  margin-top: 15px;
}