body {
  font-family: Sans-serif;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background-color: #fffafa 
}
h1 {
  font-family: sans-serif;
  font-weight: bold;
  font-size: x-large;
  color: #008000
}  
h2 {
  font-family: sans-serif;
  font-weight: bold;
  font-size: large;
  color: #008000
}  
a:link, a:visited {
  color: #008000;
  text-decoration: underline;
  text-decoration-color: #008000
}
a:hover {
  color: orange;
  text-decoration-color: orange
}
.logo {
  float: left
}  
div.arealist {   position: fixed;
  left: 1%
}
.navbar {
  margin-left: 10em;
  text-align: right;
  font-size: x-small
}
div.arealist a {
  font-size: x-small;
  display: block
}
.baa {
  display: inline-block
}
.navbar a, .navbar a:visited, .arealist a, .arealist:visited {
  color: black;
  text-decoration: none
}
.navbar a:hover {
  color: black;
  text-decoration: none
}
div.tail p {
  text-align: left;
  font-size: x-small
}
div.tail {
  float: left;
  width: 70%
}
.tailbar {
        float: none ;
        clear: both
}
p.unmaintained {
        color: white;
	background-color: red;
        text-align: center ;
        font-weight: 700 ;
        float: none ;
        clear: both
}
.baa, div.arealist a, div.nh {
  border-radius: 15px;
  border: 2px solid;
  padding: 5px;
  margin: 2px;
  color: black;
  font-family: sans-serif;
  white-space: nowrap
}
div.navbar a span.baa:hover,
div.navbar span.baa:hover,
div.cookiesContent span.wa:hover,
div.arealist a:hover {
  border: 4px solid orange;
  padding: 3px
}
.baab {
  border: 2px solid black
}
div.navbar a span.wt, div.arealist a {
  border-color: #40bb05
}
div.navbar a span.wa, div.navbar span.wa, div.cookiesContent span.wa {
  border-color: #40bb05
}
.baab:hover {
  border: 2px solid black;
  padding: 5px
}  
table.contact tr {
  vertical-align: top
}
table.contact tr td {
  padding: 10px
}
table.contact tr td:first-child {
  font-style: italic;
  text-align: right
}
table.contact tr.lowpref,
table.contact span.remark {
  color: gray
}
div.wd {
    display: flex;
  align-content: space-between;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start
}
div.wd a {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  max-width: 25em;
  align-self: flex-start;
  text-decoration: none
}
div.ww {
  vertical-align: top;
  border-radius: 25px;
  border: 2px solid;
  margin: 1px 5px 10px 3px;
  padding: 10px;
  color: black;
  text-decoration: none
}
div.wt span.sh {
  font-size:larger;
  font-family: sans-serif;
  font-weight: bold
}
div.wa span.sh {
  font-family: sans-serif;
  font-weight: bold
}
div.wt {
  border-color: #40bb05
}
div.wa {
  border-color: #40bb05
}
div.wt:hover, div.wa:hover {
  border-color: orange;
  border-width: 4px;
  padding: 8px
}
div.wbt {
  max-width: 50em;
  margin: auto
}
div.nh {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 2px solid;
  border-color: #40bb05;
}
div.nh p {
  text-align: center;
  font-style: italic;
}
div.nh a {
  text-decoration: none;
  color: black;
}
div.nh a:hover {
  color: orange;
}
span.draft {
  color: red
}
p.linkedin {
  text-align: right;
  padding-bottom: 10px
}  
p.linkedin a img {
  vertical-align: top;
  padding-right: 5px
}
div.lup p {
  text-align: right;
  font-size: x-small
}
div#cookiesModal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0); /* Fallback colour */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.cookiesContent {
  background-color: #fefefe;
  border-radius: 15px;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
span#currentGAcookies {
  font-weight: bold;
}
span.cookieName {
  font-family: monospace;    
}
h2#phil {
  white-space: nowrap;
}
span.quals {
  font-size: small;
}