body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
}
body td {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
}
/* small=2; note that scales are xx-small to xx-large & 1 to 7, so overlap */
/* inline font change...<p OR li, etc. style="font-size: medium"> */

#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: #CC00CC; 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.]"> */

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"> */

div {
	font-family: Tahoma, Helvetica;
}

#section { font-family: Arial, Helvetica, sans-serif; }

.clsCMOn, .clsCMOver, .clsCMOverItalic, .clsCMOverUnderline, .clsCMOverBold {
	font-size: 12px;
        padding: 2px 4px;
}

.clsCMOn {
	color: black;
}

.clsCMOver {
	color: white;
}

.clsCMOverItalic {
	color: white;
	font-style: italic;
}

.clsCMOverUnderline {
	color: white;
	text-decoration: underline;
}

.clsCMOverItalicUnderline {
	color: white;
	font-style: italic;
	text-decoration: underline;
}

.clsCMOverBold {
	color: white;
	font-weight: bold;
}

.clsCMOverBoldUnderline {
	color: white;
	font-weight: bold;
	text-decoration: underline;
}