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

p { 
    display: block;
    margin: 2px 40px;
    padding: 0px 40px;
    text-indent: 20px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div { display: block; margin: 0px 0px; }
blockquote { margin: 2px 120px; }

.trit { text-align: right; }
.tctr { text-align: center; }
.nwrp { white-space: nowrap; }
#ind { text-indent: 20px; }
#noind { text-indent: 0px; }

h3 { 
    display: block;
    margin: 0px 0px;
    width: 100%;
    white-space: nowrap;
    background: #dcdcdc none;
    color: #222222;
    text-align: left;
    letter-spacing: 2px;
    font-size: large;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

p.brdr { border: solid 1px #232323;}

/* does not work in Netscape4; below css called in above js:
img { border: solid 1px #232323;}
img#no { border: 0px;}
*/

p.link {margin: 2px 0px 10px 60px; white-space: nowrap; } 

p.foot { 
    display: block;
    margin: 12px 0px;
    white-space: nowrap;
    text-align: center;
    text-indent: 0px;
    font-size: small;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}

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

strong, em, img, span { display: inline }

strong { font-weight: bolder }  /* relative to the parent */
em { font-style: italic }
pre, tt { font-family: monospace }

pre { white-space: pre }