/*\*/
html {margin: 0; padding: 0; background: #eaeaea; font: 16px/1.2 Verdana, sans-serif; --b: 1px solid #999;}
body {
width: 950px; margin: auto; padding: 1em; min-height: 100vh;
background: #fff url(header-lmr-graphic.svg) no-repeat;
background-size: 100% 110px;
background-position: 0 0;
}
/*\*/
div#top {height: 5em;}
p.bsub::first-line {font-size: 1.1em; color: #048;}
p.home {text-align: center;}
header {width: fit-content; margin: 5em auto 1em; font-family: Comic Sans MS, cursive; font-size: 1.1em; color: #048;}
/*\*/
div.side {background: #fbfbfb; padding: 8px 8px 3px 8px; border: var(--b); font: 14px Arial, Helvetica, sans-serif; text-align: center;}
.side img {margin-bottom: 0; border: 1px solid #ccc;}
div.lt {float: left; margin-right: 8px;}
div.rt {float: right; margin-left: 3px;}
/*\*/
div#preface {
width: 60%; margin: 1rem auto; padding: 10px; background: #f8f4ed; box-shadow: hwb(0 45% 55%)  0 0 10px 0; border-radius: 9px;
background-image: url(../ac/ap-open.gif), url(../ac/ap-close.gif);
background-position: 8px 20px, calc(100% - 220px) calc(100% - 20px);
background-size: 11px 20px;
background-repeat: no-repeat;
}
#preface p {
margin: 1rem;
font: 2.2ex Times New Roman, Times, serif; text-align: justify;
}
/*\*/
div#bin {width: 900px; margin: 1em auto; background: #fbfbfb; border: var(--b);}
#bin div:first-child, #bin div:last-child {display: table-cell; vertical-align: middle;}
#bin div:first-child {padding: 10px; border-right: var(--b);}
#bin img {display: block; border: var(--b);}
#bin div:last-child {padding: 10px;}
#bin p {font-size: 15px; margin: 5px;}
/* width in body */
div#box {margin: 1em auto; background: #fbfbfb; padding: 10px; border: var(--b);}
#box img {display: block; margin: auto; border: var(--b);}
#box p {margin: 3px; font-size: 15px;}
/*\*/
table#photos2 {
border-collapse: collapse;
margin: 1em auto;
background: #fffacd;
font-size: 15px;
}
#photos2 tr:nth-child(2n) {vertical-align: top;}
#photos2 td {width: 350px; padding: 10px; border: 1px solid #ff8c00;}
#photos2 img {display: block; margin: auto; border: var(--b);}
#photos2 p {margin: 3px;}
p.mid {text-align: center;}
/*\*/
div#arch {
width: 300px; height: 200px; margin: auto; border: var(--b);
background-image: url(img=arch.jpg);
}
div#station {
width: 300px; height: 191px; margin: auto; border: var(--b);
background-image: url(img=liverpool-rd-station.jpg);
}
/* NAV */
div#g-box {
width: calc(230px + 3px + 230px); margin: auto;
display: grid;
grid-template-areas:
'R1 R1'
'R2 R2'
'R3 R3';
grid-template-columns: 230px 230px;
grid-gap: 3px;
background: #253f8e; padding: 3px; border-radius: 12px;
}
#g-box div {
background: #f0f8ff; padding: 3px 0 5px; border-radius: 9px;
text-align: center;
}
div#it5 {grid-area: R3;}
#g-box a {text-decoration: none; font-size: 15px;}
#g-box a:link, #g-box a:visited {color: #000;}
#g-box a:hover {border-bottom: 1px solid #000;}
/* NAV END */
table#lg {
width: 80%; margin: 1em auto;
border-collapse: collapse;
font-size: 14px;
}
#lg caption {margin-bottom: 4px; font-size: 1rem;}
#lg tbody tr:nth-child(odd) {background: #fbfbfb;}
#lg tbody tr:nth-child(even) {background: #dbe5f0;}
#lg th {background: #4f81bd; border: 1px solid #9fb3df; color: #fff;}
#lg th, #lg td {padding: 5px 8px;}
#lg td {border: 1px solid #9fb3df;}
#lg td:nth-child(1) {width: 80%;}
#lg td:nth-child(2) {text-align: center;}
/* Ext links */
nav {white-space: pre-wrap; font: 2ex/1.2 Lucida Conole, Monaco, monospace;}
nav a.ws:link {text-decoration: none; color: #00f;}
nav a.ws:visited, nav a.ws:hover {text-decoration: underline; color: #00f;}
nav img {width: 12px; margin-left: 6px;}