/* --------------------------------------------
   HTML5 Doctor Reset
-------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font: 15px/1.2 Arial,sans-serif,Calibri,Candara,Segoe,Segoe UI,Optima; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="password"] {
  color : #000;
}

* {
  box-sizing: border-box;
}
::-moz-selection{ background: #000; color:#fff; text-shadow: none; }
a{
  text-decoration: none;
  cursor: pointer;
}
button.nonb {
  display: inline;
}
.m1fontSize {
  font-weight: normal;
  font-size: smaller;
}
.p1fontSize {
  font-weight: bold;
  font-size: larger;
}
::selection { background:#000; color:#fff; text-shadow: none; }
a:active {
  color: #646464;
}
a:link {
  color: #646464;
}
a:visited {
  color: #646464;
}

button {  width: auto; overflow: visible; }

body, select, input, textarea { color: #fff; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }


/* --------------------------------------------
   My Styles
-------------------------------------------- */

body { 
  background-color: rgb(243,245,244);
//background-image: url('/images/Enzymology_2018.jpg');
  color: #383838; 
  text-align: center;
  display: flex;
}
a {
  text-decoration: none;
}

#help {
   display: none;
   border: 0.1em solid #adf;
   width: 75%;
   background-color: lightyellow;
   font-size: 0.9em;
   padding: 0.2em;
 }

#old {
//position: fixed;
//margin: 0;
//padding: 0;
//text-decoration: none;
//color: red;
//font: bold 0.8em/150% Arial, Helvetica, sans-serif;
//top: 3.0em;
//left: 40%;
//z-index: 99;
}
#twt {
  position: absolute;
  margin: 0;
  padding: 0;
  text-decoration: none;
  font: small-caps bold 0.8em/150% Arial, Helvetica, sans-serif;
  top: 3.0em;
  left: 15%;
  z-index: 99;
}

#container { max-width: 960px; margin: 0; padding: 0; min-width: 801px }

nav img {
  width: 100%;
  height: auto;
//min-height: 6vh;
//height: 45px;
  margin: 0 0 -0.75em 0;
  padding: 0 0 -0.75em 0;
}
nav section {
  background-color: rgb(50,88,128);
  display: block;
  position: relative;
}
nav section ul {
  background-color: rgb(50,88,128);
  left: 0;
  list-style-type: none;
  margin: 0.25em 0.15em 0.05em 0.15em;
  padding: 0.25em 0.15em 0.05em 0.15em;
  overflow: hidden;
  width: 100%;
  min-height: 4.5vh;
//min-height: 3vh;
}
nav section ul li {
  background-color: rgb(50,88,128);
  display: inline;
  margin: 0.25em 0.15em 0.05em 0.15em;
  padding: 0.25em 0.15em 0.05em 0.15em;
}
nav section ul li a {
  color: #fff;
  background-color: rgb(50,88,128);
  font-weight: bold;
  font-size: 1.45em;
  margin: 0.25em 0.15em 0.05em 0.15em;
  padding: 0.25em 0.15em 0.05em 0.15em;
  vertical-align: baseline;
}

nav p {
  margin: 1.0em 0.25em;
  padding 1.0em 0.25em;
}

/* Change the link color to #111 (black) on hover */
nav section ul li a:hover {
  color: rgb(243,245,244);
  background-color: rgb(50,88,128);
}
nav section ul li a:link {
  color: #fff;
  background-color: rgb(50,88,128);
}
nav section ul li a:visited {
  color: rgb(243,245,244);
  background-color: rgb(50,88,128);
}
nav aside { display: none; }
#SSPPS {
  margin: 0;
  padding: 0;
}
nav ul li img {
  width: auto;
  height: 6vh;
//width: 3.5em;
//height: auto;
}

