div.box-float-right {
  display: block;
  float: right;
  margin: 10px;
}
div.box-float-left {
  display: block;
  float: left;
  margin: 10px;
}
div.box {
  padding: 10px 10px 5px 10px;
  margin: 30px 10px;
  text-align: left;
}
div.box .header{
  padding: 2px 5px 2px 5px;
  margin: -32px 0 0 0;
  position: absolute;
  z-index: 100;
}

div.box-plain1 {
  border: solid 1px #3c8cd2;
}

div.box-plain1 .header {
  border: solid 1px #3c8cd2;
  background: #cee4fc;
  font-weight: bold;
}

div.box-plain2 .header {
  font-weight: bold;
  border-bottom: solid 1px #aaa;
}

div.box-blue2, jmf.blue2 {
  border: solid 1px #3c83d2;
  background: #cee4fc;
}

div.box-blue2 .header{
  border: solid 1px #3c8cd2;
  background: #cee4fc;
  font-weight: bold;
}


div.box-blue1, jmf.blue1 {
  border: solid 1px #b5bec9;
  background: #e5eef9;
  /* width:240px; */
}
div.box-blue1 .header{
  border: solid 1px #b5bec9;
  background: #e5eef9;
  font-weight: bold;
}



div.box-green1, jmf.green1 {
  border: solid 1px #afbfaf;
  background: #efffef;
  /* width:240px; */
}
div.box-green1 .header{
  border: solid 1px #afbfaf;
  background: #efffef;
  font-weight: bold;
}

div.box-green2, jmf.green2 {
  border: solid 1px #1BBF3A;
  background: #5fff5b;
  /* width:240px; */
}
div.box-green2 .header{
  border: solid 1px #1BBF3A;
  background: #5fff5b;
  font-weight: bold;
}


div.box-yellow1, jmf.yellow1 {
  border: solid 1px #bb0;
  background: #FEFF91;
  /* width:240px; */
}
div.box-yellow1 .header{
  border: solid 1px #bb0;
  background: #FEFF91;
  font-weight: bold;
}


div.box-yellow2, jmf.yellow2 {
  border: solid 1px #bb0;
  background: #ff0;
}
div.box-yellow2 .header{
  border: solid 1px #bb0;
  background: #ff0;
  font-weight: bold;
}


div.box-gold-grad, jmf.gold-grad {
  border: solid 1px #98962B;
  background: #D8D19E url(/images/css/gold-grad.jpg);
}
div.box-gold-grad .header{
  border: solid 1px #98962B;
  background: #D8D19E url(/images/css/gold-grad.jpg);
  font-weight: bold;
}
div.box-gold-grad a{
  color: #484600;
}

div.box-tan-grad, jmf.tan-grad {
  border: solid 1px #bAb28E;
  background: #DAD2AE url(/images/css/tan-grad.jpg);
}
div.box-tan-grad .header{
  border: solid 1px #bAb28E;
  background: #DAD2AE url(/images/css/tan-grad.jpg);
  font-weight: bold;
}
div.box-tan-grad a{
  color: #7A724E;
}


div.box-purple-grad, jmf.purple-grad {
  border: solid 1px #883D9B;
  background: #D278E8 url(/images/css/purple-grad.jpg);
}
div.box-purple-grad .header{
  border: solid 1px #883D9B;
  background: #D278E8 url(/images/css/purple-grad.jpg);
  font-weight: bold;
}
div.box-purple-grad a{
  color: #504;
}

div.box-green-grad, jmf.green-grad {
  border: solid 1px #003a14;
  background: #ae8 url(/images/css/green-grad.jpg);
}
div.box-green-grad .header{
  border: solid 1px #003a14;
  background: #ae8 url(/images/css/green-grad.jpg);
  font-weight: bold;
}
div.box-green-grad a{
  color: #003a14;
}

