body { 
  margin: 3em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  background: white;
  color: #333333; 
}

/* bg adds: */
.trit {text-align: right;}
.tctr {text-align: center;}
.nwrp {white-space: nowrap;}
.ind {text-indent: 4em;}

.tsml {font-size: .8em;}
.tlrg {font-size: 1.2em;}

.flft {float: left;}
.frit {float: right;}
.fclr {clear: both;}
.fctr {margin-left: auto; margin-right: auto;}

/* style template from w3: */
a:link {color: #0033cc}
a:visited {color: #9966cc}
a:active {color: #ffff99}
a:hover {background-color: #212121; color: #ffcc00; text-decoration: none;}

h1, h2, h3, h4, h5, h6, p, ul, ol, dir, menu, div, 
dt, dd, address, blockquote, pre, hr, form, dl { 
  display: block }

b, strong, i, em, cite, var, tt, code, kbd, samp, 
img, span { display: inline }

li { display: list-item }

h1, h2, h3, h4 { margin-top: 1em; margin-bottom: 1em }
h5, h6 { margin-top: 1em }
h1 { text-align: center }
h1, h2, h3, h4, h5, h6 { font-weight: bold }

h1 { font-size: xx-large }
h2 { font-size: x-large }
h3 { font-size: large }

b, strong { font-weight: bolder }  /* relative to the parent */
i, cite, em, var, address, blockquote { font-style: italic }
pre, tt, code, kbd, samp { font-family: monospace }

pre { white-space: pre }

address { margin-left: 3em }
blockquote { margin-left: 3em; margin-right: 3em }

ul, dir { list-style: disc }
ol { list-style: decimal }
menu { margin: 0 }              /* tight formatting */
li { margin-left: 3em }

dt { margin-bottom: 0 }
dd { margin-top: 0; margin-left: 3em }