@import url("site.css");

body {
  min-height: 100vh;
  
  display: grid;
  grid-template-areas: 'header header header header header header' 'menu main main main main right' 'footer footer footer footer footer footer';
  grid-template-rows: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  grid-gap: 0;
  
  font-size: 100%;
  line-height: 1.5em;
  font-size: medium;
  font-family: sans-serif;
  text-align: justify;
  background-color: #232629;
  color: #fcfcfc;
}

header { grid-area: header; }
#leftmenu { grid-area: menu; }
main { grid-area: main; }
aside { grid-area: right; }
footer { grid-area: footer; }

h1 {
  font-size: 1.7em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1em;
}

p {
  padding: 0 0 1em 0;
  margin: 0;
}

a:link {
  color: #0ff;
}

a:visited {
  color: #cfcfff;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
}

.imgcenter {
  text-align: center;
}

.imgfloatright {
  padding: 0 0 0 0.5em;
  float: right;
}

.imgfloatleft {
  padding: 0 0.5em 0 0;
  float: left;
}

.centertext {
  text-align: center;
}

.smallertext {
  font-size: smaller;
}

.searchdict {
  border-top: thin dashed #888;
  padding-top: 1em;
}

.message {
  font-size: small;
  margin: 0.4em;
}

header {
  margin: 0;
  padding: 0;
  background-color: #a7a7a7;
}

#headernav {
  clear: both;
  font-size: 0.8em;
  line-height: 1.2em;
  height: 1.2em;
  padding-left: 1em;
  vertical-align: middle;
  background-color: #888;
  color: #232629;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #366;
}

#headerpath {
  text-align: left;
  padding-left: 0.5em;
  border-bottom: 1px solid #366;
  float: left;
}

#headermenu {
  padding-right: 0.5em;
  border-bottom: 1px solid #366;
  float: right;
}

#headernav a:link, #headernav a:visited {
  color: #232629;
  font-weight: bold;
}

#logo {
  margin: 0;
  padding: 0;
  background-color: #a7a7a7;
}

#location {
  margin: 0;
  padding: 0;
  background-color: #a7a7a7;
  font-size: 0.8em;
  line-height: 1em;
  text-align: right;
  float: right;
}

main {
  border-top: 1px solid #366;
  border-bottom: 1px solid #888;
}

#content {
  padding: 1em 1em 1em 0em;
  width: 100%;
  background-color: #232629;
  text-align: justify;
}

#leftmenu {
  border-top: 1px solid #366;
  border-bottom: 1px solid #888;
  width: 290px;
  padding: 1em;
}

#rightmenu {
  border-top: 1px solid #366;
  border-bottom: 1px solid #888;
  width: 280px;
  padding: 1em;
}

footer {
  clear: both;
}

table table {
  border: none;
  background-color: #232629;
}

* html body {
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
}

#content td, #content th {
  font-family: sans-serif;
  line-height: 1em;
  padding: 0.25em;
  margin: 0;
  text-align: left;
}

#content h1 {
  color: #9cf;
  text-align: left;
  margin: 0.5em 0 1em 0;
  padding: 0;
}

#content h2 {
  color: #9cf;
  text-align: left;
  margin: 1em 0 0.5em 0;
  padding: 0;
  border-bottom: 2px solid #9cf;
}

#content h3 {
  color: #9cf;
  text-align: left;
  margin: 0.5em 0 0.5em 0;
  padding: 0;
}

#rightmenu h3 {
  line-height: 1.2em;
  font-size: 0.8em;
  vertical-align: middle;
  text-align: left;
  padding-left: 0.5em;
  margin: 0.8em 0.8em 0 0.8em;
}

#rightmenu ul {
  margin: 0;
  padding: 0.5em 0 0 1.5em;
}

#leftmenu ul {
  margin: 0;
  padding: 0.5em 0 0 1.5em;
}

#leftmenu ul ul {
  margin: 0.5em 0 0 0;
  border: none;
}

#rightmenu li {
  line-height: 1.5em;
  font-size: 0.8em;
  padding: 0 0 0.2em 0;
}

