/* the centering table-divs for the menu items */
div.section_block_center {
  display: table;
  margin: 0px auto;
  overflow: hidden;
}
div.section_block_center > div {
  position: relative;
  float: left;
  width: 132px;
  height: 132px;
  border: 2px ridge #00ff00;
  background-color: #999999;
  color: #0000ff;
  font-size: 1em;
  font-weight: bold;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

  /* hopefully this will hide any overflow text */
  overflow: hidden;
}
/* breaks for photo imglinks */
div.section_block_center > div:not(:first-child):nth-child(7n+1) { clear: left; }

/* This is for making a 2-block item that can split in float in 2. This means that there are two duplicates of the same content. */
div.section_block_center > div > div:not(.hide_half_float), div.hide_half_float > div {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translate(0px, -50%);
  text-align: center;
}
div.hide_half_float {
  position: relative;
  width: 260px;
  height: 128px;
}
/* (b4 4/13/17:) <striketrhough>the check mark that hovers over menu items</strikethrough> */
/* (as of 413/17:) the links (menu buttons) themselves */
div.section_block_center > div > div a {
  display: block;
  position: relative;
  width: 80px;
  margin: 0px auto;
}
div.section_block_center > div > div img {
  width: 80px;
  height: 80px;
}

/* the part after the menu */
div#photos_section { display: table; width: 100%; }
/*div#photos_section, div#photos_section > div { border: 1px red solid; }*/
div#photos_section > div:nth-child(2n+1) {
  width: 3%;
  background-image: url(../images/pink_links1.gif);
  background-repeat: repeat;
}
div#photos_section > div:nth-child(2) {
  display: table-cell;
  width: 94%;
  text-align: center;
}