/* Round Cornered Box CSS - 03-21-2014 */
/* by Impressive Websites - Alan Darge */

/* Three possible Columns containing Boxes */
#colA{
  width: 320px;
  float: left;
}
.bxTopColA, .bxBotColA{ width: 280px;} /* colA-40px */

#colB{
  width: 600px;
  float: right;
}
.bxTopColB, .bxBotColB{ width: 560px;} /* colB-40px */

#colC{ width: 900px;}
.bxTopColC, .bxBotColC{ width: 860px;} /* colC-40px */

.spacerCol{
  width: 20px;
  height: 40px;
  float: left;
}

/* Four Corners of all Boxes */
.bxTL, .bxTR, .bxBL, .bxBR{
  width: 20px;
  height: 20px;
  float: left;
}
.bxTL{ background: transparent url(../images/bgs/bg_tl_20x20.png);}
.bxTR{ background: transparent url(../images/bgs/bg_tr_20x20.png);}
.bxBL{ background: transparent url(../images/bgs/bg_bl_20x20.png);}
.bxBR{ background: transparent url(../images/bgs/bg_br_20x20.png);}

/* Tops and Botooms of Boxes */
.bxTopColA, .bxBotColA, .bxTopColB, .bxBotColB, .bxTopColC, .bxBotColC{
  height: 19px; /* + 1px border = 20px */
  float: left;
  background-color: white;
}
.bxTopColA, .bxTopColB, .bxTopColC{ border-top: 1px solid #999;}
.bxBotColA, .bxBotColB, .bxBotColC{ border-bottom: 1px solid #999;}

/* Middle section of all Boxes */
.bxMid{
  width: auto;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
  background-color: white;
  padding: 0px;
}
