* {box-sizing: border-box}

@font-face{
  font-family:parkinsonsuk_stencilregular;
  src:url(/rsrc/fonts/parkinsonsukstencil-webfont.eot);
  src:url(/rsrc/fonts/parkinsonsukstencil-webfont.eot?#iefix)
    format("embedded-opentype"),
  url(/rsrc/fonts/parkinsonsukstencil-webfont.woff2)
    format("woff2"),
  url(/rsrc/fonts/parkinsonsukstencil-webfont.woff)
    format("woff"),
  url(/rsrc/fonts/parkinsonsukstencil-webfont.svg#parkinsonsuk_stencilregular)
    format("svg");
  font-weight:400;
  font-style:normal;
}

#container {
	width: 100%;
	background: #fff;
	padding: 0;
}
#masthead {
	width: 100%;
	margin: 0;
	padding: 0;
}
#masthead-image {
  padding: 0;
  margin: 0;
  border-width: 0;
  border-bottom: 2px solid white;
  width:100%;
  display:block;
}
#masthead-image:after {
  content:"";
  display:table;
  clear:both;
}
#masthead-image a {
  vertical-align: top;
  padding: 0;
  margin: 0;
  border: none;
  display:inline-block;
}
#masthead-image a img {
  margin:0;
  width:100%;
}
#content {
}


#footer {
	background-color: #006a8e;
	clear: both;
	text-align: center;
	padding: 5px;
	margin: 1%;
}
#footer p {
	color: #fff;
	font-weight: bold;
	font-size: 0.8em;
	margin: 0;
	padding: 0;

}

.photoleft {
  width: 17%;
	padding: 8px;
	margin: 0px 10px 10px 0px;
	border:1px white solid;
	border-radius: 12px 0px;
	background-color: white;
}
.photoleft img {
  width: 100%;
}
.photoleft p {
  padding:0.5em 0 0 0;
	text-align: center;
  color: #006a8e;
  font-weight: bold;
  font-size: 70%;
}
.highlight-table {
  float: right;
  width:83%;
}
.highlight-table:after {
  content:"";
  display:table;
  clear:both;
}
#content:after {
  content:"";
  display:table;
  clear:both;
}
.highlight-table p {
  font-size: 120%;
  text-align: center;
  font-weight: bold;
  padding: 0.5em 3em;
  color: #006a8e;
}
.highlight {
	margin: 1%;
	padding: 10px;
	background-color: #A6E3F9;
	border-radius: 12px 0px;
	text-align: left;
	color: #000;
	font-size: 110%;
	width: auto;
}
.highlight:first-of-type {
  background-color:#02678e;
  color:#FFFFFF;
}
.highlight-table .highlight:first-of-type {
  background-color:#02678e;
  color:#FFFFFF;
}
.highlight-table .highlight:first-of-type a {
  color:#A6E3F9;
}
.highlight-table .highlight:first-of-type::first-line {
  font-weight:bold;
  font-size:120%;
}
.highlight > ul {
  margin: 0;
  padding-left: 2em;
}
.highlight > ul > li {
  margin: 0.3em 0;
  font-size: 90%;
  list-style-position: outside;
  list-style-type: disc;
  display:list-item;
}
.highlight > ul ul {
  padding-left: 1em;
}
.highlight > ul ul li {
  list-style-position: outside;
  list-style-type: square;
  display:list-item;
}
.highlight:after {
  content:"";
  clear:both;
  display:table;
}

#content > .highlight {
  text-align: center;
  font-weight:bold;
  font-size:14pt;
  background-color:#00adef;
  color:white;
}

.body-content {
  background-color: white;
	padding: 5px 10px;
	margin: 1%;
}

.body-content p {
  margin: 0.5em 0;
}

.body-content ul {
  margin: 0.3em 0;
  padding: 0;
}

.body-content ul li {
  margin: 0.3em 2em;
  padding: 0;
}

