html {
}

body {
    font-size: 10.5pt ;
    line-height: 15.5pt ;
    font-family: verdana,arial ; 
/*    font-size: 12pt ;
    line-height: 17.5pt ;
    font-family: Georgia ;
*/
    margin: 0pt ;
    padding: 0pt ;
}

/* -- two column mode -- */

.firstcolumn {
  float: left;
  width: 48%;
  padding-right: 5mm;
}

.secondcolumn {
  float: left;
  width: 48%;
  padding-left: 5mm;
}

/* Clear floats after the columns */
.twocolumn:after {
  content: "";
  display: table;
  clear: both;
}

/* -- formatting tables -- */

table {
   font-size: 10.5pt ;
    line-height: 15.5pt ;
    font-family: verdana,arial ; 
/*    font-size: 12pt ;
    line-height: 17.5pt ;
    font-family: Georgia ;
*/
}

/* -- programme tables, on programme page -- */

table.programme {
    width: 100% ;
}

td.break{
    background-color:  white;
    width: 100% ;
}

td.lecture{
    background-color:  #def3f1;
    width: 100% ;
}

td.case{
    background-color:  #def3f1;
    width: 100% ;
}

td.event{
    background-color:  #def3f1;
    width: 100% ;
}

/* -- fees table, on registration page -- */ 

.fees thead {
    background-color:  #00A765;
    color: white;
}

.fees td {
    padding: 5px;
}

/* -- page head -- */

div#head {
    width: 100% ;
    font-family: verdana,arial ; 
}

div#head_title{
    text-shadow: 2px 0 0 black, -2px 0 0 black, 0 2px 0 black, 0 -2px 0 black;
    position: absolute;
    right: 20pt ; 
    top: 2.5vw ;
    font-size: 2vw ;
    color: #01cc7c;
}

div#head_location{
    text-shadow: 2px 0 0 black, -2px 0 0 black, 0 2px 0 black, 0 -2px 0 black;
    position: absolute;
    right: 20pt;
    top: 6.0vw;
    font-size: 1.6vw;
    color: #01cc7c;
}

div#head_date {
    text-shadow: 2px 0 0 black, -2px 0 0 black, 0 2px 0 black, 0 -2px 0 black;
    position: absolute;
    right: 20pt;
    top: 0.7vw;
    font-size: 1.6vw;
    color: #01cc7c;
}

/* -- page menu -- */

div#menu {
    padding-left: 13pt ;  /* 3pt+7pt from menu_link = 10pt from body; see #content */
    padding-right: 13pt ;
    padding-top: 3pt ;
    padding-bottom: 3pt ;
    width: 100%;
    background: #eff3f1;
}

a.menu_link {
    margin: 0pt ;
    padding-left: 7pt ;
    padding-right: 7pt ;
    font-size: 1.5vw ;
    text-decoration: none ;
    color: #00A765;
}

/* -- main page (content) -- */

div#content {
    margin: 20pt ;
}

h1, h2, h3, h4 {
    font-family: verdana,arial ;
    color: #00A765;
}

h1 {
    line-height: 22pt;
}

h2 {
    line-height: 18pt;
}

h3 {
    font-size: 13pt;
}

a {
    color: #00A765;
}

/* Spread 3 images evenly over the width of the page */

img.spread3 {
    height: 20vw;
}

.spread2 {
    height: 23vw ;
}


div.biopic {
    float: left;
    width: 210px;
}

.biopic img {
    width: 200px;
}

div.biotext {
    overflow: auto;
}