/*** LAYOUT ***/
 DIV { border: 0px; }
 #leftHand { 
    width: 100%;
    margin: 0px;
    color: #dfa; 
    background: #a90 url(imgs/stippleG.gif);
    text-align: center;
 }
 #leftHand A { color: #dfa;  font-weight: bold; }
 #links { padding: 4px; background: #339 url(imgs/stippleB.gif); color: #adf; font-size: 13px; font-weight:bold; }
 #links A { padding-left: 5px; padding-right: 5px; }
 #leftHand A { color: white; font: bold; }
 #barOne { background: #ff0 url(imgs/stippleB.gif); height: 5px; }
 #barTwo { background: red url(imgs/stippleW.gif); height: 3px; }
 #barThree { background: #00f url(imgs/stippleG.gif); height: 3px; }

 #rightHand {
    width: 620px;
    margin-left: auto; margin-right: auto;
    margin-bottom: 30px;
    text-align: left;
 }


/*** WORKINGS ***/
.editlink { position: absolute; }
.editlink { display: none; }
#rightHand div div .editlink  { display: inline; position: static; float: right; color: white; }
#rightHand div div .editlink A { color: #bbb; }
textarea { font-family: inherit; }

/*** STYLE ***/
 BODY, TD, P, TEXTAREA { font-family: verdana, arial, palatino linotype; font-size: 10pt; padding: 0px; margin: 0px; }
 TD { text-align: center; }
 #rightHand TD { vertical-align: center; text-align: left; }
 BODY {  }
 H2 {  }
 H3 { font-size: 10pt; }
 H4 { font-size: 10pt; background: #270; color: white; margin-left: -30px; margin-right: -30px; padding-left: 10px; padding-right: 10px; }
 A { text-decoration: none; color: #009; }
 A:Hover { text-decoration: underline; }
 #michaelmasReading P, #lentReading P, #summerReading P { margin: 0px; }
 #rightHand LI { margin-bottom: 8px; }
 IMG { border: 0px; }
 #rightHand IMG { border: 1px solid black; }
 P { margin-top: 7px; }
 BLOCKQUOTE { margin-left: 12px; }
 #photos IMG { border: 3px black solid; }

/**** PRINT ****/
@media print {

}


/* Static restoration: preserve original desktop layout and fit narrow screens. */
#rightHand{max-width:calc(100% - 64px)}
#leftHand .workshop-title{font-size:42px;font-family:book antiqua,serif;color:#fff}
#leftHand .host-logos{float:right;width:200px;border-spacing:10px}
.restoration-note,.restoration-footer{font:11px/1.45 verdana,arial,sans-serif;padding:10px;color:#555;background:#f3f3e9;border-top:1px solid #ddd}
.restoration-note a,.restoration-footer a{color:#009}
@media(max-width:640px){#leftHand .host-logos{float:none;margin:auto}#leftHand .workshop-title{font-size:32px}#rightHand{width:auto;max-width:none;margin:0 24px 30px}#rightHand h4{margin-left:-12px;margin-right:-12px}#links{line-height:1.9}table{max-width:100%}img{max-width:100%;height:auto}}

.UserTagList{display:inline} .missing-photo{display:inline-flex;box-sizing:border-box;width:160px;min-height:107px;align-items:center;justify-content:center;background:#eee;color:#555;font:11px verdana;border:1px solid #999}#photos table{width:100%;border-spacing:10px}#photos td{padding:4px}#photos img{max-width:100%;height:auto}#contact td img{max-width:65px;height:auto;vertical-align:middle}@media(max-width:640px){#photos tr,#contact tr{display:flex;flex-wrap:wrap}#photos td,#contact td{display:block;box-sizing:border-box;width:50%;padding:6px}#photos .missing-photo{max-width:100%}}
#contact .missing-photo{width:65px;min-height:65px;font-size:9px;vertical-align:middle}