/* Tue, 09 Jun 2026 19:29:02 +0000 site=bioscan fonts=typekit */

BODY {
    background: #888 url("/images/bioscan/bioscan-bg.jpg") fixed repeat;
    padding: 0;
    margin:  0;
    color: #000; /* main text color */
    font-size: 100%;
}

/* Use "position:..." specs for the DIVs to allow the transparent
   slanted graphic in the div.mainaccent to overlay everything
   properly using z-index settings.  */

/* holds top logo and title, not nested in anything */
DIV.top {
    position: relative;
    top:     0;
    width:   1300px; /* base whitespace width */
    height:  190px;
    padding: 0;
    margin:  50px auto 0 auto;
    font-family: calluna, Constantia, Georgia, serif;
    /* this approach fails since all children inherit the reduced opacity */ 
    /* background-color: white;   */
    /* opacity: 0.9;              */
    /* filter: alpha(opacity=90); */
    background-image: url("/images/white90.png");
    background-position: 0 0;
    background-repeat: repeat;
}
@media print {
    DIV.top {
	left:  2em;
	width: auto;
	margin-top: 0;
	background-image: none;
    }
}

/* exists to contain mainaccent (so its background can overlay main & footer), main, and footer */
DIV.maincontain {
    z-index: 100;
    position: relative;
    top:    0;
    width:  1300px;
    padding: 0;
    margin:  0 auto 0 auto;
}
@media print {
    DIV.maincontain {
	width: auto;    /*****/
	left: 2em;
    }
}

/* nested within maincontain, has no content at all, just adds accent graphic with background image
   (use a background image so that repeat-y can stretch it arbitrarily). */
DIV.mainaccent {
    z-index: 1000; /* put this on top so this element's background overlays everything else */
    position: absolute;
    left:   -40px;
    top:    0;
    bottom: 0;  /* 0 glues bottom to containing element's bottom if position:absolute */
    width:  120px; /* set this, or overlay stops menus in main from working */
    padding: 0;
    margin:  0;
    background: url("/images/bioscan/bioscan-lines-120x15.png");
    background-repeat: repeat-y;
}
@media print {
    DIV.mainaccent {display: none;}
}

/* nested within maincontain, includes left navmenu and DIV.content */
DIV.main {
    z-index: 500;
    position: relative;
    top:     0;
    width:   1210px;
    padding: 0;
    margin:  0;
    padding-left:   90px; /* inset of leftmost text from left side of whitespace */
    padding-bottom: 2ex;
    font-family: calluna, Constantia, Georgia, serif;
    /* opacity fails since all children inherit reduced opacity, so use bg-image url instead */ 
    /* background-color: white;   */
    /* opacity: 0.9;              */
    /* filter: alpha(opacity=90); */
    background-image: url("/images/white90.png");
    background-position: 0 0;
    background-repeat: repeat;
}
@media print {
    DIV.main {
	left:  0;
	width: auto;
	padding-left: 0;
	background-image: none;
    }
}


DIV.content {
    position: relative;
    margin:      0;
    margin-left: 280px; /* inset of main content from left side of all text */
    padding:     0;
}
@media print {
    DIV.content {
	margin-left: 0;
    }
}

/* nested within maincontain below main, footer content, transparent to page background */
DIV.footer {
    z-index: 500;
    position: relative;
    top:  0;
    width:  1210px; /* same as main */
    height: 130px;
    padding-left: 90px; /* same as main */
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
}
@media print {
    DIV.footer {
	left: 0;
	width: auto;
	height: auto;
	padding-left:  0;
	padding-right: 31px; /* dunno why I need this */
    }
}

DIV.top IMG.logo {
    position: absolute;
    left: 22px; /* note that logo image is a little asymmetrical because  */
    top:  16px; /* of the BioSCAN bug extensions (all logos are matched). */
    border: none;
    padding: 0;
    margin:  0;
}
@media print {
    DIV.top IMG.logo {
	left: 0;
    }
}
    
