@import url(../fonts/Roboto/Roboto.css);

@import url(../fonts/RobotoMono/RobotoMono.css);

@import url(../fonts/Inter/Inter.css);

@import url(../fonts/SourceSerif4/SourceSerif4.css);

@import url(../fonts/CourierPrime/CourierPrime.css);

@import url(../fonts/BubblegumSans/BubblegumSans.css);

/* ------------------------------------------------------- TAG STYLES --------------------------------- */

*  {margin: 0; padding: 0; border: 0; border-spacing: 0;}       /* --- TURN OFF BROWSER DEFAULTS  --- */

hr {
   height: 0;
   border-top: 2px solid blue;
   margin-top: 12px;
   margin-bottom: 12px;
}

p {margin-top: 1em;}

/* --- pre HAS NO DEFAULT MARGIN --- */

h1, h2, h3, h4, h5, h6,
blockquote, form, label,
ul, ol, dl,
fieldset, address {
   margin: 20px 0;
}
li, dd, blockquote {margin-left: 40px;}

/* ------------------------------------------------------- VARIABLES ---------------------------------- */
html {
   --body-font: Roboto;
   --body-font-size: 17px;
   --body-bgcolor: #e0e6ee;
   --nav-font: Inter;
   --title-font: Inter;
   --topic-color: #640000;
   --code-font: 'Roboto Mono';
   --code-color: #640000;
   --math-font: 'Source Serif 4';
   --news-font: 'Source Serif 4';
   --kbd-font: 'Courier Prime';
   --fun-font: 'Bubblegum Sans';
   --fun-bgcolor:  #d9e3c6;
   --prog-bgcolor: #d9e3c6;
   --hilite-bgcolor: #dcd0ed;
}

/* ------------------------------------------------------- TAGS --------------------------------------- */
body {
   font-family: var(--body-font), arial, helvetica, sans-serif;
   font-size: var(--body-font-size);
   line-height: 1.5;
   background-color: var(--body-bgcolor);
   margin: 0;
   -webkit-text-stroke-width: 0.18px;     /* Increase text stroke width to resemble Firefox */
}

@-moz-document url-prefix() {             /* For Firefox, undo text stroke width increase */
   body {-webkit-text-stroke-width: 0;}
}

pre {font-family: inherit;}

a         {text-decoration: none; color: #0000ff}
a:hover   {text-decoration: underline}
a.anchor  {text-decoration: none; color: inherit}

/* ------------------------------------------------------- STYLE CLASSES ------------------------------ */
.home hr {border-top: 3px solid maroon;}

.topic {
   font-weight: bold;
   font-size: 18px;
   color: var(--topic-color);
   margin-top: 0;
   margin-bottom: 16px;
}
.copyr {
   font-size: 12px;
   font-family: var(--title-font), verdana, arial, helvetica, sans-serif;
   margin-top: -12px;
   margin-bottom: .8em;
}
.doc .copyr {
   font-size: 10px;
   line-height: 12px;
   margin-top: -10px;
}
.program .copyr {
   margin-top: -28px;
}
.content .indent {
   margin-left: 2em;
   margin-top: 0;
   width: 600px;
}

.px1  {font-size: 1px;  line-height: 1px;}
.px2  {font-size: 2px;  line-height: 2px;}
.px5  {font-size: 5px;  line-height: 5px;}
.px7  {font-size: 7px;  line-height: 7px;}
.px9  {font-size: 9px;  line-height: 9px;}
.px14 {font-size: 14px; line-height: 14px;}
.px25 {font-size: 25px; line-height: 25px;}
.px30 {font-size: 30px; line-height: 30px;}
.px40 {font-size: 40px; line-height: 40px;}

.blue      {color: blue;}
.purple    {color: purple;}
.maroon    {color: maroon;}
.gray      {color: gray;}

.hide      {opacity: 0.0;}

.nomargt {margin-top: 0;}

.nobr, .nobr td   {white-space: nowrap;}

.ib {display: inline-block;}

.spacecol  {width: 50px;}
.w1        {width: 1px;}
.w15       {width: 15px;}
.w20       {width: 20px;}
.w25       {width: 25px;}
.w26       {width: 26px;}
.w30       {width: 30px;}
.w40       {width: 40px;}
.w50       {width: 50px;}
.w60       {width: 60px;}
.w75       {width: 75px;}
.w90       {width: 90px;}
.w100      {width: 100px;}
.w150      {width: 150px;}
.w225      {width: 225px;}
.w230      {width: 230px;}
.w250      {width: 250px;}
.w275      {width: 275px;}
.w305      {width: 305px;}
.w330      {width: 330px;}
.w350      {width: 350px;}
.w720      {width: 720px;}
.w95pc     {width: 95%;}
.w100pc    {width: 100%;}

.u {text-decoration: underline;}
.i {font-style: italic;}

.bu {font-weight: bold; text-decoration: underline;}

.h-centered {
   margin-left:  auto;
   margin-right: auto;
}

.vtop,
.vtop td {
   vertical-align: top;
}
.vbottom,
.vbottom td {
   vertical-align: bottom;
}
.vmiddle,
.vmiddle td {
   vertical-align: middle;
}
.hleft,
.hleft td {
   text-align: left;
}
.hright,
.hright td {
   text-align: right;
}
.hcenter,
.hcenter td {
   text-align: center;
}
.hcenter .hleft,
.hcenter .hleft td {
   text-align: left;
}
tr.shortrow {
   line-height: 12px;
}

.mt0    {margin-top: 0;}
.mt5    {margin-top: 5px;}
.mt10   {margin-top: 10px;}
.mt15   {margin-top: 15px;}
.mt30   {margin-top: 30px;}

bordspc1 {border-spacing: 1px;}

.button1,
.button2 {
   font-family: inherit;
   font-size: inherit;
   padding: 5px 10px;
   border-radius: 10px;
   cursor: pointer;
}
.button1 {
   background-color: wheat;
   border: 2px solid firebrick;
}
.button1:hover {
   background-color: bisque;
}
.button2 {
   background-color: lightblue;
   border: 2px solid black;
}
.button2:hover {
   background-color: powderblue;
}

/* ------------------------------------------------------- CONTAINER ---------------------------------- */
#container {
   width: 905px;
   overflow: auto;
}