div.box-brick2 {
  border: solid 1px #825B4F;
  background: #A28B7F url(/images/css/brick2-back.jpg);
  font-weight: bold;
}
div.box-brick2 .header{
  color: #ffe;
  border: solid 1px #825B4F;
  background: #A28B7F;
  font-weight: bold;
}
div.box-brick2 a{
  font-weight: bold;
  color: #ffe;
}

div.box-blue-grad, jmf.blue-grad {
  border: solid 1px #001D7F;
  background: #79E6F9 url(/images/css/blue-grad.jpg);
}
div.box-blue-grad .header{
  border: solid 1px #001D7F;
  background: #79E6F9 url(/images/css/blue-grad.jpg);
  font-weight: bold;
}
div.box-blue-grad a{
  color: #001D7F;
}
div.box-y-grad, jmf.y-grad {
  border: solid 1px #001D7F;
  background: url(/images/css/y-grad.gif);
}
div.box-y-grad .header{
  border: solid 1px #001D7F;
  background: url(/images/css/y-grad.gif);
  font-weight: bold;
}
div.box-y-grad a{
  color: #001D7F;
}

div.box-yellow-grad, jmf.yellow-grad {
  border: solid 1px #eFcE01;
  background: #F8F47A url(/images/css/yellow-grad.jpg);
}
div.box-yellow-grad .header{
  border: solid 1px #eFcE01;
  background: #F8F47A url(/images/css/yellow-grad.jpg);
  font-weight: bold;
}
div.box-yellow-grad a{
  color: #484600;
}


div.box-gb-grad, jmf.gb-grad {
  border: solid 1px #003a14;
  background: url(/images/css/gb-grad.jpg);
}
div.box-gb-grad .header{
  border: solid 1px #003a14;
  background: url(/images/css/gb-grad.jpg);
  font-weight: bold;
}
div.box-gb-grad a{
  color: #003a14;
}



div.box-purple2, jmf.purple2 {
  border: solid 1px #883D9B;
  background: #D278E8;
  /* width:240px; */
}
div.box-purple2 .header{
  border: solid 1px #883D9B;
  background: #D278E8;
  font-weight: bold;
}
div.box-purple2 a{
  color: #504;
}




div.box-purple1, jmf.purple1 {
  border: solid 1px #883D9B;
  background: #F1C4FC;
  /* width:240px; */
}
div.box-purple1 .header{
  border: solid 1px #883D9B;
  background: #F1C4FC;
  font-weight: bold;
}
div.box-purple1 a{
  color: #504;
}




div.box-red1, div.box-red-grad {
  border: solid 1px #a00000;
  background: #fdcdce;
  /* width:240px; */
}
div.box-red1 .header, div.box-red-grad .header{
  border: solid 1px #a00000;
  background: #fdcdce;
  font-weight: bold;
}
div.box-red1 a, div.box-red-grad a{
  color: #a00000;
}

div.box-peach-grad, jmf.peach-grad {
  border: solid 1px #F1B351;
  background: #FEDE6E url(/images/css/peach-grad.jpg);
}
div.box-peach-grad .header{
  border: solid 1px #F1B351;
  background: #FEDE6E url(/images/css/peach-grad.jpg);
  font-weight: bold;
}
div.box-peach-grad a{
  color: #a16301;
}


div.box-orange-grad, jmf.orange-grad {
  border: solid 1px #b48A26; /* orange */
  background: #FBE4AD url(/images/css/orange-grad.jpg);
}
div.box-orange-grad .header{
  border: solid 1px #b48A26; /* orange */
  background: #FBE4AD url(/images/css/orange-grad.jpg);
  font-weight: bold;
}
div.box-orange-grad a{
  color: #830;
}



div.box-orange1, jmf.orange1 {
  border: solid 1px #b48a26; /* orange */
  background: #FBE4AD;
  /* width:240px; */
}
div.box-orange1 .header{
  border: solid 1px #b48A26; /* orange */
  background: #FBE4AD;
  font-weight: bold;
}