DIV.top H1 {
    font-size:   3.5em;
    line-height: 1.1em;
    letter-spacing: 0.06em; /* 0.085em; */
    text-transform: uppercase;
    font-style:  normal;
    font-weight: normal;
    color: #555;
    display: inline-block;
    position: relative;
    margin:      0;
    margin-left: 180px;
    padding:     0;
    padding-top: 65px;
}
@media print {
    DIV.top H1 {
	font-size:    2.5em;
	line-height:  1.1em;
	letter-spacing: 0;
    }
}

DIV.main A         {text-decoration: none;}
DIV.main A:link    {color: #55a639;}
DIV.main A:visited {color: #55a639;}
DIV.main A:hover   {color: #555;   }
DIV.main A:active  {color: #555;   }
/* links used just as link-targets shouldn't respond to hover (these are in headers) */
DIV.main A.target:hover  {color: #77cc59;}
DIV.main A.target:active {color: #77cc59;}

/* link formatting for term definitions (used, at least, in the vernalpool subsite) */
DIV.main A.define         {text-decoration: none; color: #000;
                            border-bottom:1px dashed #555;}
DIV.main A.define:link    {text-decoration: none; color: #000;
                            border-bottom:1px dashed #555;}
DIV.main A.define:visited {text-decoration: none; color: #000;
                            border-bottom:1px dashed #555;}
DIV.main A.define:hover   {text-decoration: none; color: #000;
                            border-bottom:1px dashed #77cc59;}
DIV.main A.define:active  {text-decoration: none; color: #000;
                            border-bottom:1px dashed #77cc59;}

DIV.main H1 {  /* seldom used, just when top H1 would be too big if it used full heading */
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
    font-size:   2.5em;
    line-height: 1.1em;
    margin:        0;
    margin-top:    4ex;
    margin-right:  270px; /* like main P */
    margin-bottom: 0.6ex;
    padding: 0;
    text-transform: uppercase;
    page-break-after: avoid;
    page-break-inside: avoid;
    font-style:  normal;
    font-weight: normal;  /* if not 'normal' may need to load an additional face */
    color: #77cc59;
}
@media print {
    DIV.main H1 {
	margin-top: 1ex;
	margin-right: 4em;
    }
}

DIV.main H2 {
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
    font-size:     2em;
    line-height: 1.1em;
    padding: 0;
    margin:  0;
    margin-top:    4ex;
    margin-right:  270px; /* like main P */
    margin-bottom: 0.6ex;
    text-transform: uppercase;
    page-break-after: avoid;
    page-break-inside: avoid;
    font-style:  normal;
    font-weight: normal;  /* if not 'normal' may need to load an additional face */
    color: #77cc59;
}
@media print {
    DIV.main H2 {
	margin-top: 1ex;
	margin-right: 4em;
    }
}

DIV.main H2.tagleft {
    font-size:   1em; /* same size as main paragraph */
    line-height: 1.4em;
    padding:     0;
    margin:      0;
    margin-left: -160px;
    width:       150px;
    text-align: right;
    text-transform: none;
    float: left;
/*
    position: relative;
    bottom: 0.1em;
*/
}
@media print {
    DIV.main H2.tagleft {
	margin-top: 1ex;
	margin-left: -2em;
	width: auto;
	text-align: left;
	float: none;
    }
}

DIV.main H3 {
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
    font-size:   1.5em;
    line-height: 1.1em;
    padding:       0;
    margin:        0;
    margin-top:    4ex;
    margin-right:  270px; /* like main P */
    margin-bottom: 0.6ex;
    page-break-after: avoid;
    page-break-inside: avoid;
    font-style:  normal;
    font-weight: normal;  /* if not 'normal' may need to load an additional face */
    color: #77cc59;
}
@media print {
    DIV.main H3 {
	margin-top: 1ex;
	margin-right: 4em;
    }
}

DIV.main H4 {
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
    font-size:   1em;
    line-height: 1.4em;
    padding:       0;
    margin:        0;
    margin-top:    1ex;
    margin-right:  270px; /* like main P */
    margin-bottom: 0;
    page-break-after: avoid;
    page-break-inside: avoid;
    font-style:  normal;
    font-weight: normal;  /* if not 'normal' may need to load an additional face */
    color: #77cc59;
}

DIV.main P {
    font-size:   1em;
    line-height: 1.4em;
    margin:        0;
    margin-right:  270px;
    margin-bottom: 2ex;
    padding: 0;
}
DIV.main LI {
    font-size:   1em;
    line-height: 1.4em;
}
DIV.main UL,
DIV.main OL {
    margin:          0;
    margin-right:  270px; /* toplevel lists, also see UL.nested */
    margin-bottom: 2ex;
    padding: 0;
    padding-left: 1em;
}
/* use regular <ul> for outermost list; use <ul class='nested'> for all nested lists */
DIV.main UL.nested,
DIV.main OL.nested {
    margin-right:  0; /* use outermost list's right margin */
    margin-bottom: 0; /* no extra vertical spacing inside nested sets */
}
@media print {
    DIV.main P {
	font-size: 1em;
	margin-right: 4em;
    }
    DIV.main LI {
	font-size: 1em;
    }
    DIV.main UL,
    DIV.main OL {
	margin-right: 4em;
    }
}

DIV.main P.bylineright {
    font-size:  0.66666666666667em;
    font-style: italic;
}

DIV.main P.hanging {
    margin-left:  2em;
    text-indent:  -2em;
}

DIV.main P.indented {
    margin-left:  2em;
}

DIV.main P.timestamp {
    margin-top: 0;
    text-align: right;
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
    color: #555;
}

DIV.main P.addresslabel {
    border: solid 1px #77cc59;
    padding: 1ex 1em;
    page-break-inside: avoid;
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
}

DIV.main IMG.imgleft {
    float: left;
    margin: 0 1em 1ex -70px;
}
@media print {
    DIV.main IMG.imgleft {
	margin: 0 1em 1ex 0;
    }
}

DIV.main IMG.imgright {
    float: right;
    margin: 0 100px 1ex 1em;
}
DIV.main P.imgrightcredit {
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
    color: #555;
    font-size:   0.7em;
    line-height: 1.3em;
    font-style: italic;
    float: right;
    margin: 0 100px 1ex 1em;
}
@media print {
    DIV.main IMG.imgright {
	margin: 0 2em 1ex 1em;
    }
    DIV.main P.imgrightcredit {
	font-size:   0.525em;
	line-height: 1em;
    }
}

DIV.main P.footnote {
    width: 25%;
    float: right;
    border-left: solid 1px #77cc59;
    color: #555;
    font-size:   0.85em;
    line-height: 1.3em;
    font-style: italic;
    padding-left:  1em;
    margin-top:    1ex;
    margin-right:  150px;
    margin-bottom: 1ex;
    margin-left:   1em;
    page-break-inside: avoid;
}
@media print {
    DIV.main P.footnote {
	margin-right: 2em;
	font-size: 0.85em;
    }
}

DIV.main DIV.centerbox {
    margin:        0; /* margins just like div.main p */
    margin-right:  270px; /* like main P */
    margin-bottom: 2ex;
    padding: 1ex 1em;
    border: solid 1px #77cc59;
    page-break-inside: avoid;
}
DIV.centerbox P {
    margin-right: 0;
}
DIV.centerbox H3 {
    margin-right:   0;
    margin-top:   1ex;
}
DIV.centerbox UL {
    margin-right: 0;
}
@media print {
    DIV.main DIV.centerbox {
	margin-right: 4em;
	margin-left:  2em;
    }
}

DIV.main DIV.rightbox {
    float: right;
    width: 350px;
    padding-left: 1em;
    margin: 1ex 1em;
    margin-top: 0;
    border-left: 1px solid #77cc59;
}
DIV.rightbox P {
    margin-right: 0;
}
DIV.rightbox H3 {
    margin-right: 0;
}

DIV.main DIV.video {
    /* float: right;                                          */
    /* margin: 0 100px 1ex 1em; */
    float: left;
    margin: 0 1em 1ex -70px;
}
@media print {
    DIV.main DIV.video {
	display: none;
    }
}

DIV.main DIV.newsitem {
    margin-top: 5ex;
    clear: right;
}
@media print {
    DIV.main DIV.newsitem {
	margin-top: 1ex;
    }
}
DIV.main DIV.newsitem H3 {
    margin-top: 0;
}

DIV.main P.caption {
    text-align: left;
    font-style: italic;
    font-size: 0.8em;
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
}

/* Not sure I recall what this is for... */
DIV.main P.captionleft {
    text-align: right;
    font-style: italic;
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
}

/* setup for a little grid of images (as A links) & captions */
DIV.main DIV.imggrid {
    display: inline;
    float: left;
    width: 150px;
}
DIV.main DIV.imggrid P {
    width: 150px;
    margin: 0;
    text-align: center;
    padding: 0;
    font-size: 0.7em;
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
}
DIV.main DIV.imggrid IMG {
    width: 140px;
    display: block; /* needed for the margin-x: auto to center things */
    margin-left:  auto;
    margin-right: auto;
    border: 1px solid #55a639;
}
DIV.main DIV.imggrid A IMG:hover {
    /* dim when we hover over an A-linked image */
    opacity: 0.7;
}


DIV.main TABLE {         /* patterned after div.main P */
    font-size:   1em;
    line-height: 1.4em; /* 1.5em; */
    margin:        0;
    margin-right:  270px; /* like main P */
    margin-bottom: 2ex;
    padding: 0;
}
@media print {
    DIV.main TABLE {
	font-size:   1em;
	margin-right: 4em;
	margin-left:  2em;
    }
}
DIV.main TABLE.bordered {
    border-collapse: collapse;
    border: 1px solid #ddd;
    page-break-inside: avoid;
}
TABLE.bordered TH,
TABLE.bordered TD {
    border-collapse: collapse;
    border: 1px solid #ddd;
    padding: 1px 0.5em;
}
DIV.main TABLE.noborder {
    border: none;
}
TABLE.noborder TH,
TABLE.noborder TD {
    border: none;
}

/* for use inside a DIV.rightbox (e.g.) as a mini selector */
DIV.main UL.minimenu {
    padding: 0;
    margin: 0;
    float: left;
    list-style-type: none;
}
UL.minimenu LI {
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
    font-size:   0.9em; /* 1.25em; */
    line-height: 1.2em;
    font-weight: normal;  /* if not 'normal' may need to load an additional face */
    font-style:  normal;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 4px;
}
UL.minimenu LI A         {text-decoration: none;}
UL.minimenu LI A:link    {color: #555;   }
UL.minimenu LI A:visited {color: #555;   }
UL.minimenu LI A:hover   {color: #77cc59;}
UL.minimenu LI A:active  {color: #77cc59;}
UL.minimenu LI.selected  {color: #77cc59;}
UL.minimenu LI.selected A:link    {color: #77cc59;}
UL.minimenu LI.selected A:visited {color: #77cc59;}
@media print {
    DIV.main UL.minimenu {display: none;}
    UL.minimenu LI       {display: none;}
}

/* tweak up the autogenerated TOC (see function TableOfContents in base.php) */
LI.toc2 {}
LI.toc3 {padding-left: 0.5em;}
LI.toc4 {padding-left: 1.0em;}

/* main lefthand navigation menu */
DIV.main UL.menu {
    padding: 0;
    margin: 0;
    float: left;
    list-style-type: none;
}
UL.menu LI {
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
    font-size:   1.05em;
    line-height:  1.2em;
    font-weight: normal;   /* if not 'normal' may need to load an additional face */
    font-style:  normal;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 4px;
}
UL.menu LI.subtoc {  /* indented sub-menu items */
    margin-left: 1em;
}
UL.menu LI A         {text-decoration: none;}
UL.menu LI A:link    {color: #555;   }
UL.menu LI A:visited {color: #555;   }
UL.menu LI A:hover   {color: #77cc59;}
UL.menu LI A:active  {color: #77cc59;}
UL.menu LI.selected           {color: #77cc59;}
UL.menu LI.selected A:link    {color: #77cc59;}
UL.menu LI.selected A:visited {color: #77cc59;}
UL.menu LI.dead               {color: #555;}
UL.menu LI.dead     A:link    {color: #555;}
UL.menu LI.dead     A:visited {color: #555;}
@media print {
    DIV.main UL.menu {display: none;}
    UL.menu LI       {display: none;}
}
UL.menu H3 {
    margin-right: auto;
}


DIV.main HR {
    color:            #77cc59;
    background-color: #77cc59;
    border: none;
    height: 2px;
    width:  80%;
    padding: 0;
    margin-top:    4ex;
    margin-bottom: 4ex;
}


DIV.footer UL {
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative;
    float: right;
    top:  40px;
    left:    0;
}
@media print {
    DIV.footer UL {
	top: 20px; /* because we reduce the miniicon image size, too */
    }
}
DIV.footer LI {
    font-size:   1.1em;
    line-height:   1em;  /* actually, doesn't matter: no wraps */
    font-weight: normal; /* if not 'normal' may need to load an additional face */
    font-style:  normal;
    display: inline;
    list-style-type: none;
    margin:        0;
    padding:       0;
    padding-left: 3em;
    text-transform: uppercase;
    color: #eee;
}
DIV.footer LI A         {text-decoration: none;}
DIV.footer LI A:link    {color: #eee;   }
DIV.footer LI A:visited {color: #eee;   }
DIV.footer LI A:hover   {color: #77cc59;}
DIV.footer LI A:active  {color: #77cc59;}
DIV.footer IMG.minilogo {
    float: left;
    padding: 0;
    border: none;
    margin: 20px 0 0 10px;
}
@media print {
    DIV.footer LI {
	font-size:   0.9em;
	line-height:   1em;
	padding-right: 1em;
    }
    DIV.footer IMG.minilogo {
	width:  31px;
	height: 31px;
    }
}


/***********
 Odd bits
 ***********/

/* Used to ensure topmost block doesn't offset white content area */
.topmost {
    margin-top: 0 ! important;
}

.menufont {
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
}

.bodyfont {
    font-family: calluna, Constantia, Georgia, serif;
}

/* smaller text */
DIV.main P.small,
.small {
    font-size: 0.8em;
}

.textcolor {
    color: #000;
}
.textfaintcolor {
    color: #555;
}
.green { 
    color: #0c0;
}
.red { 
    color: #c00;
}

.right {
    text-align: right;
}

/* for direct formatting in header color */
.headercolor {
    color: #77cc59;
}

/* Used to make nested lists with no vertical spaces and no crunching rightside */
DIV.ulmarginless UL {
    margin-top:    0;
    margin-bottom: 0;
    margin-right:  0;
}

/* Suppress entirely when printing */
@media print {
    .noprint {
	display: none;
    }
}

/***********
 Specialty items
 ***********/

/*** Person page styling ***/
TABLE.people { 
    border-collapse: collapse;
}
TABLE.people TD {
    vertical-align: top;
    padding: 0;
    padding-top: 5px;
    line-height: 0; /* or else images get an added line-height space */
}
TABLE.people TD IMG { /* image total size is 104x104px (size+padding+border) */
    border: 1px solid #e1e1e1;
    padding: 1px;
    width:  100px;
    height: 100px;
    page-break-inside: avoid;
}
TABLE.people DIV.alltext {       /* enclose all text Ps in one collapsing box div */
    padding: 0;
    /* padding-bottom: 10px; */       /* NOTWORKING: space for 'more' fuzzbox at bottom */
    /* fix height for collapsing boxes */
    height: 102px;               /* full-height = 104px (like image-total), but looks better short */
    /* on mobiles, override collapsing, since hover/focus don't seem to work */
        overflow: hidden;
}
TABLE.people DIV.alltext:hover { /* open collapsed box on hover */
    height: auto;
}
TABLE.people DIV.alltext:focus { /* same for touch screen devices */
    height: auto;                /* (pity: doesn't seem to work)  */
}
@media print {                   /* open collapsed box on print */
    TABLE.people DIV.alltext {
	height: auto;
    }
}
TABLE.people TD P {
    padding-left:  5px;
    margin: 0 0 0 60px;
    text-indent: -30px;
    line-height: 1.1em;
    page-break-inside: avoid; /* when printing, keep people's parts together */
}
TABLE.people TD P.more {  /* NOTWORKING -- not being used */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
/*    margin: 0; */
/*    padding: 0; */
    margin-left: 30px;
    padding-bottom: 10px;        /* same as padding-bottom on 'alltext' */
  background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(     rgba(255,255,255,0), rgba(255,255,255,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(   rgba(255,255,255,0), rgba(255,255,255,1)); /*Fx 3.6-15*/
  background: linear-gradient(     to rgba(255,255,255,0), rgba(255,255,255,1)); /*Standard*/
}
TABLE.people TD P.delim {  /* used with colwidth=2 to break apart years, etc. */
    font-size: 1.5em;
    color:                #77cc59;
    border-top: solid 2px #77cc59;
    padding: 0;
    margin: 4ex 0 0 0;
    text-indent: 0;
    width: 100%;
}
TABLE.people TD P.name {
    margin-left: 30px;
    font-weight: bold;
    color: #77cc59;
}
TABLE.people TD P.education {
    font-size: 0.75em;
    font-style: italic;
    color: #77cc59;
}
TABLE.people TD P.major {
    font-size: 0.75em;
    font-style: italic;
    color: #77cc59;
}
TABLE.people TD P.office {
    font-size: 0.75em;
    /*                       
    color: #77cc59;
    */
}
TABLE.people TD P.dates {
    margin-left: 75px;  /* slight indent, 60px is std */
    font-size: 0.75em;
}
TABLE.people TD P.text {
    margin-left: 30px;
    text-indent: 0;
    font-size: 0.75em;
    color: #555;
}


/******* person stuff below here is obsolete *****/

DIV.main DIV.person {
    clear: right;             /* don't let people+pictures overlap with floated pics */
    page-break-inside: avoid; /* when printing, keep people's parts together */
}
DIV.person P.personname {  /* similar to a main H3 */
    font-family: ff-meta-web-pro-condensed, 'Arial Narrow', Tahoma, sans-serif;
    font-size:   1.5em;
    line-height: 1.1em;
    padding: 0;
    margin: 0;
    margin-bottom:     0; /* 0.6ex; */
    margin-top:      2ex; /* 4ex; */
    font-style:  normal;
    font-weight: normal;  /* if not 'normal' may need to load an additional face */
    color: #77cc59;
}
DIV.person P.persondates,
DIV.person P.persontitle,
DIV.person P.personeducation,
DIV.person P.personlocation,
DIV.person P.personemail,
DIV.person P.personphone,
DIV.person P.persontext {
    margin:       0;
    margin-right: 270px; /* like main P */
    margin-left:  2em;
}
@media print {
    DIV.person P.persondates,
    DIV.person P.persontitle,
    DIV.person P.personeducation,
    DIV.person P.personlocation,
    DIV.person P.personemail,
    DIV.person P.personphone,
    DIV.person P.persontext {
	margin-right: 4em;  /* as with main P */
    }
}
DIV.person IMG.personimage {  /* like main imgright */
    float: right;
    margin: 0 100px 1ex 1em;
}
@media print {
    DIV.person IMG.personimage {
	margin: 0 2em 1ex 1em;
	width: 128px;          /* half-size image for printing (std person is 256px wide) */
    }
}
DIV.person P.persontext {
    margin-top:    0.75ex;
}
DIV.person P.personeducation {
    font-style: italic;
}
/* special, written explicitly in textfile to get hanging indents */
DIV.person P.personhanging {
    margin-top:   0.75ex;
    margin-right:  270px; /* like main P */
    margin-bottom: 0;
    margin-left:   4em;
    text-indent: -2em;
}
@media print {
    DIV.person P.personhanging {
	margin-right: 4em;  /* as with main P */
    }
}
/****** end obsolete *********/