/* ------------------------------------------------------- LEFT COLUMN -------------------------------- */
div.leftcol {
   float:left;
   width: 175px;
   padding-top:   85px;
   padding-left:   5px;
   padding-right: 10px;
}
div.leftcol p {
   max-width: 185px;
}
.adalign {
   padding-top: 85px;
}
.adcaption {
   width: 175px;
   font-size: 11px;
   line-height: 14px;
   text-align: center;
   padding-top: 5px;
   margin-top: 20px;
}
.advert {
   width: 150px;
   padding: 10.5px;
   border: 2px solid black;
   background-color: white;
   margin: 0;
}
.HFBA {
   width: 150px;
   height: 79.5px;
}
.AFMDA {
   width: 150px;
   height: 69.65px;
}

/* ------------------------------------------------------- CONTENT ------------------------------------ */
div.content {
   float:left;
   width: 720px;
   overflow: hidden;
}
div.content p, ul, ol {
   width: 675px;
   text-align: justify;
}
div.content p.hilite {
   width: 635px;
   padding: 10px 20px 10px 20px;
   background-color: var(--hilite-bgcolor);
}

/* ------------------------------------------------------- DOC AND SOURCE CONTAINER-------------------- */
#docsource {
    position: absolute;
    top: 75px;
    bottom: 0;               /* Extend height to remaining total */
    width: 100%; 
}

/* ------------------------------------------------------- DOC PANE ----------------------------------- */
#docpane {
   float: left;
   border-right: 2px solid black;
   height: 100%;
   width: 385px;
}

#docpane iframe {
   height: 100%;
   width:  100%;
}

/* ------------------------------------------------------- SOURCE PANE -------------------------------- */
#sourcepane {
   float: none;              /* Extend width to */
   overflow: hidden;         /* remaining total */
   height: 100%;
}

#sourcepane iframe {
   height: 100%;
   width:  100%;
}

/* ------------------------------------------------------- PAGE BANNER -------------------------------- */
#banner {
   height: 74px;
   background: #edecd8;
   border-bottom: 1px solid black;
}

#bannertab {table-layout: fixed;}

.bname {
   color: #505050;
   font-family: var(--body-font), arial;
}

.logo img {width: 31px; height: 31px; text-align: left; vertical-align: middle;}

