.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#445E77}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #aeb9c4;
  border-right:1px solid #aeb9c4;
  background:#728699}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eceef1;
  border-right:1px solid #eceef1;
  background:#677c90}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #677c90;
  border-right:1px solid #677c90;}
.spiffy4{
  border-left:1px solid #aeb9c4;
  border-right:1px solid #aeb9c4}
.spiffy5{
  border-left:1px solid #728699;
  border-right:1px solid #728699}
.spiffyfg{
  background:#445E77;
  color: white;
}
.spiffy_content{display:block}
.spiffy_content *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FBFCE9}
.spiffy1_content{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fdfdf5;
  border-right:1px solid #fdfdf5;
  background:#fcfcee}
.spiffy2_content{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fefefc;
  border-right:1px solid #fefefc;
  background:#fbfced}
.spiffy3_content{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fbfced;
  border-right:1px solid #fbfced;}
.spiffy4_content{
  border-left:1px solid #fdfdf5;
  border-right:1px solid #fdfdf5}
.spiffy5_content{
  border-left:1px solid #fcfcee;
  border-right:1px solid #fcfcee}
.spiffyfg_content{
  background:#FBFCE9;
  padding: 10px;
}

.header{display:block}
.header *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#445E77}
.header1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #aeb9c4;
  border-right:1px solid #aeb9c4;
  background:#728699}
.header2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eceef1;
  border-right:1px solid #eceef1;
  background:#677c90}
.header3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #677c90;
  border-right:1px solid #677c90;}
.header4{
  border-left:1px solid #aeb9c4;
  border-right:1px solid #aeb9c4}
.header5{
  border-left:1px solid #728699;
  border-right:1px solid #728699}
.headerfg{
  background:#445E77;
  color: white;
  font-size: 2em;
  font-weight: bold;
  padding: 10px;
}

.code{display:block}
.code *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#D4D2D2}
.code1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ecebeb;
  border-right:1px solid #ecebeb;
  background:#dedddd}
.code2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fafafa;
  border-right:1px solid #fafafa;
  background:#dcdada}
.code3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dcdada;
  border-right:1px solid #dcdada;}
.code4{
  border-left:1px solid #ecebeb;
  border-right:1px solid #ecebeb}
.code5{
  border-left:1px solid #dedddd;
  border-right:1px solid #dedddd}
.codefg{
  background:#D4D2D2;
  padding: 10px;
}