#rightmenu p {
  padding: 0 0.5em 1em 2em;
  font-size: 0.8em;
}

#leftmenu li {
  line-height: 1.5em;
  font-size: 0.8em;
  padding: 0 0 0.5em 0;
}

#leftmenu li li {
  line-height: 1.2em;
}

#leftmenu table {
  background-color: #e6eeff;
}

#footer {
  line-height: 1.5em;
  font-size: 0.8em;
  padding-left: 1em;
  vertical-align: middle;
  text-align: left;
  background-color: #888;
  color: #232629;
  border-top: 1px solid #366;
  border-bottom: 1px solid #366;
  margin: 0;
}
         
#footer a:link, #footer a:visited {
  color: #232629;
  font-weight: bold;
}

#footer .footerinfo {
  float: left;
  vertical-align: middle;
}

#footer .footerimages {
  float: right;
}

#footer img {
  display: inline-block;
  margin: 0.5em 1em 0 0.5em;
}

#content p.resalt, #content div.resalt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.90em;
  padding: 0.5em;
  margin: 1em;
  color: #fcfcfc;
  background-color: #e6eeff;
  border: 1px solid #888;
}

/* tables */
#content div.tbl2c_out {
  padding: 0;
  margin: 0 1em 0 1em;
  border: 1px solid #888;
  background: #888;
}

#content div div.tbl2c_out_title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  color: #232629;
  background-color: #888;
  text-align: left;
  vertical-align: middle;
  font-style: italic;
  text-indent: 0.5em;
  padding: 4px;
  margin: 0;
}

#content div table.tbl2c_in {
  width: 100%;
  border: 0;
  margin: 0;
  margin-bottom: 1em;
  background: #888;
}

#content div table tr td.tbl2c_in_title1, #content div table tr td.tbl2c_in_title2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #232629;
  background-color: #7ad;
  vertical-align: middle;
  padding: .2em;
  margin: 0;
}

#content div table tr td.tbl2c_in_title1 {
  width: 160px;
  text-align: right;
}

#content div table tr td.tbl2c_in_title2 {
  text-align: left;
}

#content div table tr td.tbl2c_in_col1, #content div table tr td.tbl2c_in_col2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #fcfcfc;
  text-align: right;
  vertical-align: top;
  padding: .2em;
  margin: 0;
}

#content div table tr td.tbl2c_in_col1 {
  font-weight: bold;
  text-align: right;
  background-color: #e6eeff;
}

#content div table tr td.tbl2c_in_col2 {
  text-align: left;
  background-color: #232629;
}

/* round boxes */
#leftmenu div.rcbox {
  margin: 0 auto;
  background: url(../img/rc_r_body2.png) no-repeat bottom right;
}

#leftmenu div.rchead {
  background: url(../img/rc_r_head2.png) no-repeat top right;
  margin: 0;
  padding: 0;
  text-align: center;
}

#leftmenu div.rchead h2 {
  background: url(../img/rc_l_head2.png) no-repeat top left;
  margin: 0;
  padding: 20px 30px 5px;
  color: #232629; 
  font-weight: bold; 
  font-size: 1em; 
  line-height: 1em;
  text-align: left;
  /*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;*/
}

#leftmenu div.rcbody {
  background: url(../img/rc_l_body2.png) no-repeat bottom left;
  margin: 0;
  padding: 5px 30px 31px;
  text-align: left;
}

#rightmenu div.rcbox {
  margin: 0 auto;
  background: url(../img/rc_r_body.png) no-repeat bottom right;
}

#rightmenu div.rchead {
  background: url(../img/rc_r_head.png) no-repeat top right;
  margin: 0;
  padding: 0;
  text-align: center;
}

#rightmenu div.rchead h2 {
  background: url(../img/rc_l_head.png) no-repeat top left;
  margin: 0;
  padding: 20px 30px 5px;
  color: #a7a7a7; 
  font-weight: bold; 
  font-size: 1em; 
  line-height: 1em;
  /*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;*/
}

#rightmenu div.rcbody {
  background: url(../img/rc_l_body.png) no-repeat bottom left;
  margin: 0;
  padding: 5px 30px 31px;
  text-align: left;
}