.header {
   width: 687px;
   height: 48px;
   color: black;
   text-align: left;
   vertical-align: middle;
   font-weight: bold;
   font-family: var(--title-font), verdana, arial, helvetica, sans-serif;
   font-size: 18px;
   line-height: 20px;
}

.navbar td {
   height: 25px;
   text-align: left;
   vertical-align: middle;
   font: bold 15px/20px var(--nav-font), arial, helvetica, sans-serif;
   padding-left: 105px;
}
.navbar td#nav1 {               /* OVERRIDE LEFT PADDING OF FIRST NAV ITEM */
   padding-left: 0;
}
.navbar a {
   text-decoration: none;
   color: black;
}
.navbar a:hover {
   text-decoration: none;
   color: #0000ff;
}
.nolink {
   color: #7f7f7f;
}

.title, div.content p.title {
   color: black;
   text-align: center;
   vertical-align: middle;
   font-weight: bold;
   font-family: var(--title-font), verdana, arial, helvetica, sans-serif;
   font-size: 26px;
   line-height: 26px;
   letter-spacing: .5px;
   margin-top:    30px;
   margin-bottom: 30px;
}

/* ------------------------------------------------------- TABLES OF CONTENTS ------------------------- */
.toclist, p.toclist {
   line-height: 34px;
   margin-top:  20px;
}
#column1 {float:left; width: 203px; clear:both;}
#column2 {float:left; width: 203px;}

/* ------------------------------------------------------- FUN ---------------------------------------- */
.fun {background: var(--fun-bgcolor);}

.content .funtitle {
   font-family: var(--fun-font), 'comic sans ms', verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   text-align: center;
   margin-top: 3px;
   margin-bottom: -28px;
   vertical-align: middle;
   letter-spacing: 3px;
}
.stars    {font-size: 35px; color: white; vertical-align: 10px; letter-spacing: 4px; -webkit-text-stroke: blue 1px;}
.funw     {font-size: 70px; color: red;}
.sectionw {font-size: 70px; color: blue;}

/* ------------------------------------------------------- HUMOR -------------------------------------- */
.humor       {background: var(--fun-bgcolor);}
.humor hr    {border-top: 2px solid maroon;}

.itemlist td {
   vertical-align: top;
   padding-bottom: 7px;
}
.itemlist .nopadbottom td {
   padding-bottom: 0;
}
.itemnum {
  text-align: right;
}

/* ------------------------------------------------------- NEWS --------------------------------------- */
div.newscol {
   width: 590px;
   background-color: white;
   padding: 15px;
   border: 3px solid black;
   margin: auto;
   margin-top: 40px;
   margin-bottom: 30px;
}
div.newscol .headline {
   font-weight: 500;
   font-size: 48px;
   line-height: 55px;
   text-align: center;
   margin-bottom: 23px;
}
div.newscol .byline {
   font-weight: 500;
   font-size: 18px;
   line-height: 21px;
   text-align: center;
   margin-bottom: 17px;
}
div.newscol p {
   max-width: 590px;
   font-weight: 500;
   font-size: 16px;
   font-family: var(--news-font), arial, helvetica, sans-serif;
   line-height: 17.7px;
   margin: 0;

}
div.newscol p.ind {
   text-indent: 22px;
}

/* ------------------------------------------------------- NOTES -------------------------------------- */
.notes {background-color: var(--body-bgcolor);}

.notes hr {border-top: 2px solid blue;}

.notes hr.subsec {border-top: 2px solid green;}

.notes .fp {margin-top: 0;}

.comm, pre .comm, p .comm,
.commtitle {
   font-weight: normal;
   font-size: var(--body-font-size);
   font-family: var(--body-font), Arial, Helvetica, sans-serif;
}
.math .comm {letter-spacing: normal;}

.prog .comm {
   color: #500000;
   line-height: 15px;
}

.commtitle {text-decoration: underline;}

.posrel1 {position: relative; left: -340px;}
.posrel2 {position: relative; left: -352.5px;}

.rn {font-family: var(--math-font), verdana, sans-serif;
   font-size: 19px;
}

