body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
}
body td {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
}
/* font-size: small = <font size="2"> */
/* inline font change...<p OR li, etc. style="font-size: medium"> */

#navbar ul { margin: 0; padding: 0; list-style: none; }
#navbar a { display: block; width: 10em; }
#navbar li {float: left; width: 10em; }
#navbar li: ul { display: none; }
#navbar li: hover ul { display: block; width: 10em; position: absolute; }
div.content { clear: left; }

#div1 { text-align: left; }
#div2 { text-align: center; }
#div3 { text-align: right; }
/* in doc must have <div id="div[no.]"> */

/* browser will change colors; if put text-dec just under 'a' ALL text will be affected */
a:link { color: #000099; text-decoration: none}
a:visited { color: purple; text-decoration: none}
a:hover { color: #CC00DD; text-decoration: underline}
a:active { color: red; text-decoration: underline}
/* NB: overrides internal style sheet setting & padding inline setting when link after style */

h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20pt; } /* TNR default */
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18pt; }
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; } /* arial default */
h5 { font-family: cursive; font-style: italic; }

.b1 { padding: 1px; border: #009 solid 3px}
.b2 { padding: 1px; border: #ddd ridge 8px}
.b3 { padding: 1px; border: #bbb groove 8px}
.b4 { padding: 1px; border: #bbb inset 8px}
.b5 { padding: 1px; border: #bbb outset 8px}
.bc1 { background-color: #88f; padding: 0.5em 0.5em;}
.bc2 { background-color: #bbf; padding: 0.5em 0.5em;}
.bc3 { background-color: #fffdda; padding: 0.5em 0.5em;}
.bc4 { background-color: #fcc; padding: 0.5em 0.5em;}
.arab { list-style-type:arabic-numbers; } /* default */
.lwrR { list-style-type:lower-roman; }
.uprR { list-style-type:upper-roman; }
.lwrA { list-style-type:lower-alpha; }
.uprA { list-style-type:upper-alpha; }
/* in doc must have <ol OR li class="classname"> where 'classname' = arab|lwrR|uprA|etc. */

ul { list-style-position:outside; }
#list1 { list-style-type:disc; } /* default for 'list1' - even if specify type=square */
#list2 { list-style-type:circle; }
#list3 { list-style-type:square; }
#circle { list-style-type:circle; }
#disc { list-style-type:disc; }
#square { list-style-type:square; }
/* in doc must have <ul OR li id="list[no.]" or id="circle|disc|square"> */

p.indent {
 text-indent: 1.5em;
}
/* in doc must have <p class="indent">; written inline... <p style="text-indent: 1.5em"> */

textarea {
 font: 16px verdana, arial, helvetica, sans serif;
 background-image: url(ppbk085a.jpg);
 background-attachment: scroll;
}

input {font: bold 12px verdana, arial, helvetica, sans serif; }
/* sets appearance of linear text and buttons like 'submit' & 'reset' */

img.floatLeft {
 float: left;
 margin-right: 10px;
}
img.floatRight {
 float: right;
 margin-left: 10px;
}
/* <img src="..." align="..." width="..." class="floatLeft|Right"> */