.top {
        position:absolute;
        left:200px; right:0; top:0;
        height: 120px;
        text-align: right;
        padding-right: 5%;
    }
    .left {
        position:absolute;
        left:0; top:0; bottom: 0;
        width: 200px;
    }
    .main {
        position: absolute;
        left:200px; top:120px; right:0; bottom:0;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }
    .menu {
        padding-left: 10%;
    }
    .topmenu {
        position: absolute;
        left: 200px; top:0;
        height: 92px;
        padding-right: 50%;
    }
    
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

.centerimg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.message {
margin: 10px;
 max-width: 340px;
 padding: 5px;
font-style: italic;
font-weight: bold;
font-family: 'Times New Roman', Times, serif;
font-size : 24px;
color: #fd3c06;
background-color: #d8dcd6;
border-style: double;
}

ul {
    text-align: justify;
}
ul:after {
    content: '';
    display: inline-block;
    width: 100%;
}
ul:before {
    content: '';
    display: block;
    margin-top: -1.25em;
}
li {
    display: inline-block;
    margin-right: -.25em;
    position: relative;
    top: 1.25em;
}

.p1 {
  font-style: italic;
  font-family: "Times New Roman", Times, serif;
  font-size: 20px;
}


 /* unvisited link */
a:link {
  color: #3e3154;
  font-style: italic;
  text-decoration: underline;
  font-weight: bold;
}

/* visited link */
a:visited {
  color: #284d7c;
  font-style: italic;
  text-decoration: underline;
  font-weight: bold;
}

/* mouse over link */
a:hover {
  color: #9cb99d;
  font-style: italic;
  text-decoration: underline;
  font-weight: bold;
}

/* selected link */
a:active {
  color: #9cb99d;
  font-style: italic;
  text-decoration: underline;
  font-weight: bold;
} 


h1 {
font-style: italic;
  font-family: "Times New Roman", Times, serif;
  font-size : 28px;
}

th, td {
  padding-right: 40px;
}

.contact::after {
content: "Contact!";
}
.contact:hover::after {
 content: "Please email claire.guimond@physics.ox.ac.uk";
}