/*
  ----------   shadows around boxes --------
  Use the outer DIV as a shadow for the inner one
  By using margins and padding, you offset the inner DIV a little to
  the left and up from the outer DIV:

  You also have to move the outer DIV a little to the right.  And if you
  have multiple sections, you probably want some space between them, too:
*/

div.shadow_box {
  display:block;
  background-color: #606060;
  margin: 1em;
}
div.round_box {
  display:block;
  background: transparent;
  margin: 1em;
  border:0;
}
div.roundbottom_box {
  display:block;
  background: transparent;
  margin: 0 0.5em 0 0.5em;
  border:0;
}
div.round_box p, div.round_box h1, div.round_box h2, div.round_box h3{
  margin:0 10px;
  padding-bottom:0.5em;
}

div.roundbottom_box p, div.roundbottom_box h1, div.roundbottom_box h2, div.roundbottom_box h3{
  margin:0;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-bottom:0.5em;
}

div.shadow_box p, div.shadow_box h1, div.shadow_box h2, div.shadow_box h3, div.shadow_box dl, div.shadow_box table {
  margin:0 10px;
  padding-bottom:0.5em;
}


div.shadow_tan {
  background: #f4edd9;
  border: 1px solid #404040;
  padding: 0.5em;
  position: relative;
  top: -5px;     /* these two define the shadow 'offset'*/
  left: -5px;    /*...*/
}

div.shadow_blue {
  background: #87ceeb;
  border: 1px solid #404040;
  padding: 0.5em;
  position: relative;
  top: -5px; /* these two define the shadow 'offset'*/
  left: -5px; /*...*/
}

div.shadow_round {
  background: transparent;
  border:0;
  position: relative;
  top: -5px; /* these two define the shadow 'offset'*/
  left: -5px; /*...*/
}

div.rounded_tan {
  display: block;
  background: #f4edd9;
  border-left:1px solid #404040;
  border-right:1px solid #404040;
  margin: 0;
  padding: 0;
}
div.rounded_blue {
  display: block;
  background: #87ceeb;
  border-left:1px solid #404040;
  border-right:1px solid #404040;
  margin: 0;
  padding: 0;
}

div.rounded_white {
  display: block;
  background: #FFFFFF;
  border-left:1px solid #404040;
  border-right:1px solid #404040;
  margin: 0;
  padding: 0;
}

div.raised_body {
  display: block;
  background: #87ceeb;
  border-left:1px solid #b0e0e6;
  border-right:1px solid #00bfff;
  margin: 0;
  padding: 0;
}
/*  class notation:
  rt[14]_t is the top corners for a rounded tan box
  rb[14]_t is the bottom corners for a rounded tan box
  rt[14]_b is the top corners for a rounded blue box
  rb[14]_b is the bottom corners for a rounded blue box
  rt[14]_w is the top corners for a rounded white box
  rb[14]_w is the bottom corners for a rounded white box
  rt[14]_r is the top corners for a raised rouned blue box
  rb[14]_r is the bottom corners for a raised rounded blue box
*/


/* this is rounded corners for a tan colored box and dark borders */
/* the top, left, right, and bottom are the same colors so it does not have the raised look */

.rt1_t, .rt2_t, .rt3_t, .rt4_t {display:block; overflow:hidden;font-size:1px;}
.rb1_t, .rb2_t, .rb3_t, .rb4_t {display:block; overflow:hidden;font-size:1px;}
.rt1_t, .rt2_t, .rt3_t {height:1px;}
.rb1_t, .rb2_t, .rb3_t {height:1px;}

/* these are the borders for the corners */
.rt2_t, .rt3_t, .rt4_t {
  background:#f4edd9;
  border-left:1px solid #404040;
  border-right:1px solid #404040;
}
.rb2_t, .rb3_t, .rb4_t {
  background:#f4edd9;
  border-left:1px solid #404040;
  border-right:1px solid #404040;
}

/* this is the top and bottom border */
.rt1_t {
  margin:0 5px;
  background:#404040;
  }
.rb1_t {
  margin:0 5px;
  background:#404040;
  }
