/* Style for sections with drop shadows
 *
 * Assumes that sections are marked-up like this:
 *
 *   <div class="back">
 *     <div class="section">
 *       <h2>Heading</h2>
 *       ...
 *     </div>
 *   </div>
 *
 * Default color is red (same as banner-o)
 *
 * Author: Bert Bos <bert@w3.org>
 * Created: 24 Aug 2001
 * Version: $Id: shadows.css,v 1.9 2002/05/31 12:15:51 bbos Exp $
 *	The style sheets used here are the results of spending many hours of searching the web, and gathering bits and pieces of information from many sources.  All of the contents of the web site are Copyright 2002,2003, 2004, 2005 Majenkir Borzoi Reg. and may not be used without permission.  December 3, 2005. N. M. Services*/

div.shadowbox {
  clear: both;
  page-break-before: always;
  margin: 3em 8em 3em 12em; /* By changing the 2nd and last value, you make both the text and shadow box smaller as well as change the horz. position*/
  padding: 1.5em;

}

div.shadowbox {background: #567;
}
div.textbox div.shadowbox {background: #777;}

div.textbox {
  background: #FBFBFF;
  margin: -3em 0 0 -3em;
  padding: 1.5em;
  border: thin solid #999;
  /* width: 50%; */
}
div.shadowbox2 {
  clear: both;
  page-break-before: always;
  margin: 2em 16em 3em 18em; /* By changing the 2nd and last value, you make both the text and shadow box smaller as well as change the horz. position.  Change the first number to determine how far down from the top the shadowbox is. */
  padding: 1.0em 1.0em 1.0em 1.0em;
}

div.shadowbox2 {background: #567;
}
div.textbox2 div.shadowbox2 {background: #777;}

div.textbox2 {
  background: #FBFBFF;
  margin: -2em 0 0 -3em; /* change the first number to determine how far down from the top of the text box is from the shadow box */
  padding: 1.0em; /* Changing this moves the text around in the inner box */
  border: thin solid #999;
  /* width: 50%; */
}
div.shadowbox3 {
  clear: both;
  page-break-before: always;
  margin: 2em 5em 3em 5em; /* By changing the 2nd and last value, you make both the text and shadow box smaller as well as change the horz. position.  Change the first number to determine how far down from the top the shadowbox is. */
  padding: 1.0em 1.0em 1.0em 1.0em;
}
div.shadowbox3 {background: #567;
}
div.textbox3 div.shadowbox3 { background: #777;}
div.textbox3 {
  background:  #FBFBFF;
  margin: -2em 0 0 -3em; /* change the first number to determine how far down from the top of the text box is from the shadow box */
  padding: 1.0em; /* Changing this moves the text around in the inner box */
  border: thin solid #999;
  /* width: 50%; */
}
div.shadowbox4 {
  clear: both;
  page-break-before: always;
  margin: 4.5em 7em 3em 7em; /* By changing the 2nd and last value, you make both the text and shadow box smaller as well as change the horz. position.  Change the first number to determine how far down from the top the shadowbox is. */
  padding: .5em .5em .5em .5em;
}
div.shadowbox4 {background: #567;
}
div.textbox4 div.shadowbox4 { background: #777;
}
div.textbox4 {
  background:  #FBFBFF;
  margin: -2em 0 0 -2em; /* change the first number to determine how far down from the top of the text box is from the shadow box */
  padding: 1.0em; /* Changing this moves the text around in the inner box */
  border: thin solid #999;
  /* width: 50%; */
}
div.shadowbox5 {
  clear: both;
  page-break-before: always;
  margin: 3em -1em 3em 3em; /* By changing the 2nd and last value, you make both the text and shadow box smaller as well as change the horz. position*/
  padding: 1.5em;

}

div.shadowbox5 {background: #567;
}
div.textbox5 div.shadowbox5 {background: #777;}

div.textbox5 {
  background: #FBFBFF;
  margin: -3em 0 0 -3em;
  padding: 1.5em;
  border: thin solid #999;
  /* width: 50%; */
}