html, body {
    margin: 0;
    padding: 0;
    height: 100%; 
    min-height: 100%; 
    /* Important: Make html and body fill the viewport */}

div.outer {float: left; height: 200px; width: 172px; margin: 0; padding 0;
	font: 9px/10px Yudit, Segoe, "Luxi Sans", "Lucida Sans", Arial, Helvetica, sans-serif; text-align: center; vertical-align: bottom;}

div.pic {height: 130px; width: 130px;
	padding: 15px; margin: 5px 3px; background: white;
	background: url(https://www.trencherman.org/images/frame-ls2.gif) center no-repeat;}

div.pt {background-image: url(https://www.trencherman.org/images/frame-pt2.gif);}

div.pic img {border: 1px solid; border-color: #444444 #AAAAAA #AAAAAA #444444;}

div.ls img {width: 128px; height: 96px; margin: 16px 0;}

div.pt img {width: 96px; height: 128px; margin: 0 16px;}

div.callout {border-color: blue; border-top-style: ridge; border-top-width: thin; border-bottom-style: ridge; border-bottom-width: 2px; background-color:#DDE2FF; padding: 6px; margin: 6px 0 0 0; clear: both;}

.V2A {color: #660000; font-weight: bold;}
.web {color: blue;}
.webV2A {color: purple; font-weight: bold;}

body {font: 13px/17px Arial, Helvetica, Verdana, Yudit, Segoe, "Luxi Sans", "Lucida Sans", sans-serif; color: #000066;
	background-color: #F4F4FF;
	padding: 0; margin: 0; border: 0;}

p {text-align: justify;}
.ragged {text-align: left;}
.quote {font: 11.5px/16px Georgia, 'Times New Roman', Times, serif; font-style: italic;}
.rubric {color: red; font-weight: bold;}
.sc {color: red; font-weight: bold;}
.dc {color: #0561A5; font-weight: bold;}
.welsh {color: green; font-weight: bold;}
.video {color: teal; font-weight: bold; text-decoration: none;}
.video a:link {color: teal; font-weight: bold; text-decoration: none;}
.video a:active {color: teal; font-weight: bold; text-decoration: none;}
.video a:visited {color: teal; font-weight: bold; text-decoration: none;}

p,td {font-size: 13px; line-height: 17px;}
ul li {list-style: url(../img/bullet12.gif); list-style-type: square; list-style-position: inside;	margin: 0; padding: 0;}
li {font-size: 13px; line-height: 18px;}
dt {font-weight: bold;}

u {color: #820010; text-decoration: none;}

th {background-color: #990000;
	font-weight: bold;
	font-size: 0.8em;
	color: white;}

th a {color: white; text-decoration: none;}

th a:link {color: white;}
th a:visited {color: white;}
th a:hover {color: white}
th a:active {color: white;}

tr.odd {background-color: white;}
tr.even {background-color: #DDE2FF;}

h1 {font: 28px 'Trebuchet MS', Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #666666;}

div.minmax {min-width: 775px; max-width: 1136px;}
div.body {margin: 15px 10px 0 240px; padding: 0;}/*WAS L=220px*/
div.body p {text-align: justify;}

div.navbar {float: left; width: 225px; margin: 2px 15px 10px 0; padding: 0;}/*205px*/

/*need to differentiate between black and white dates?*/
.calendarblock {font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold;} /*float: right; margin: 145px 0 0 0; padding: 0 11px 0 0;*/
.calendarblock a {text-decoration: none;}
.calendarblock a:link, .calendarblock a:visited, .calendarblock a:active, .calendarblock a:hover {color: white;}

.footer {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; line-height: 11px;
	text-align: center; padding-right: 5px; padding-left: 5px;}

/* navbar */
.nav2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: 500; text-align: right;
	height: 20px; width: 212px; margin: 0 0 4px 10px; padding: 3px 2px 0 0;}/*192px*/

.nav2 a {text-decoration: none;}

.navA {color: #E1E1E1;}
.navA a:link, .navA a:visited, .navA a:active {color: #E1E1E1;}
.navA a:hover {color: white;}

.navB {color: #666666; border: 1px solid silver; background-color: #DDE2FF;}
.navB a:link, .navB a:visited, .navB a:active {color: #666666;}
.navB a:hover {color: red;}
/* end of navbar*/

/* LH navbar + page headers */

p.header {font-family: Tahoma, Verdana, "Luxi Sans", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 14px; color: #555555;
	margin: 15px 0 0 0px; padding: 2px 0 3px 5px; background-color: #C4DAE8;}

img {page-break-inside: avoid;}
img.left {margin-right: 10px; border: 0;}/*float: left; */
img.right {margin-left: 10px; border: 0;}/*float: right; */
img.rightDS {margin: 0 -5px 0 10px; border: 0;}

/* listings etc*/
pre, tt {font: 13px/18px "Lucida Console", "Andale Mono", "Sazanami Gothic", FZFangSong, "LettrGoth12 BT", "Letter Gothic", Courier, "Courier New", mono, monospace;}

.tooltip {position: relative; display: inline-block; border-bottom: 2px dotted blue;}

.tooltip .tooltiptext {
  visibility: hidden;
  padding: 0.25em 0.5em;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 0.25em;
  white-space: nowrap;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 100%;
  transition-property: visibility;
  transition-delay: 0s;}

.tooltip:hover .tooltiptext {
  visibility: visible;
  transition-delay: 0.3s;}