header > div {
  display: table-row;
}
header div div.section {
  max-width: 18.5%;
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  left: 0;
}
header div div.section a img {
  margin: 0.125em 0.125em 0.125em 0.125em;
  padding: 0.125em 0.125em 0.125em 0.125em;
//border: solid 0.1em rgb(50,88,128);
  width: 5em;
  height: auto;
}
header div div.section a {
  margin: 0.125em 0.125em 0.125em 0.125em;
  padding: 0.125em 0.125em 0.125em 0.125em;
  font-size: 2.25em;
  color: rgb(50,88,128);
//font-weight: bold;
  font-style: italic;
  width: auto;
  height: auto;
}
header div div.aside {
  min-width: 80%;
  display: table-cell;
  vertical-align: middle;
  color: rgb(50,88,128);
//margin: 1.5em 1em 0;
//padding: 1.5em 1em 0;
  margin: 0.25em 0.125em 0;
  padding: 0.25em 0.125em 0;
}
header div div.row {
  display: table-row;
}
header div div.aside div.column, header div div.aside div.tbl {
  display: table-cell;
}
header div div.aside div div p {
  font-size: 0.9em;
  margin: 0.5% 1%;
  padding: 0.5% 1%;
  text-align: left;
  min-width: 33%;
}
header p {
  text-align: left; 
  padding: 0.1em 0.2em 0.1em 0.75em;
  margin: 0.1em 0.2em 0.1em 0.75em;
}
header p a {
  padding: 0.1em 0.2em;
  margin: 0.1em 0.5em;
  font-size: 1.05em;
  color: rgb(50,88,128);
}
header p a:link {
  color: rgb(50,88,128);
  background-color: rgb(243,245,244);
}
header p a:visited {
  color: rgb(50,88,128);
  background-color: rgb(243,245,244);
}
header form {
  margin: 0 0 0 0.5%;
  padding: 0 0 0 0.5%;
  width: 100%;
//border: solid 0.15em rgb(50,88,128);
  display: inline;
}
header p {
  margin: 0 0 0 0.1%;
  padding: 0 0 0 0.1%;
  width 100%;
}
header form input[type="text"] {
  padding: 0.2em 0.75em 0.2em 0.75em;
  margin: 0.2em 0.75em 0.2em 0;
  box-sizing: border-box;
  border: solid 0.15em rgb(50,88,128);
  border-radius: 0.3em;
  box-shadow: 0.15em 0.15em rgb(50,88,128);
  background-color: rgb(255,255,255);
  min-height: 3em;
  width: 83.5%;
}
header form button {
  width: 10.5%;
  padding: 0.1em 0 0.2em;
  margin: 0.1em 0 0.2em 0.2em;
  font-size: 1.35em;
  border-radius: 0.25em;
  color: rgb(243,245,244);
  background-color: #555;
  min-height: 2.25em;
}
span.ablue {
  font-size: smaller;
  color: rgb(102, 130, 187);
}
#content {
  margin: 0;
  padding 0;
}
#content section {
  background-color: rgb(243,245,244);
  top: 0;
  left: 21%;
  width: 79%;
  padding: 0;
  margin: 0;
  float: right;
}
#content section .main {
  background-color: rgb(243,245,244);
  color: black;
}
#content section .main h2, #content section .content_index h2 {
  font-size: 1.05em;
  font-weight:bold;
//background-color: rgb(50,88,128);
  background-color: rgb(102, 130, 187);
  color: rgb(243,245,244);
  width: 100%;
  margin: 1.25% 0;
  padding: 1.25% 0;
//border: 0.1em solid #d7d7d7;
//border-radius: 0.2em;
}
#content section .main p {
  left: 5%;
  text-align: left;
  margin: 0.5%;
  padding: 0.5%;
}
#content section .main p img {
  max-width: 98%;
}
#content section .main ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
}
#content section .main ul li {
  left: 5%;
  margin: 0.125% 0.5%;
  padding: 0.125% 0.5%;
}
#content section .main ul li a sup {
  vertical-align: super;
  font-size: 0.6em;
  color: red;
  background-color: yellow;
}
#content section .main ol {
  margin: 0;
  padding: 0;
  text-align: left;
  margin-left: 1.3em;
}
#content section .main ol li {
  left: 5%;
  margin: 0.125% 0.5%;
  padding: 0.125% 0.5%;
}
#content section .main ol li a sup {
  vertical-align: super;
  font-size: 0.6em;
  color: red;
  background-color: yellow;
}
#content > section > p {
  color: rgb(243,245,244);
  background-color: rgb(102, 130, 187);
  width: 100%;
  margin: 1.5% 0;
  padding: 1.5% 0;
  font-size: 0.95em;
  border-radius: 2.5px;
}
#content aside {
  top: 0;
  left: 0;
  width: 21%;
  height: 100vh;
  background-color: rgb(243,245,244);
}
#content aside ul.mbh {
  display : none;
}
#content aside ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#content aside ul li.nobr a {
  font-size: 1.05em;
  text-align: left;
  display: inline;
  padding: 2.5% 0.5% 2.5% 2.5%;
  margin: 2.5% 0.5% 2.5% 2.5%;
  color: black;
  text-align: left;
}
#content aside ul li.nobr {
  font-size: 1.05em;
  text-align: left;
  margin: 2.5% 0.5% 2.5% 2.5%;
  padding: 2.5% 0.5% 2.5% 2.5%;
}
#content aside ul li a, #oldata {
  font-size: 1.15em;
  text-align: left;
  display: block;
  padding: 0.25em 0.1em 0.25em 0.25em;
  margin: 0.25em 0.1em 0.25em 0.25em;
  color: black;
}
#content aside ul li a:hover, #nav li a:active {
  background-color: #fff;
  color: #888;
}
#content aside ul li a:active, #outline li a:active {
  color: rgb(50,88,128);
  color: black;
}
#content aside ul li a:link, #outline li a:link {
  color: rgb(50,88,128);
  color: black;
}
#content aside ul li a:visited, #outline li a:visited {
  color: rgb(50,88,128);
  color: black;
}
#content aside ul li ul {
  display: none; // used to hide sub-menus
}
#content aside ul li ul li {
  display: block;
  margin: 0.1em 0.25em;
  text-align: left;
  color: black;
}
#content aside ul li ul li a:link {
  color: rgb(50,88,128);
  display: inline;
  font-size: 0.95em;
  font-weight:normal; 
  padding: 0.1em 0.25em;
}
#content aside ul li ul li a:active {
  color: rgb(50,88,128);
}
#content aside ul li ul li a:visited {
  color: rgb(50,88,128);
}
#meet {
  margin: 2%;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  background-color: #ffeecc;
}
#meet h2 {
  font-size: 0.95em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
