* {
  box-sizing: border-box;
}

:root {
    --text-color:       #213740;
    --link-color:       #A63838;
    --link-hover-color: #A63838;
    --callout-color:    #8C5C4A;
    --menubar-color:    #D9D9D9;
}

body{
    font-family: 'Noto Sans', sans-serif;
    /*font-family:      Helvetica, Arial, FreeSans, san-serif;*/
    /*font-size:          14px;*/
    color:              var(--text-color);
    background-color:   #ffffff;
    line-height:        normal;
}

table.banner {
    width:              100%;
    margin-top:         20px;
}

table.banner td:first-child {
    /*width:              1px;*/
    white-space:        nowrap;
    vertical-align:     top;

}

table.banner td:nth-child(2) {
    /*width:              1px;*/
    padding-left:       15px;
    padding-bottom:     0px;
    vertical-align: top;
}


.mainpic
{
    width:              150px;
    /*margin-right:       20px;*/
    /*margin-bottom:      20px;*/
   /* border:             5px solid #fff;*/
    /*box-shadow:         4px 4px 4px #999999, 4px 4px 4px #999999;*/
}

table.ex {
    border-width:       0px 0px 0px 0px;
    /*border-spacing:     10px;*/
    border-style:       solid solid solid solid;
    border-color:       #ddd #ddd #ddd #ddd;
    border-collapse:    separate;
    background-color:   #ffffff;
    width:              800px;
    /*box-shadow:         -4px 4px 4px #999999, 4px 4px 4px #999999;*/
    margin-left:        auto;
    margin-right:       auto;
    margin-top:         0px;
    margin-bottom:      0px;
}

@media only screen 
and (max-width: 800px)
{
table.ex {
    border-width:       0px 0px 0px 0px;
    /*border-spacing:     10px;*/
    border-style:       solid solid solid solid;
    border-color:       #ddd #ddd #ddd #ddd;
    border-collapse:    separate;
    background-color:   #ffffff;
    width:              100%;
    margin-left:        0px;
    margin-right:       0px;
    margin-top:         0px;
    margin-bottom:      0px;
}
}


table.ex td {
    border-width:       0px 0px 0px 0px;
    padding:            0px 0px 0px 0px;
    border-style:       none none none none;
    border-color:       black black black black;
}

span.callout
{
    color: var(--callout-color);
    font-size: 80%;
    font-weight: bold;
    padding-left:10px; 
}

span.authors
{
    font-size: 90%;
    /*color: #888888;*/
    /*font-weight: bold;*/
    /*padding-left:10px; */
}

span.venue
{
    font-size: 90%;
  font-style: italic;
    /*font-weight: bold;*/
    /*padding-left:10px; */
}

a{ 
    /*color:              #005DD8;*/
    color:              var(--link-color);
    /*font-weight:        bold;*/
    /*text-decoration:    none; */
    white-space: nowrap;
}
a:hover {
    color:              var(--link-hover-color);
    text-decoration:    none; 
}

/*.menubar{
    background-color: #f0f0f0;
    text-align: center;
}*/

a.menubutton{ 
    font-size:          100%;
    /*background-color:     #f0f0f0;*/
    margin-left:       8px;
    margin-right:      8px;
    margin-top:        2px;
    margin-bottom:     2px;
    line-height:        180%;
    text-decoration:    none; 
    /*border-bottom:      1px solid #f04242;*/
    /*font-weight: bold;*/
}
a.menubutton:hover {
    /*background-color:     #2157D1;*/
    /*color:              #ffffff;*/
    text-decoration:    none; 
    /*border-bottom:      0px solid #000;*/
}

a.button{ 
    font-size:          90%;
    margin-left:        0px;
    margin-right:       8px;
    padding-bottom:     8px;
}
a.button:hover {
}

a.button-disabled {
  font-size:          90%;
  margin-left:        0px;
  margin-right:       8px;
  padding-bottom:     8px;
  color:            #aaaaaa;
  font-weight:        normal;
  pointer-events: none;
  cursor: not-allowed;
  text-decoration: none;
  /*color: black;*/
}

td.tdmenubar{
    padding: 0px;
    margin: 0px;
}

ul.ulmenubar {
    display:block;
    margin:0px;
    padding:0px;
    background: var(--menubar-color);
    text-align: left;
}

li.menubaritem {
    display:inline;
}

li.menubaritem::before {
    content: ' ';
    white-space: normal;
    word-spacing: 1em;
}

li.menubaritem::after {
    content: '';
    white-space: normal;
    word-spacing: 1em;
}

li.menubaritem:last-child::after {
    content:' ';
}

hr {
    border:             0;
    width:              100%;
    height:             1px;
}
.topic_header{
    font-size:          150%;
    line-height:        normal;
    padding-left:       0px;
    padding-right:      4px;
    padding-top:        4px;
    padding-bottom:     4px;
    margin-bottom:      4px;
    text-align:         left;
    color:              #000000;
    font-weight:        bold;
    /*background-color:   #f0f0f0;*/
    border-bottom:      2px solid #aaaaaa;
    width:              100px;
    /*text-transform:     lowercase;*/
}
b{
    /*font-size:          120%;*/
    /*font-variant:     small-caps;*/
    color:              #000;
    font-weight:        bold ;
}
.page_title{
    font-size:          200%;
    line-height:        100%;
    margin-bottom:      10px;
    margin-left:        0%;
    margin-top:         0%;
    color:              #000;
}
.page_subtitle{
    font-size:          90%;
    margin-top:         0px;
    margin-bottom:      0px;
    margin-left:        3px;
}

table.pub {
    border-width:       0px 0px 0px 0px;
    border-spacing:     0px 10px;
    border-style:       none none none none;
    border-color:       black black black black;
    border-collapse:    separate;
    width:              100%;
}

/*table.pub td {
        background-color:   #c5c5ce;
}*/

table.pub td.pic {
    border-width:       2px 2px 2px 2px;
    padding:            2px 2px 2px 2px;
    border-style:     none none none none;
    border-color:       #ddd #ddd #ddd #ddd;
    vertical-align:     top;
    width:              100px;
    /*background-color:   #fefefe;*/
    /*height:             110px;*/
}
table.pub td.entry {
    border-width:       0px 0px 0px 0px;
    padding:            1px 1px 1px 5px;
    border-style:       none none none none;
    border-color:       #666 #666 #666 #666;
    vertical-align:     top;
    text-align:         left;
    font-size:          90%;
}

img.special {
    /*margin: auto;*/
    border:               1px solid #aaa;
    background-color:     #aaa;
}

p {
    font-size:          90%;
}