body, html {overflow:auto;font: 100%/1.4 Garamond, serif;margin: 0;padding: 0;color: #000;background:#FFF;}
img{max-width:100%;border:none;}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {padding: 0;margin: 0;list-style:none;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;padding-right: 10px;padding-left:5px;}
h2{font-style:italics; text-align:center;}
/* links */
a img {border: none;}
a:link {color: #42413C;text-decoration: underline;}
a:visited {color: #6E6C64;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
/* layout */
#container {width: 960px;background: #FFF;margin: 0 auto;padding-bottom:8.0em;}
#header {width:100%;position: relative; left: 0; top: 0;margin-bottom:4.0em;margin-top:1.0em;}
#dickensHeader {border:none;float:right;width:100%;position: absolute; top:0; left:0;}
#unilogo {width:160; height:80; margin:2.5em 0 0 1.3em; position: relative; top: 0; left: 0;}
#content {width:960px;}
#introtxt, #introtxt a{color:#000;}
#introtxt ul {text-indent:0.5em; margin-bottom:0.8em;}
/*the side panel*/
.panel{position: fixed;top:15px;left: 0;display: none;background: #000;border:1px solid #111;-moz-border-radius-topright: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-bottomright: 20px;-webkit-border-bottom-right-radius: 20px;border-radius: 0px 20px 20px 0px; width: 230px;height: auto;padding: 0px 20px 20px 70px;filter: alpha(opacity=85);opacity: .85;}
.panel a:link, a:visited {margin: 0;padding: 0;color: #FFF;text-decoration: none;}
.panel a:hover, a:active, a:focus {text-decoration: underline;}
.panel h2 {color:#FFF; border:none; padding-top:1.0em;font-style:italic; text-align:left;margin-left:-0.4em;}
.click{position: fixed;text-decoration: none;top:135px; left: 0;font-size: 16px;letter-spacing:-1px;font-family: verdana, helvetica, arial, sans-serif;color:#fff;padding: 20px 20px 20px 10px;font-weight: 700;background:#333333 85% 55% no-repeat;border:1px solid #444;-moz-border-radius-topright: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-bottomright: 20px;-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;-webkit-border-bottom-left-radius: 0px;border-radius: 0px 20px 20px 0px; display: block;}

.click a:hover{position: absolute;text-decoration: none;top: 80px; left: 0;font-size: 16px;letter-spacing:-1px;font-family: verdana, helvetica, arial, sans-serif;color:#fff;padding: 20px 40px 20px 20px;font-weight: 700;background:#222222 85% 55% no-repeat;border:1px solid #444444;-moz-border-radius-topright: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-bottomright: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomleft: 0px;-webkit-border-bottom-left-radius: 0px;
display: block;​}
.captionsandpics {min-height:10.0em;}
.caption {float:right; position:relative; width:820px; margin-bottom:3.0em;}
.pics{float:left;position:relative;width:130px;}
.pics img{margin: 0.4em 1.0em 0 0;}
hr.bib {padding:0;border: none;border-top:1px solid #CCC;color: #333;text-align:center;}	
.clearboth {clear:both;}

/* Glyph, by Harry Roberts */
hr.style-eight {padding:0;border: none;border-top: medium double #333;color: #333;text-align: center;width:100%;}
hr.style-eight:after {content: "§";display: inline-block;position: relative; top: -0.8em;  font-size: 1.0em;padding: 0 0.25em;background: #FFF;}

/* footer */
.footer {padding:3.0em 0;background: #FFF;text-align:right;}
.footer a {color:#000;text-decoration:underline;}

/* fixes issue of sideways jumping fancybox....grrr */
body.fancybox-lock{overflow:visible !important; margin-right:0px !important; }