.highlight .heavy-emphasis {
  font-size: 120%;
  font-weight: bold;
  background-color: #02678e;
  color: white;
}

.body-content h2,
.body-content h3,
.body-content h4 {
  margin: 1em 0 0 0;
}

/*------------ generic table stuff ------------*/

table, th, td {
    background-color: #fff;
}
table {
    font-family: arial, sans-serif;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border-collapse: separate;
}
td, th {
    margin:0;
    text-align: left;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid white;
}
td, td img {
  position: relative;
  border-radius: 12px 0px;
}
.td-taller {
    padding-top: 20px;
    padding-bottom: 20px;
}
th {
  background-color: #606060;
  color: white;
  font-weight: bold;
}
tr:nth-child(even) td {
    background-color: #dddddd;
}
tr:nth-child(odd) td {
    background-color: #f0f0f0;
}
td:first-child {
    font-weight: bold;
}

/*-------- people bios and pictures -----------*/

.people-table {
  width: 100%;
  border: 1vw solid white;
  margin:0;
  border-top-width:0;
}
.people-table tr {
  height: 16.3vw; /* 16.7 but corrected for the margin */
  border:none;
}
.people-table tr:target td:nth-child(even) {
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 0.2s;
  transition-property: background-color;
  transition-duration: 0.2s;
}
.people-table td:nth-child(1) {
  padding: 0;
  width: 16.7%;
  position: relative;
  overflow: hidden;
  background-color: white;
  vertical-align: top;
}
.people-table td:nth-child(1) img {
	width: 16.7vw;
	height: 16.7vw;
}
.people-table td:nth-child(2) {
  width: 83.3%;
  padding-top: 10px;
  padding-bottom: 10px;
}

/*-------- timetable -----------*/

th:nth-child(1),
td:nth-child(1) {
  width:17%;
}
th:nth-child(2),
td:nth-child(2) {
  width:33%;
}
th:nth-child(3),
td:nth-child(3) {
  width:50%;
  padding-right: 5px;
  position:relative;
  overflow:visible;
  z-index:0;
}

tr.minor td:first-child {
  background-color: white;
  text-align: right;
  font-weight: normal;
}

/*---------------- Resource links --------------*/
td a.media {
  display: block;
  font-weight: bold;
}

/*---------------- Folding text stuff --------------*/
td .fold-button {
  float:right;
  background-color: #00ADEF;
  color:white;
  padding:1pt;
  padding-left:3pt;
  margin:0;
  margin-top:0.2em;
  margin-left: 1em;
  font-weight: bold;
  font-family: inherit;
  font-size: 90%;
  border:none;
  line-height:1.1em;
  position:relative;
  z-index:2;
  overflow:hidden;
  top:-3px;
  right: 0;
}
td .fold-button:hover {
  cursor:pointer;
}
td p.foldable {
  font-weight: normal;
  display: block;
  padding:0;
  width: 100%;
  position:relative;
  padding-left: 7px;
  left:-7px;
  border-width:0;
  border-radius: 7px 0 0 0;
  z-index:1;
  margin:0;
  margin-top:3px;
  overflow:hidden;
  border-width:0;
}

td.fold-state-open .fold-button:after {
 content: "hide \0025B2";
}
td.fold-state-closed .fold-button:after {
 content: "read more \0025BC";
}
td.fold-state-open p.foldable {
  color:black;
  border-top:1px solid #00ADEF;
  margin-top:2px; /* reduce for border */
}
td.fold-state-closed p.foldable {
  color:rgba(0,0,0,0.3);
  height: 1.2em;
}

/*----------------------- Styling for links -------------------*/
a:link
{
	color: #00f;text-decoration:none  
}
a:visited
{
	color: #00f;text-decoration:none 
} 
a:active 
{
	color: #00f;text-decoration:none
}
a:hover      
{ 
	color: #00f;text-decoration:underline
}