#meet ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
}
#meet ul li {
  left: 5%;
  padding: 0.25%;
  margin: 0.25%;
}
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
}
footer p {
  background-color: rgb(50,88,128);
  font-size: 0.85em;
  color: rgb(243,245,244);
  max-width: 960px;
}
#meet ul li a {
  font-size: 0.85em;
}
.left {
  text-align: left;
}
.ki   { color: #000000; }
.ic50 { color: #000000; }
.kd   { color: #000000; }
.ec50 { color: #000000; }
.kon  { color: #000000; }
.koff { color: #000000; }
.koth { color: #000000; }
.itc  { color: #000000; }
.itcoth  { color: #000000; }
.green { color: green }
.red { color: red }
.yellow { color: yellow }
.darkgray { color : rgb(169,169,169) }
.blue { color: blue }
#firstrow {
  font-weight: bold;
}
hr.title { 
  border: 0;
  color: #CC0000;
  background-color: #CC0000;
  height: 1pt;
  width: 100%;
  text-align: left;
  display: block;
  margin-top:  0.25em;
  margin-bottom: 0.75em;
  margin-left: auto;
  margin-right: auto;
}
hr.white { border: 0; color: #ffffff; background-color: #ffffff; height: 1pt; width: 100%; text-align: left;}
.odd { background-color: #e0dbd7; }
.even { background-color: #f0f8ff }
nav > p {
  display: block;
  font-size: smaller;
  font-weight: bold;
}
header div.aside div.row {
  display: table-row;
}
header div.aside div.row div.column {
  display: table-cell;
//width: 49%;
}
header div.aside div.row div.tbl > div.hdr {
  font-weight: bold;
  border-bottom: 0.125em solid #666;
}
header div.aside div.row div.tbl > div > div {
  display: table-cell;
  text-align: left;
  margin: 0.125em 0.25em;
  padding: 0.125em 0.25em;
}
header div.don {
  margin: 0.125em 0.75em 0.125em 1.25em;
  padding: 0.125em 0.75em 0.125em 1.25em;
  border: 0.125em solid rgb(50,88,128);
  display: table;
}
header div.don div.row {
  display: table-row;
}
header div.don div.row div.column {
  display: table-cell;
//width: 49%;
}
header div.don div.row div.tbl {
  display: table-cell;
  font-weight: bold;
  margin: 0.125em 0.25em;
  padding: 0.125em 0.25em;
}
header div.don div.row div.tbl a {
  vertical-align: center;
//text-decoration: none;
}

/* --------------------------------------------
  Mobile
-------------------------------------------- */

@media (max-width: 800px) {
  #container { margin: 0; padding: 0; min-width: 551px }
  nav section ul {
    left: 0;
    list-style-type: none;
  //margin: 0.75em 0.15em;
  //padding: 0.75em 0.15em;
    overflow: hidden;
    width: 100%;
    min-height: 3vh;
  }
  nav section ul li {
    display: inline;
    margin: 0.5em 0.15em;
    padding: 0.5em 0.15em;
  }
  nav section ul li a {
    color: rgb(243,245,244);
    font-weight: bold;
    font-size: 1.05em;
    margin: 0.5em 0.15em;
    padding: 0.5em 0.15em;
  }
  header form input[type=text] {
    width: 81.0%;
  }
  header form button {
    width: 11.5%;
  }
  header div div.aside div.row div.column {
    display: table-row;
  }
}

@media (max-width: 650px) {
  #container { margin: 0; padding: 0; min-width: 551px }
  nav section ul {
    left: 0;
    list-style-type: none;
    margin: 0.5em 0;
    padding: 0.5em 0;
    overflow: hidden;
    width: 100%;
    min-height: 3vh;
  }
  nav section ul li {
    display: inline;
    margin: 0.15em 0;
    padding: 0.15em 0;
  }
  nav section ul li a {
    color: rgb(243,245,244);
    font-weight: bold;
    font-size: 0.90em;
    margin: 0.15em 0.15em;
    padding: 0.15em 0.15em;
  }
  header form input[type=text] {
    width: 81.0%;
  }
  header form button {
    width: 11.5%;
  }
  header div div.aside div.row div.column {
    display: table-row;
  }
}

@media (max-width: 550px) {

  #container { margin: 0; padding: 0; min-width: 301px }
  nav section { display: none; }
  nav aside { 
    background-color : rgb(50,88,128);
    display : block;
    position : relative;
    text-align : center;
    width : 100%;
    min-height : 3vh;
  }
  nav aside div {
    margin: -0.25em 0.15em 0.75em 0.15em;
    padding: -0.25em 0.15em 0.75em 0.15em;
  }
  nav aside span {
    bottom : 0.25em;
    color : #fff;
    font-size : 1.25em;
    left : 1.0em;
    position : absolute;
    top : 0.25em;
  }
  nav aside a.menu {
    position : absolute;
    right : 3.5em;
    top : 0.5em;
    color : #fff;
  }
  nav aside div ul.mbh {
    background-color: rgb(50,88,128);
    display : block;
    padding: 0;
    width: 100%;
    margin: 0;
    min-height : 2vh;
  }
  nav aside div ul.mbh li {
    font-size: 0.85em;
    padding: 0.5em 0.125;
    margin: 0.5em 0.125em;
    text-align: left;
    display: inline;
  }
  nav aside div ul.mbh li a {
    display: inline;
    font-weight : bold;
    max-width: 25%;
    padding: 0.25em 0.25em;
    margin: 0.25em 0.25em;
    color: #fff;
  //text-decoration: underline;
  //border: 1px solid #f0f;
  }
  nav aside {
    padding: 0;
    margin: 0;
  }
  #hama {
    font-size: 1.0em;
    position : absolute;
    font-weight : bold;
    font-style: italic;
    left : 0.5em;
    top : 0.5em;
    color : #fff;
  }
  #hamb {
    position : absolute;
    right : 0.5em;
    top : 0.25em;
    color : #fff;
    font-size: larger;
  }
  #content aside a img {
    bottom : 0.25em;
    position : absolute;
    right : 1.0em;
    top : 0.5em;
  }
  header form input[type="text"] {
    width: 80.0%;
  }
  header form button {
    width: 11.0%;
  }
  header div div.section { display: none }
  header div div.aside {
    left: 0;
    width: 100%;
  }
  header div div.aside div.row div.column {
    display: table-row;
  }
  header div div.aside form {
    left: 0%;
    width: 100%;
  }
  #content aside {display: none}
  header p a {
    display: inline;
    text-align: center;
  }
  #content {
    margin: 0.5em;
    padding 0.5em;
  }
  #content section {
    left: 0;
    width: 100%;
  }
  #content section .main ol,ul {
    font-size: 0.9em;
  }
  #content aside {
    position: fixed;
    top: 10vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 99;
  }
  #content aside div {
    position: absolute;
  }
  #content aside div ul.mbh {
    background-color: rgb(50,88,128);
    display : block;
    padding: 0;
    width: 100%;
    margin: 0;
    min-height : 2vh;
  }
  #content aside div ul.mbh li {
    font-size: 0.85em;
    padding: 0.5em 0.125;
    margin: 0.5em 0.125em;
    text-align: left;
    display: inline;
  }
  #content aside div ul.mbh li a {
    display: inline;
    max-width: 25%;
    padding: 0.25em 0.25em;
    margin: 0.25em 0.25em;
    color: #fff;
  //text-decoration: underline;
  //border: 1px solid #f0f;
  }
  #content aside ul {
    list-style-type: none;
    margin: 0 0 0 0.5em;
    padding: 0 0 0 0.5em;
  }
  #content aside ul li {
    padding: 0.125em;
    margin: 0.125em;
  }
  #content aside ul li a {
    font-size: 0.95em;
    text-align: left;
    display: block;
    padding: 0.125em;
    margin: 0.125em;
  //border: 1px solid #f0f;
    color: black;
  }
  #content aside ul li a:hover, nav li a.active {
    background-color: #fff;
    color: #888;
  }
  #content > section > p {
    font-size: 1.0em;
  }
}