#header,#content,#footnotes,#footer{max-width:100%;font-family: sans-serif;}

.imageblock > .title { text-align: center; }

.title {
  color:white;
  font-weight: bold;
  font-size:2em;
  padding-bottom: 1em;

}

.subtitle a, .title a{color: white; text-decoration:none;line-height:inherit}

.subtitle {
  color:white;
  font-style:italic;
  /*text-shadow: 10pt 10pt 10pt rgba(0,0,0.5);
  */
  font-size:0.8em;
}

td:not(:has(td)):has(span.topic) {
  font-family: sans-serif;
  font-size:1em;
  background-color: grey;
  color:white;
  font-weight: bold;
  text-shadow: 0.5em 0.5em 0.5em rgba(0,0,0.5);
}

.verttext {
    display: block;

    transform: rotate(-90deg);
    transform-origin: left top 0;
    float: left;
}

.se-body{
    background-color: white;
    color: black;
    font-family: sans-serif;
    min-height: 100vh;
}

.header {
  background-color: black;
  /*#display:flex;
  #justify-content: space-around;*/
  border: black;
  display: block;
  box-sizing: border-box;  
}
.header > ul {
    display: inline-block;
    width:100%;
}


.header > ul > li {
    display: inline-block;
    position:relative;
    vertical-align:top;
    padding-left: 5;
}

.cols-container {
  display: flex;
  flex-direction:row;  
  flex-wrap: wrap;  
  justify-content: space-between;  
}
.cols-container-start {
  display: flex;
  flex-direction:row;  
  flex-wrap: wrap;  
  justify-content: flex-start;  
}

.rows-container {
  display: flex;
  flex-direction:column;  
  flex-wrap: wrap;  
  justify-content: space-between;  
}

.rows-container-start {
  display: flex;
  flex-direction:column;  
  flex-wrap: wrap;  
  justify-content: flex-start;  
}

.se-footer {
  margin-top: auto;
  flex-shrink: 1;
}

.row {
  flex-grow: 1;
  /*margin-bottom: auto;*/
}

.row-shrink {
  flex-shrink: 1;
}

.column {
  display: inline-block;
}


.navbar {
  border-bottom: 1px solid black;

}
.navbar-item {
  display: inline-block;
}

.navbar ol {
  list-style-type: none;
  padding-left: 0;
}

.navbar-item a::after {
  display: inline-block;
  color: #000;
  content: " ";
  font-size: 80%;
  font-weight: bold;
  padding: 0 3px;
}

.push {
  margin-left: auto;
}

.expand {
  max-width:100%;
  width:100%
}

.flexcolumn {
  display: inline-block;
  flex-grow: 1;
}

.col-grow {
  flex-grow: 1;
  background-color: white;
  border-bottom: 1px solid black;

}

.col-shrink {
  flex-shrink: 1;
}


.p-compact
{
  font-size: 0.9em;
  margin-bottom:0.25rem
}

p {
  font-size: 0.9em;
}

h1{font-size:1.7em;margin:.67em 0}
h2{font-size:1.6em}
h3{font-size:1.3em}
h4{font-size:1.0em}

/* reduce size of verbatim text, but the following does not work
listingblock>content, code,kbd,pre,samp{font-family:monospace;font-size:0.3em;line-height:1;}

pre {
  font-size:0.6em;
  line-height:1;
}
td > div > div > {font-size:0.6em;}
td > p {font-size:0.6em;}
table{ width:70%;}
table{ margin-left:2em;}

*/
table, tableblock, td, td.content,td.hdlist1{font-size:0.7rem;}


pre {
  font-size:0.7em;
  line-height:1.1;
}

aside {
  width: 25%;
  padding-left: 0.5rem;
  margin-left: 0.5rem;
  float: right;
  box-shadow: inset 5px 0 5px -5px #29627e;
  font-style: italic;
  color: #29627e;
}

#footer{
  max-width:none;
  background:rgba(0,0,0,.8);
  padding:0.5em
}

.img-corp-icon-container {
  display: flex;
  flex-direction:row;  
  align-items: center;
  flex-wrap: wrap;  
  justify-content: space-between;  
}

.img-corp-icon {
  width : 1.5rem;
}

.img-corp-icon-block {
  margin-left: 0.5em;
  margin-right: 0.5em;
  display: inline-block;
  /*margin-bottom: auto;*/
}