a:link    { font-weight:bold; font-style:normal; color:white;   text-decoration:none; }
a:visited { font-weight:bold; font-style:normal; color:white;   text-decoration:none; }
a:focus   { font-weight:bold; font-style:normal; color:white;   text-decoration:underline; }
a:hover   { font-weight:bold; font-style:normal; color:#6a6868; text-decoration:none; }

body{
  background-color:#5a5858;
  font-family:trebuchet ms,bitstream vera sans,verdana,helvetica,arial,sans-serif; font-size: 8pt;
  margin: 0;
  padding: 0;
  border: 0;
}

body.navbody{
  font-family:trebuchet ms,bitstream vera sans,verdana,helvetica,arial,sans-serif; font-size: 8pt;
  background-color:#d2d0d0;
  margin: 0;
  padding: 0;
  border: 0;
}

.title{
  margin-left: auto;
  margin-right: auto;
  margin-top: 50pt;
  margin-bottom: 8pt;
  background-color:#5a5858;
  color:#d2d0d0;
  padding: 0pt;
  font-weight:bold;
  font-size:20pt;
  width: 760px; /* width of page + padding. */
}
.page{
  background-color:#d2d0d0;
  padding: 20pt;
  padding-bottom: 40pt;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0pt;
  margin-bottom: 0pt;
  width: 760px;
  counter-reset: section;
  border-style:solid;
  border-width:1px;
  border-color:#222222;
  display: grid;
  grid-template-columns: repeat(5, 138px);
  gap: 6px 6px;
  align-items: center;
}
.footer{
  background-image:none;
  background-color:#5a5858;
  padding: 0pt;
  text-align:right;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5pt;
  margin-bottom: 20pt;
  width: 760px;
}

.dia img {
  align-self: center;
}

.page > div {
  width: 138px;
  height: auto;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page > p {
  grid-column: 1 / -1;
  margin: 0;
}

.page .dia{
  background-color:transparent;
  margin: 0;
  width:138px;
  height:138px;
  border:none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.page .dia::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--thumb-bg, none);
  background-size: 200% 200%;
  background-repeat: repeat;
  background-position: center;
  filter: blur(10px);
  transform: scale(1.08);
  opacity: 0.12;
  z-index: 0;
}

.page .dia img{
  position: relative;
  z-index: 1;
}

/* IE/Mac \*//*/
* html .page a {
    display: block;
}
* html .page a span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/


.page .dia *{
  max-width:140px;
  max-height:140px;
  border-style:none;
  vertical-align:middle;
}

.headline{
  position:relative;
  margin-bottom:10pt;
  margin-left:2em;
  color:#6a6868;
  vertical-align:text-top;
}
h1, h2{
  /*position:relative;*/
  margin-bottom:5pt;
  color:#6a6868;
  margin-top:4pt;
  font-size:12pt;
  text-align:left;
}

br{
  margin-bottom:1em;
}

.text{
  line-height:12pt;
  margin-bottom:20pt;
}