body { background: #FFFFCC;color: #003333}
h1 {color:#FF0000;background:transparent;font-weight:bold;text-align:center; font-family: "Comic Sans MS"}
h2 {color: #00008B; background: transparent;font-weight: normal ;text-align:left;font-family:"Comic Sans MS"} 
h3 {color: darkviolet;background: transparent;margin-left: 0;margin-right: 0;font-weight: bold;text-align:left;font-family: "Comic Sans MS"}
h4 {color: orangered;margin-left: 0; margin-right: 0; font-weight: normal;text-align:left;font-family: "Comic Sans MS" }
h5 {color: green;font-size: 20%; margin-left: 0; margin-right: 0; font-weight: bold ;text-align:left;font-family: "Comic Sans MS" }
h6 {color: darkblue; margin-left: 0; margin-right: 0; font-weight: bold ;text-align:left;font-family: "Comic Sans MS" }
p {color:#c33000;font-size: larger}
dt {color: darkviolet; background: transparent; margin-left: 0.2cm;margin-right: 0.2cm;font-weight: normal;font-family: "Comic Sans MS"}
dd {color: green;background: transparent; margin-left: 0.2cm; margin-right: 0.2cm; font-weight: bold;font-family: "Comic Sans MS"}
ul, ol, dl, p { margin-left:  0;text-align:left; margin-right: 0 }
ul ul, table ol, table ul, dl ol, dl ul {  margin-left: 0;  margin-right: 0;  padding-left: 0 }
pre {background: #FFFF50;   margin-left: 0;   white-space: pre ;color: darkblue}
table caption {  font-size: larger;   font-weight: bolder }
table p, table dl, ol p, ul p, dl p, blockquote p, .note p, .note ul, .note ol, .note dl, li pre, dd pre {  margin-left: 0;  margin-right: 0}
p.top {  margin-left: 0;  margin-right: 0}
blockquote {      border: thin ridge #dc143c}
blockquote pre {  margin-left: 0;  margin-right: 0}
dt a {  font-weight: bold;  margin-top: .8em}
a:link {  color: #00f;  background: transparent;}
a:visited {  color: darkblue;  background: transparent;}
a:active {  color: green;  background: #FFD700}
.html {  color: #000080;  background: transparent}
.css {   color: #800000;   background: transparent }
.javascript {   color: #008000;   background: transparent }
.example { margin-left: 10% }
dfn {   font-style: normal;   font-weight: bolder }
var sub { font-style: normal }
.note {  font-size: 85%;  margin-left: 10%}
.SMA {   color: fuchsia;   background: transparent;
           font-family: Kids, "Comic Sans MS", Jester
        }
.oops {   font-family: Jester, "Comic Sans MS" }
.author {   font-style: italic }
.copyright {   font-size: smaller;   text-align: right;   clear: right }
.toolbar {   text-align: center }
.toolbar IMG {   float: right }
.error {color: #DC143C;background: transparent;text-decoration: none}

.warning {  color: #FF4500;  background: transparent;  text-decoration: none}
.error strong {color:#DC143C;background:#FFD700;text-decoration: none}
.warning strong {color: #FF4500;background: #FFD700;text-decoration: none}
.warning a:link, .warning a:visited, .warning a:active 
{  color: #FF4500;  background: transparent;  text-decoration: underline}
.error a:link, .error a:visited, .error a:active 
{  color: #DC143C;  background: transparent;  text-decoration: underline}
.error strong a:link, .error strong a:visited, .error strong a:active 
{  color: #DC143C;  background: #FFD700}
.warning strong a:link, .warning strong a:visited, .warning strong a:active 
{  color: #FF4500;  background: #FFD700}
colgroup.entity { text-align: center }
.default { text-decoration: underline; font-style: normal }
.required { font-weight: bold }
td li.transitional, .elements li.transitional 
{  font-weight: lighter;  color: #FFFF50;  background: transparent}
td li.frameset, .elements li.frameset 
{  font-weight: lighter;  color: #FFFF50;  background: transparent}
.footer, .checkedDocument 
{  margin-top: 2em;  padding-top: 1em;  border-top: solid thin black}
strong.legal {  font-weight: normal;  text-transform: uppercase}
@media print {  input#toggler, .toolbar { display: none } }