/* sarabun-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/sarabun-v15-latin-regular.woff2') format('woff2');
}

/* sarabun-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/sarabun-v15-latin-italic.woff2') format('woff2');
}

/* sarabun-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/sarabun-v15-latin-700.woff2') format('woff2');
}

/* sarabun-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/sarabun-v15-latin-700italic.woff2') format('woff2');
}


body {
  background: #f5f5dc;
  color: #333;
  font-family: 'Sarabun', sans-serif;
}

table.twocolumns, table.threecolumns {
  border-collapse: collapse;
  width: 100%;
}

table.twocolumns td.column {
  width: 50%;
  vertical-align: top;
}

table.threecolumns td.column {
  width: 33%;
  vertical-align: top;
}


table.grid {
  border-collapse: collapse;
}

table.grid tr.special {
  background: #e4e4e4;
  font-style: italic;
}

table.grid .retired {
  color: #aaa;
}

table.grid th, table.grid td {
  border: 1px solid silver;
  padding: 0 0.5em;
  vertical-align: top;
}

table.grid th {
  font-weight: bold;
  text-align: left;
  background: #bbb;
}

table.grid td.missing {
  background: #ff8;
}

table.grid p {
  margin: 0;
  padding: 0;
}

table.head {
  width: 100%;
  border-bottom: 1px solid grey;
}
table.head td {
  border: none;
  vertical-align: bottom;
}
table.head h1, table.head p {
  margin: 0;
  padding: 0;
}

table.subhead {
  width: 100%;
}
table.subhead td {
  vertical-align: top;
}


p.contact {
  float: right;
  font-size: smaller;
  font-style: italic;
  color: #666;
  margin: 0;
}

a:link, a:visited {
  color: Chocolate;
  text-decoration: underline;
}

h3 {
  margin-top: 1em;
}

.error {
  color: red;
  border: 1px solid red;
  padding: 0.5em;
}

.success {
  color: green;
  border: 1px solid green;
  padding: 0.5em;
}

.info {
  color: blue;
  border: 1px solid blue;
  padding: 0.5em;
}