.rt2_t, .rb2_t {margin:0 3px; border-width:0 2px;}
.rt3_t, .rb3_t {margin:0 2px;}
.rt4_t, .rb4_t {height:2px; margin:0 1px;}

/* this is rounded corners for a white colored box and dark borders */
/* the top, left, right, and bottom are the same colors so it does not have the raised look */

.rt1_w, .rt2_w, .rt3_w, .rt4_w {display:block; overflow:hidden;font-size:1px;}
.rb1_w, .rb2_w, .rb3_w, .rb4_w {display:block; overflow:hidden;font-size:1px;}
.rt1_w, .rt2_w, .rt3_w {height:1px;}
.rb1_w, .rb2_w, .rb3_w {height:1px;}

/* these are the borders for the corners */
.rt2_w, .rt3_w, .rt4_w {
  background:#ffffff;
  border-left:1px solid #404040;
  border-right:1px solid #404040;
}
.rb2_w, .rb3_w, .rb4_w {
  background:#ffffff;
  border-left:1px solid #404040;
  border-right:1px solid #404040;
}

/* this is the top and bottom border */
.rt1_w {
  margin:0 5px;
  background:#404040;
  }
.rb1_w {
  margin:0 5px;
  background:#404040;
  }
.rt2_w, .rb2_w {margin:0 3px; border-width:0 2px;}
.rt3_w, .rb3_w {margin:0 2px;}
.rt4_w, .rb4_w {height:2px; margin:0 1px;}

/* this is rounded corners for a blue colored box and dark borders */
/* the top, left, right, and bottom are the same colors so it does not have the raised look */
/* the top, left border have a lighter color.  The right and bottom have a darker color */

.rt1_b, .rt2_b, .rt3_b, .rt4_b {display:block; overflow:hidden;font-size:1px;}
.rb1_b, .rb2_b, .rb3_b, .rb4_b {display:block; overflow:hidden;font-size:1px;}
.rt1_b, .rt2_b, .rt3_b {height:1px;}
.rb1_b, .rb2_b, .rb3_b {height:1px;}

/* these are the borders for the corners */
.rt2_b, .rt3_b, .rt4_b {
  background:#87ceeb;
  border-left:1px solid #404040;
  border-right:1px solid #404040;
}
.rb2_b, .rb3_b, .rb4_b {
  background:#87ceeb;
  border-left:1px solid #404040;
  border-right:1px solid #404040;
}

/* this is the top and bottom border */
.rt1_b {
  margin:0 5px;
  background:#404040;
  }
.rb1_b {
  margin:0 5px;
  background:#404040;
  }
.rt2_b, .rb2_b {margin:0 3px; border-width:0 2px;}
.rt3_b, .rb3_b {margin:0 2px;}
.rt4_b, .rb4_b {height:2px; margin:0 1px;}

/* this is rounded corners for a blue colored box and raised borders */
/* the top, left border have a lighter color.  The right and bottom have a darker color */

.rt1_r, .rt2_r, .rt3_r, .rt4_r {display:block; overflow:hidden;font-size:1px;}
.rb1_r, .rb2_r, .rb3_r, .rb4_r {display:block; overflow:hidden;font-size:1px;}
.rt1_r, .rt2_r, .rt3_r {height:1px;}
.rb1_r, .rb2_r, .rb3_r {height:1px;}

/* these are the borders for the corners */
.rt2_r, .rt3_r, .rt4_r {
  background:#87ceeb;
  border-left:1px solid #b0e0e6;
  border-right:1px solid #00bfff;
}
.rb2_r, .rb3_r, .rb4_r {
  background:#87ceeb;
  border-left:1px solid #b0e0e6;
  border-right:1px solid #00bfff;
}

/* this is the top and bottom border */
.rt1_r {
  margin:0 5px;
  background:#b0e0e6;
  }
/* this is the top and bottom border */
.rb1_r {
  margin:0 5px;
  background:#00bfff;
  }
.rt2_r, .rb2_r {margin:0 3px; border-width:0 2px;}
.rt3_r, .rb3_r {margin:0 2px;}
.rt4_r, .rb4_r {height:2px; margin:0 1px;}