.chart {
   border: 2px solid black;
   border-right:  0;
   border-bottom: 0;
   margin-top: 10px;
}
.chart td {
   border: 2px solid black;
   border-left: 0;
   border-top:  0;
}
.charthdr  {background: #70cf70;}
.chartdtl  {background: #dbeabf;}

.chart .nochart,
.chart .nochart td {
   border: 0;
}

.tabledefault {
   border-collapse: collapse;
   text-align: center;
   vertical-align: middle;
}
.bordleft td, td.bordleft {
   border-left: 2px solid;
   padding-left: 8px;
}
.bordbottom td, td.bordbottom {
   border-bottom: 2px solid;
}
td.effect {
   text-align: left;
   padding-left: 20px;
}

.cpad4 td {padding: 4px;}

.cpad5 td {
   padding-left:  5px;
   padding-right: 5px;
}

.subi td {
   height: 27px;
   background-color: #e69bdb;
}
.subj td {
   height: 20px;
   background-color: #a0dce9;
}
.subk td {
   height: 28px;
   width:  28px;
   background-color: #edca89;
}

/* ------------------------------------------------------- MATH --------------------------------------- */
sup {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub {
   vertical-align: baseline;
   position: relative;
   top: 0.4em;
}
.math sup {
   vertical-align: baseline;
   position: relative;
   top: -0.5em;
}
sub.sumsub1 {
   vertical-align: baseline;
   position: relative;
   top: 20px;
   left: -20px;
}
sub.sumsub2 {
   vertical-align: baseline;
   position: relative;
   top: 20px;
   left: -20px;
}
sup.sumsup1 {
   vertical-align: baseline;
   position: relative;
   top: -20.5px;
   left: -35px;
}
sup.sumsup2 {
   vertical-align: baseline;
   position: relative;
   top: -20px;
   left: -45px;
}
sup.lowsup {
   vertical-align: baseline;
   position: relative;
   top: -0.2em;
}
.sumshft1 {                                        /* ---- SHIFT TEXT FOLLOWING SUMMATION ---- */
   display: inline-block;
   margin-left: -28px; 
}
.sumshft2 {
   display: inline-block;
   margin-left: -47px; 
}

.shift22 {display: inline-block; margin-left: -25px;}

.numline {
   vertical-align: baseline;
   position: relative;
   top: -10px;
}
.numline .nlend {
   vertical-align: baseline;
   position: relative;
   top: 9px;
}
.eq {
   margin-top: 6px;
   margin-left: 40px;
}
kbd {                                              /* ---- KBD FORMAT ---- */
   font-size: 17px;
   font-family: var(--kbd-font), 'courier new', monospace;
   white-space: pre;
}
kbd.nb,                         /*  Not bold  */
kbd .nb {font-weight: normal;}

.eqnp {
   line-height: 1.8;
}
.eqpad {
   padding-left: 40px;
}

.lh28 {line-height: 28px;}
.lh32 {line-height: 32px;}

.lh50,
.lh50 td {
   line-height: 50px;
}

.math {                                            /* ---- MATH FONT ---- */
   font-weight: 500;
   font-size: 17.5px;
   font-family: var(--math-font), 'times new roman', serif;
   letter-spacing: .35px;
   white-space: pre;
}
p.math,                                            /* ---- MATH PARAGRAPH ---- */
table.math {
   line-height: 32px;
   margin-top: 6px;
   margin-left: 40px;
}
table.math td {
   vertical-align: baseline;
}
p.math {
   margin-top:-30px;
}
span.math {
   display: inline-block;
}
.math kbd {
   font-family: var(--kbd-font), 'courier new', monospace;
   font-size: 17.5px;
}

.bw138 {width: 138px; display: inline-block;}      /* ---- BLOCK WIDTHS ---- */

.sum,
.bigp {
   font-size: 36px;
   font-weight: 400;
   vertical-align: baseline;
   position: relative;
   top: 6px;
}

.eqh {line-height: 15px;}                          /* ---- EQUAL LINE HEIGHT ---- */

.eq1 {line-height: 20px;}                          /* ---- EQUATION 1 ---- */

.eq3 {line-height: 25px;}                          /* ---- EQUATION 3 ---- */

.nd {line-height: 25px}                            /* ---- NUMERATOR/DENOMINATOR ---- */

.numer {
   text-align: center;
   vertical-align: bottom;
   padding-left:  3px;
   padding-right: 2px;
}
.denom {
   text-align: center;
   vertical-align: top;
   padding-left:  3px;
   padding-right: 2px;
}
.fractbar {                                        /* ---- FRACTION BAR ---- */
   height: 0;
   font-size: 0;
   border-top: black 2px solid;
}

.shift1,                                           /* ---- ALIGNED COMMENTS ---- */
.shift2 {
   line-height:  30px;
   margin-top:  -30px;
   margin-left: 200px;
}
.shift2 {
   margin-left: 170px;
}
.math.break {
   margin-top: -15px;
}

/* ------------------------------------------------------- OPINION ------------------------------------ */
.otitle {
   font-weight: bold;
   font-size: 26px;
   font-family: var(--title-font), verdana, arial, helvetica, sans-serif;
   line-height: 26px;
   letter-spacing: .5px;
   text-align: center;
   margin-top: 30px;
}
.author {
   font-weight: bold;
   font-family: var(--body-font), arial, helvetica, sans-serif;
   text-align: center;
   margin-top: 10px;
}
.pub {
   font-family: var(--body-font), arial, helvetica, sans-serif;
   text-align: center;
   margin-top: 10px;
}
.cite {
   font-weight: bold;
   font-style: italic;
}
.article {
   width: 615px;
   margin-left:  auto;
   margin-right: auto;
}
.teaser {
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 0px;
   border: 2px solid gray;
   border-right: 0;
   border-left:  0;
   padding-top: 3px;
   padding-bottom: 3px;
}

/* ------------------------------------------------------- PHOTO ALBUM -------------------------------- */
.album {background: var(--fun-bgcolor);}

.phototitle,
.photodate {
   text-align: center;
   vertical-align: middle;
   font-weight: bold;
   font-family: var(--title-font), verdana, arial, helvetica, sans-serif;
   line-height: 30px;
   letter-spacing: .5px;
}
.phototitle {
   margin-top: 30px;
   margin-bottom: 0;
   font-size: 26px;
   color: purple;
}
.photodate {
   margin-top: 0;
   margin-bottom: 30px;
   font-size: 21px;
   color: blue;
}
.box {
   border: 1px solid #aaa;
}

/* ------------------------------------------------------- TOOLTIPS    -------------------------------- */
.tooltip {
   position: relative;
}
.tooltip .tiptext,
.tiparea .areatext,
.tiparea .speechballoon {
   display: none;
}
.tooltip:hover .tiptext,
.tiparea:hover .speechballoon {
   display: block;
   z-index: 1;
   border: black 2px solid;
   border-radius: 10px;
   padding: 2px 5px;
   line-height: 1.25em;
   text-align: left;
   color: black;
   background-color: white;
}

.tiparea:hover .areatext {
   display: block;
   z-index: 1;
   line-height: 1.25em;
   text-align: left;
   font-weight: bold;
   color: white;
}

/* ------------------------------------------------------- PROFILES ----------------------------------- */
.profiles  {background: #bfbfbf;}

.manila    {background: #ffce90;}
.manila td {vertical-align: top;}
.tape      {background: #f1c08e; padding: 5px;}
.paper     {background: #f0f0f0;}
.nametab   {width: 300px; height: 35px; vertical-align: bottom;}

.lprofcol     {width: 225px; padding-top: 36px;}
.rprofcol     {padding-top: 36px;}
.rprofcol p   {width: 720px;}

.profilepic {margin-left: 25px; margin-bottom: 10px; float: left;}

.typew,
.typew td,
.typew p {
   font-size: 17px;
   font-family: var(--kbd-font), 'courier new', 'times new roman', serif;
   line-height: 18px;
}
.typew .lh0 {
   line-height: 0;
}

.email   {font-size: 13px; font-family: var(--body-font), arial, helvetica, sans-serif;}
.resume  {font-size: 16px; font-family: var(--body-font), arial, helvetica, sans-serif;}

/* ------------------------------------------------------- PROGRAMS ----------------------------------- */
.program,
.prog    {background: var(--prog-bgcolor);}

code,        .title code,
.program,    pre.program,
.prog,       pre.prog,
.progtext,   pre.progtext {
   font-family: var(--code-font), Consolas, monospace;
   white-space: pre;
}
code, .title code {
   color: var(--code-color);
}

.nc code,
code.nc,                       /*  No color  */
code .nc {color: black;}

/*        white-space: pre;      As style parameters of code:                    */
/*        display: inline;       They cause problems for IE text-align: justify  */

code {font-size: 15px; display: inline-block;}
code.dump {font-size: 14px;}
code.small {font-size: 13.5px;}
.progtext code,
.title code {font-size: inherit;}

.program {
   margin-top:   -15px;
   padding-left:   5px;
   padding-bottom: 80%;
}
.program,    pre.program,
.prog,       pre.prog,
.progtext,   pre.progtext {
   font-size: 14px;
   line-height: 19px;
}
.prog {
   border: 1px solid #b9cb96;
   padding-left:    5px;
   padding-right:    0;
   padding-top:    10px;
   padding-bottom: 10px;
}

pre.prog {margin-top: 12px;}

.progtext {
   padding: 8px;
   padding-left: 6px;
   padding-right: 0;
}
.doc {background: #ddeefe;}

.doc,
.doc td,
.doc p         {font-size: 15px; line-height: 1.5;}

.doc code,
.doc td code,
.doc p code    {font-size: 13px; line-height: 15px;}

.doc pre       {font-size: 13px; line-height: 14px; margin-top: 1em;}
.doc .head     {font-weight: bold; color: purple; text-align: center; margin-top: 12px}
.doc .short    {font-size: 14px; line-height: 12px}
.doc hr        {border-top: 2px solid blue;}

.dmargin       {margin-left: 3px; margin-right: 3px;}

.ex            {margin-left: 30px;}

.ex td {
   width: 65px;
   text-align: left;
   vertical-align: middle;
   font-family: var(--kbd-font), 'courier new', monospace;
   font-weight: bold;
   padding-top: 3px;
}

.progname {
   color: #fbeea4;
   font-weight: bold;
   font-size: 17px;
   font-family: var(--body-font), arial, helvetica, sans-serif;
   line-height: 21px;
}
.headfoot {
   color: red;
}
.program hr {
   border-top: 2px solid blue;
   width: 600px;
}

/* ------------------------------------------------------- PROGRAM PAGE ------------------------------- */
.pagew {width: 1060px;}

.printer       {background: #bfbfbf;}
.printer,
.printer td    {font-weight: 500;
                font-size: 14px; font-family: var(--code-font), 'courier new', monospace;}
.printerc      {background: #bfbfbf;}
.listing       {background: white; width: 100%;}
.lgreenbar     {background: #d5ecc8;}
.listghdr1     {width: 176px;}
.listghdr2     {width: 419px;}
.listgtopleft  {border: 1px solid #65b54a; border-right: 0;}
.listgtopmid   {border: 1px solid #65b54a; border-left: 0; border-right: 0;}
.listgtopright {border: 1px solid #65b54a; border-left: 0;}
.listgleft     {border: 1px solid #65b54a; border-right: 0; border-top: 0;}
.listgmid      {border: 1px solid #65b54a; border-left: 0; border-right: 0; border-top: 0; width: 660px;}
.listgmid1     {border: 1px solid #65b54a; border-left: 0; border-right: 0; border-top: 0; width: 200px;}
.listgmid2     {border: 1px solid #65b54a; border-left: 0; border-right: 0; border-top: 0; width: 460px;}
.listgright    {border: 1px solid #65b54a; border-left: 0; border-top: 0;}
.hole          {width: 44px; height: 19px; background: white;}
.hole img      {width: 44px; height: 19px;}

/* ------------------------------------------------------- RESUMES ------------------------------------ */
.resumes .res-banner {
   width: 100%;
   position: fixed; top: 0px; left: 0px;       /* --- IE6 DOES NOT RECOGNIZE fixed --- */
   z-index: 999;
   padding-bottom: 3px;
}
.resumes .res-text {
   z-index: 1;
   padding-top: 70px;
}
.res-text,
.res-text pre {
   font: 16px/20px var(--math-font), 'times new roman', serif;
}
.res-text pre {
   margin-top: 20px;
   margin-bottom: 0;
}
.res-text hr {
   border-top: 2px solid blue;
   margin-top: 20px;
   margin-bottom: 20px;
}
.res-text  {background-color: #e6e6e6;}
.restitle  {width: 250px;}
.resname   {font-weight: bold; font-size: 18px;}
.resdates  {width: 180px;}

td.restopic {
   font-weight: bold;
   text-decoration: underline;
   width: 125px;
}
.ressectname {
   color: black;
   text-align: left;
   vertical-align: middle;
   font-weight: bold;
   font-size: 16px; font-family: var(--body-font), arial, helvetica, sans-serif;
   line-height: 18px;
   width: 220px;
}