/*-------------------------------------------------
 color glossaary
            #FFEEBB
            #66FF99
 red:       #FF0000  rgb(255, 0, 0)  .red
            #FFFF99
            #330099
            #FFEcb5
            #A52A2A    h1
            #B8860B    h2
            #FF3399    h3
            #990000    hr
            #FFFFCC    tr (even)
-------------------------------------------------*/
article, aside, details, div, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

.database {
 white-space: pre-line;
}

.head-container {
 margin: 0 0 0 0;
 overflow: auto;
}
.head-thumb {
 float: left;
}
.head-thumb img {
 display: block
}
.head-content {
 margin-left: 200%;
 text-align: left;
}
.head-title {
 text-align: left;
 margin: 5px;
}

.menu {
 background-color:#FFFF99;
 clear: left;
 color:		#330099;
 font-size:	100%;
 line-height:	normal;
 vertical-align: top;
 width: 100%;
}

.menu ul {
 display:	inline;
 list-style-type: none;
 padding:	0;
}

.menu ul li {
 border-right: 1px dotted #066;
 display:	inline;
 list-style:	none;
 padding-left: 3px;
 padding-right: 7px;
 text-align:left;
 width: 20px;
}

.menu ul li a {
 text-decoration: none;
}

.green {
 color: #008000;
}

.red {
 color: #FF0000;
}

.right {
 text-align: right;
}

.top {
 vertical-align: top;
}

.w10 {
 width: 10px;
}

.w20 {
 width: 20px;
}

.w100 {
 width: 100px;
}

.w200 {
 width: 200px;
}

a:hover {
 background-color:#66FF99;
}

body {
 color: #000000;
 font-size: calc(100% + 0.25vw) ;
 font-size: 100%;
 margin-bottom: .1in;
 margin-left: auto;
 margin-right: auto;
 margin-top: .1in;
}

div.block {
 padding-left: 50px;
 padding-right: 50px;
}

div.box {
 background-color: #FFEEBB;
 border-radius: 15px;
 border:solid 1px black;
 float: left;
 margin: 5px 10px 5px 5px;
 padding: 5px;
 width: 95%;
}

div.box div.box {
 width: 93%;
}
div.comment {
 background-color: #FFEcb5;
}

div.gpr {
 color: #A52A20;
 font-size: 250%;
 margin: 0 0 0 0;
}

div.gpr:link {
 text-decoration: none;
}

div.emptybox {
 background-color: #C0C0C0;
 border-radius: 15px;
 border:solid 1px black;
 float: left;
 font-size:	100%;
 margin: 5px;
 padding:5px;
 width: 95%;
}

div.linkbox {
 background-color: #F2F5A9;
 border-radius: 15px;
 border:solid 1px black;
 float: left;
 font-size: 120%;
 line-height: 35px;
 margin: 5px;
 padding: 5px;
 width: 95%;
}

div.menubox {
 background-color: #F5D0A9;
 border-radius: 15px;
 border:solid 1px black;
 float: left;
 font-size: 120%;
 line-height: 130%;
 margin: 5px;
 padding:5px;
 width: 95%;
}

div.namebox {
 background-color: #BEF781;
 border-radius: 15px;
 border:solid 1px black;
 float: left;
 font-size:	100%;
 margin: 5px;
 padding:5px;
 width: 95%;
}

div.right {
 text-align: right;
}

footer {
clear: both;
}

h1 {
 color: #A52A2A;
 font-size: 300%;
 margin: 0 0 0 0;
}

h1:link {
  text-decoration: none;
}

h2 {
 color: #B8860B;
 font-size: 160%;
 margin: 0 0 0 0;
}

h3 {
 color: #FF3399;
 font-size: 150%;
 margin: 0 0 0 0;
}

h3.comment {
 margin-top: 20px;
}

h4 {
 color: #FF2480;
 font-size: 140%;
 margin: 0 0 0 0;
}

h5 {
 color: #FF1070;
 font-size: 100%;
 margin: 0 0 0 0;
}

hr {
 color: #990000;
 height: auto;
 left: 0;
 vertical-align: top;
}

html {
  font-size: 100%;
}

img {
  max-width: 100%;
  vertical-align: top;
}

li {
  bottom: 50px;
  font-size:100%;
  line-height: 130%;
  list-style-position: inside;
}

ol {
  margin: 0;
  padding: 0;
}

p {
  font-size:120%;
  line-height: 130%;
  margin: auto;
}

p.centre    {
 text-align: center;
}

p.right {
 text-align: right;
}

section {
 clear: both;
 vertical-align: top;
}

section.left {
 float: left;
}

section.right {
 clear: none;
 float: right;
}

td {
  border-width: 5px;
  column-gap: 8px;
  font-size: 100%;
  line-height: 140%;
  padding-left: 12px;
  padding-right: 12px;
}

th.w10 {
 width: 10px;
}

th.w20 {
 width: 20px;
}

th.w100 {
 width: 100px;
}

th.w200 {
 width: 200px;
}

tr:nth-of-type(even) {
 background-color: #FFFFCC;
}

ul {
  margin: 0;
  padding: 0;
  width: 95%;
}