body {
	font-family: Arial, sans-serif;
	padding:0;
	margin: 0;
	border: none;
	color: #333;
	font-size: 12pt;
}



h1 
{
	font-family:  Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #00adef;
	font-size: 24pt;
	text-align: left;
}

h2 
{
	font-family:  Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #00adef;
	font-size: 20pt;
}

h3 
{
	font-family:  Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #00adef;
	font-size: 16pt;
}

h4
{
	font-family:  Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #00adef;
	font-size: 12pt;
}

h5
{
	font-family:  Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #00adef;
	font-size: 11pt;
}

h6
{
	font-family:  Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #00adef;
	font-size: 10pt;
}



p {
	font-family:  Arial, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	color: #333;
	line-height: normal;
	margin-bottom: 0px;
	margin-top: 0px;

}
.list li
{
	color: #333;
	font-size: 12pt;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family:  Arial, sans-serif;
}
.justify {
	text-align: justify;
}
.line {
	color: #00ADEF;
	width: 875px;
	height: 1px;
}

/*------ Tiled menu ---------------*/

.navtiles-menu {
  margin:0;
  width: 100%;
  border: 0.5vw solid white;
  border-bottom-width:0;
  padding: 0;
  font-size:0; /* avoid bogus spaces */
  text-align:center;
}

.navtile {
  position: relative;
  width: 16.6%;
  height: 16.2vw;
  margin:0;
  padding:0;
  border: solid white;
  border-width: 0.5vw;
  border-radius: 1vw 0;
  display:inline-block;
  overflow:hidden;
}

.navtile a {
  padding:0;
  border:none;
  border-width: 0;
  border-radius: inherit;
  margin: 0;
  width: 100%;
  height:100%;
  display: block;
}
.navtile img {
  width: 100%;
  height:100%;
  border: none;
  border-width: 0;
  border-radius: inherit;
  margin: 0;
  padding: 0;
}
.navtile a > div {
  width:100%;
  height: 40%;
  padding: 0;
  border:none;
  border-width: 0;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin:0;
  position:absolute;
  bottom:0;
  background-color:#02678e; /* IE hack */
  background-color:rgba(2,103,142,0.7);
}
.navtile a > div > div {
  display:table;
  padding: 0;
  border:none;
  border-width: 0;
  border-radius: inherit;
  margin:0;
  width:100%;
  height:100%;
}
.navtile p {
  width:100%;
  height:100%;
  padding: 0;
  border:none;
  border-width: 0;
  border-radius: inherit;
  margin:0;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size:1.9vw;
  display:table-cell;
  vertical-align:middle;
}

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 - JB modified 30-May-2017 */
#mc_embed_signup form {display:block; background:#A6E3F9; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 1vw 0; -moz-border-radius: 1vw 0; border-radius: 1vw 0;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {
  clear:both;
  background-color: #aaa;
  border: none;
  transition: all 0.23s ease-in-out 0s;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size:15px;
  font-weight: normal;
  height: 4em;
  line-height: 32px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  width: auto;
}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

.follow-twitter {
  height: 80%;
  background-color: white;
  padding: 5px;
}

/* Respond to very narrow screens: */
@media only all and (max-width:10cm) {
  /* Remove images from the navtiles, make them 2 cols instead of 6 */
  .navtile p {
    background-color:#02678e;
    font-size:5vw;
  }
  .navtile {
    width:45vw;
    height: 16vw;
    border-radius:0;
  }
  .navtile img {
    display: none;
  }
  .navtile a > div {
    width:100%;
    height:100%;
    border-radius:inherit;
  }
  /* In picture+bio table, spread the picture across 2 columns instead of 1. */
  .people-table tr {
    height: 32.9vw;
  }
  .people-table td:nth-child(1) {
    width: 33.3%;
  }
  .people-table td:nth-child(2) {
    width: 66.7%;
  }
  .people-table td:nth-child(1) img {
    width: 33.3vw;
    height: 33.3vw;
  }
}