BODY { background-color:white; color:black; font-family:"Times New Roman"; text-align:justify }
BODY.HKEJ { background-image: url(../jpg/wall.jpg); text-align:left }

.tol, .wksupd2 { padding: 0 3px }
/* Upon modification of color(s) in the "tol", "e2", "e3", "e4" or "translat" class(es), */
/* the following files (in "html" folder):
   - const_legend_quer.html
   - other files listed by searching for the phrase "yellow block" (no quotes)
   would need to be changed as well.
*/
.tol { background-color:#FFFF99 }
.e2  { color:teal }
.e3  { color:navy }
.e4  { color:maroon }
.translat { color:blue }
.acronym  { color:#00B050; font-weight:bold }
.lcv { color:#FF8000; font-weight:bold }
/* Upon modification of color(s) in the wksupd-series class(es), */
/* some previous workshop files would need to be changed as well. */
.wksupd  { color:green; font-weight:bold }
.wksupd2 { background-color:#CCFF00 }

div.card, blockquote.rect { border: 2px solid; padding: 1em }
div.card { white-space:nowrap; width:40% }

img.ans { width:163px; height:34px }

body.hkej ul { list-style-image:url(../gif/grenbull4ul.gif); padding: 3px 5% 0 3% }
ol li, ul li, dl dt { padding-bottom: 1em }
body.hkej ul li { padding: 0 0 1em 1% }
ol.wide li { padding: 1.5em 0 }
ol ol li, ol.wide ol li, ol ul li, ul ol li, body.hkej ul ol li, ul ul li { padding: 1em 0 0 }
ol.noempline li, ul.noempline li, ol ol.inmost li { padding: 0 }

ul    { list-style-type:disc }
ul ul { list-style-type:circle }
ul.sq { list-style-type:square; list-style-image:none }
ol    { list-style-type:decimal; list-style-image:none }
ol.a  { list-style-type:lower-alpha }
ol.ua { list-style-type:upper-alpha }
ol.i  { list-style-type:lower-roman }
ol.ui { list-style-type:upper-roman }

p.about      { font: 83% Arial }
p.head, em   { font-weight:bold; text-decoration:underline }
.lcvhd       { color:#0066CC; font-weight:bold; font-family:Arial }
em           { font-style:normal }
.xbig        { font-size:150% }
.handwriting { font-family:"Bradley Hand ITC", cursive } /* ; font-size:105% */


A:link, A:visited, A:active { color:purple }
        A:visited, A:active { text-decoration:none }
A:link, A:hover, .u    { text-decoration:underline }
A.set1:link, A.set1:visited, A.set1:active { color:red }
A.set2:link, A.set2:visited, A.set2:active { color:blue }
A.set3:link, A.set3:visited, A.set3:active, A.set3a:link, A.set3a:visited, A.set3a:active { color:green }
A.set3a { font-family:Arial; font-weight:bold }
dl A:link, dl A:hover { text-decoration:none }
dl A:link             { font-weight:bold }
           dl A:hover { background-color:#CCFF00 }

table.body, table.navi { border-width:0; width:95% }
table.body th, table.body td { vertical-align:top; text-align:justify }
table.body th { padding: 0 0 1em }
table.body td { padding: 0 }
table.navi td { padding: 10px }
table.x2sp td { padding-bottom: 1em }
.narlfcol { width: 40px }
.medlfcol { width: 60px }
.widlfcol { width:110px }
.xwdlfcol { width:130px }
.narlfcol, .medlfcol, .widlfcol, .xwdlfcol { text-align:left }

div.tablerow, div.navi { border: none; margin: 0; padding: 0; clear:none; height: auto }

div.tablerow { width: 800px }
div.lfcolA, bodyA
{ float:left; clear:none; height:auto; margin: 0; padding: 0; border: none }
div.lfcolA
{ width: 40px; text-align: left }
div.bodyA
{ width: 756px; text-align: justify }

div.navi { width: 100% }
div.back, div.forw { width: 49%; clear:none; height:auto; margin: 0; padding: 0; border: none }
div.back { float: left; text-align: left; padding-bottom: 1em }
div.forw { float:right; text-align:right; padding-bottom: 1em }