H1:before {
    content: counter(chapter) ". ";
    counter-increment: chapter;  /* Add 1 to chapter */
}
H1.nocount:before {
    content: none;
    counter-increment: none;
}
H1 {
   font: 1.25em Times, serif; 
   counter-reset: section;   
#   border-top: solid #e75e50;
}

H2:before {
    content: counter(chapter) "." counter(section) " ";
    counter-increment: section;
}
H2.nocount:before {
    content: none;
    counter-increment: none;
}

H2 {color: black; font: 1.2em Times, serif;
   counter-reset: subsection;
}
H3:before {
    content: counter(chapter) "." counter(section) "." counter(subsection) " ";
    counter-increment: subsection;
}
H3 {color: black; font: 1.1em Times, serif;
   counter-reset: subsubsection;
}

H4:before {
    content: counter(chapter) "." counter(section) "." counter(subsection) "." counter(subsubsection) " ";
    counter-increment: subsubsection;
}
H4 {color: black; font: 1.0em Times, serif;
}

body {
     background-color:#ffffff;
     counter-reset: chapter;      /* Create a chapter counter scope */
}
a:link {color:#0000ff; text-decoration:none;}
a:visited {color:#0000ff;}
a:hover {color:red}
a:active {color:yellow;}
a.heading {color:black;}
a.footer {color:black}
p { margin-top: 1em; margin-bottom: 0.1em; } 
p.ti { margin-top: 0.1em; margin-bottom: 0.1em;font-size:1.2em;}
p.exs {margin-left:20px}
br {
   display: block;
   margin: 10px 0;
}
br {margin-bottom:0em;}
h2 {margin-bottom: 0.2em; }n
td.ap {padding-bottom:0.85em;}
td {padding-bottom:0.0em;}
tr.spa {background-color:#EEEEFF;height:0.8em;}
#table {background-color:#D0FFD0;}
table.grchart {border:solid black 1px;margin-left:40px;background-color:#FFBBBB;}
table.grchart td {border:solid black 1px;padding: 2px 8px;}
td.hd {font-variant:small-caps;font-weight:bold;background-color:#BBBBFF}
audio {background-color:#7777FF}
li.hw {margin-bottom:0.5em;}
br.hw {margin-top:0.15em;margin-bottom:0em;}
input {background-color:#FF8822;}
input.parind {margin-left:60%;}
table.speech {margin-left:40px;}
table.speech td {padding-bottom:0.1em;}
#table.voc {background-color:#ccddff;border:0px solid black;margin-left:35px;}
table.voc {background-color:#eeeeff;border:1px solid black;margin-left:35px;width:80%;}
table.voc td {padding-right:0.5em;border:1px solid black;}

table.exs {background-color:#eeeeff;margin-left:35px;border:1px solid black;border-collapse:collapse;}
table.exs td {border:0px solid black;padding-right:0.5em;}
table.exs td.ed {padding-bottom:14px;}
table.exs tr.hq td {padding-top:0.2em;padding-left:0.8em;}
table.exs tr.et td {padding-bottom:0.5em;padding-left:0.8em;}

table.stpar {background-color:#eeeeff;margin-left:15px;border:0px solid black;border-collapse:collapse;}
table.stpar td {border:0px solid black;padding-right:0.5em;}
table.stpar td.trx {padding-bottom:9px;}
table.stpar td.trp {padding-bottom:15px;}
span.pl {background-color:#FF8822;}
img.cred {margin-left:30px;}