body.redbg { background-color: #ef445e; }

div#header_space {
  position: relative;
  background-image: url(images/pink_links1.gif);
  background-repeat: repeat;
}
div#header_space div {
/*  display: inline-block;
  position: absolute;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0px);*/
  display: table;
  margin: 0px auto;
  background-image: url(images/pink_links2.gif);
  background-repeat: repeat;
}

a.back_btn_itiori {
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 0px;
  /* this position lefts the header center */
  /* might want to separate position into another class */
  padding: 0.125em;
  border: 1px solid #000000;
  -webkit-border-radius: calc(0.125em + 1px);
     -moz-border-radius: calc(0.125em + 1px);
          border-radius: calc(0.125em + 1px);
}
a.back_btn_itiori:link { color: #000000; background-color: #bbbbbb; }
a.back_btn_itiori:visited { color: #000000; background-color: #bbbbbb; }
a.back_btn_itiori:hover { color: #ffff00; background-color: #00ff00; }
a.back_btn_itiori:active { color: #ffff00; background-color: #00ff00; }

ul { list-style-type: square; }

/* links */
/* link colors */
a:link { color: #0000ff; }
a:visited { color: #008000; }
a:hover { color: #ffff00; }
a:active { color: #ffff00; }

/* image link check mark */
a.imglink_check {
  display: block;
  position: relative;
}
/*a.imglink_check:hover { background-color: transparent; }*/
/*a.imglink_check:active { background-color: transparent; }*/
a.imglink_check:hover::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 24px;
  height: 24px;
  background-image: url(images/check.gif);
  background-repeat: repeat;
}
a.imglink_check:active::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 24px;
  height: 24px;
  background-image: url(images/check_select.gif);
  background-repeat: repeat;
}