body         { font-family: Verdana; background: #e0e0e0; text-align: center; margin: 0px; padding: 0px; vertical-align: middle }
table.outer  { width: 790px; border: 1px solid black }
table.navig8 { width: 790px; border: none }
table.inline { border: 1px dotted #047eb2 }
td           { font-size: 12px; padding: 0px; margin: 0px }
td.textcol   { font-size: 18px; line-height: 25px; vertical-align: top; border: 1px dotted #047eb2; padding-left: 6px; padding-right: 6px }
td.imgcol    { width: 40px; vertical-align: middle; border: 1px dotted #047eb2; text-align: center }
td.head      { vertical-align: middle; font: bold 20px/20px "Comic Sans MS"; background: black url(img/crux_bg.png); color: black; text-align: center; padding: 6px 6px 6px 6px; border-bottom: 1px solid black }
td.content   { vertical-align: top;    height: 450px; font: normal 26px/26px; text-alignment: left; background: white; padding: 20px 30px 0px 30px }
td.contentm  { vertical-align: middle; height: 450px; font: normal 22px/20px; text-alignment: left; background: white; padding: 30px 30px 10px 30px }
td.contentmb { vertical-align: middle; height: 450px; font: normal 22px/20px; text-alignment: left; background: white; padding: 20px 30px 0px 30px }
td.navig8l   { font-size: 10px; text-align: left;   width: 45% }
td.navig8r   { font-size: 10px; text-align: right;  width: 45% }
td.navig8    { background: white  url(img/crux_bg.png) }
td.footleft  { background: #f3e2b1 url(img/crux_bg.png); color: brown; width: 50%; text-align: left;  padding: 3px 3px 3px 5px; border-right: 2px solid silver }
td.footright { background: #f3e2b1 url(img/crux_bg.png); color: brown; width: 50%; text-align: right; padding: 3px 3px 3px 3px }
td.sep       { height: 2px; background: silver }
div          { font-size: 22px; line-height: 28px; }
div.code     { font-family: Fixed, Fixedsys; background: #f4dad2; line-height: 18px; padding: 3px 3px 3px 3px }
div.head     { font-size: 36px; line-height: 44px; font-weight: bold }
div.headnb   { font-size: 36px; line-height: 44px }
div.para     { font-size: 22px; line-height: 30px; text-align: left }
div.figtext  { font-size: 22px; line-height: 30px; text-align: center }
div.red      { font-size: 24px; color: red }
b.cres       { font-weight: bold;   color: black }
b.cstr       { font-weight: normal; color: #000099 }
b.csym       { font-weight: normal; color: #006432 }
b.ccom       { font-weight: normal; color: #909090 }
b.sel        { font-weight: normal; background: black; color: white }
b.blink      { font-weight: normal; text-decoration: blink }
p            { font-size: 26px; line-height: 28px }
p.para       { font-size: 22px; line-height: 30px; text-align: left }
p.foot       { font-size: 12px; line-height: 14px }
p.quot       { font: bold 14px/14px "fixed-misc", "Lucida Console", Fixedsys }
pre          { font: 18px/24px Fixed, Lucida Console, Fixedsys; background: #f4dad2; padding: 3px 8px 3px 8px; margin-top: 8px; margin-bottom: 8px }
pre.small    { font: 14px/14px Fixed, Lucida Console, Fixedsys; background: #f4dad2; padding: 3px 8px 3px 8px }
tt           { font: 18px/22px Fixed, Lucida Console, Fixedsys; background: #cccccc; padding: 3px 8px 3px 8px; color: black; vertical-align: 20% }
li           { list-style: square middle url(img/li.png); font-size: 18px; line-height: 24px; margin-top: 5px }
img          { border: 0px }
a:link       { color: #0000a0; text-decoration: underline }
a:visited    { color: teal; text-decoration: none }
a:hover      { color: #007fff; text-decoration: none }
a:active     { color: red; text-decoration: underline }
#lkdlogo     { margin-right: 20px }
#matdijital  { margin-top: 25px }