body {background-color: #D2FFFF; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0}

h1 {font-size:medium; text-align:center; color:#002080}
h2 {font-size:medium; text-align:center; color:#002080}
h3 {font-size:small; text-align:center; color:#002080}

div.txt{text-indent: 2em; font-size:small; text-align:justify}
div.cr{font-size: xx-small; text-align:left}

a.head1{color:#002080}
a.head2{text-decoration: none; color:#002080}

td.title {background-color: #0EF6F6;}
td.leftpanel {background-color: #BDFFFF; }
td.horiz {background-color: #66FFFF; 
  border-bottom: rgb(00,00,00) 1px solid; border-left: #00CACA 1px solid; 
  border-right: rgb(100,100,100) 1px solid; border-top: #00CACA 1px solid; 
  color: black; font-size: xx-small; font-weight: 100;}
td.vert {background-color: #66FFFF; 
  border-bottom: rgb(100,100,100) 0px solid; border-left: rgb(245,245,245) 1px solid; 
  border-right: rgb(00,00,00) 1px solid; border-top: rgb(245,245,245) 0px solid; 
  font-size: xx-small; font-weight: 100;}
td.horizleft {background-color: #66FFFF; 
  border-bottom: rgb(00,00,00) 1px solid; border-left: #000000 1px solid; 
  border-right: #00CACA 0px solid; border-top: #00CACA 1px solid; 
  color: black; font-size: xx-small; font-weight: 100;}
table.cr {background-color: #01E7E7; 
  border-bottom: rgb(100,100,100) 1px solid; border-left: rgb(245,245,245) 1px solid; 
  border-right: rgb(100,100,100) 1px solid; border-top: rgb(245,245,245) 1px solid; 
  color: black; font-size: x-small; font-weight: 400;}

#gall {
  position: relative;
  padding-top: 50%;
  -moz-user-select: none; user-select: none;
}
#gall img {
  position: absolute;
  top: 25%;
  left: 12.5%;
  max-width: 24.5%;
  max-height: 49.5%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: zoom-in;
  transition: .2s;
}
#gall img:nth-child(4n-2) {left: 37.5%;}
#gall img:nth-child(4n-1) {left: 62.5%;}
#gall img:nth-child(4n) {left: 87.5%;}
#gall img:nth-child(n+5) {top: 75%;}

#gall img:focus {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  outline: none;
  pointer-events: none;
}
#gall img:focus ~ div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  cursor: zoom-out;
}