html, body {height:100%; margin:0; padding:0;}
	#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
	#content {position:relative; z-index:1;}
	
html {overflow-y:hidden;}body {overflow-y:auto;}
	#page-background {position:absolute; z-index:-1;}
	#content {position:static;}

body { color: "black"; link: "blue"; vlink: "navy"; alink: "maroon";
    background-color: "silver"; background-image: url(pics/bkgrnd.jpg);
	font-family; times roman; font-size: 12pt}

H1 { color: yellow; font-family: times roman; font-size: 30pt; text-align: center; height: 1em; margin: 0px 0 0px 0; padding: 0px}
H2 { color: black; font-family: times roman; font-size: 25pt; font-style: bold; text-align: center; height: 1em; margin: 0px 0 0px 0; padding: 0px}
H3 { color: black; font-family: times roman; font-size: 15pt; text-align: center; height: 1em; margin: 0px 0 0px 0; padding: 0px}
H4 { color: yellow; font-family: arial; font-size: 12pt; text-align: center; height: 1.5em; margin: 0px 0 0px 0; padding: 0px}
H5 { color: yellow; font-family: arial; font-size: 15pt; font-style: bold; text-align: center; height: 1.25em; margin: 0px 0 0px 0; padding: 0px}
H6 { color: black; font-family: arial; font-size: 12pt; text-align: center; height: 1em; margin: 0px 0 0px 0; padding: 0px}
.shadow {filter: Shadow(Color=grey, Direction=120, Strength=1);}
.grey { color: grey; font-famil: times roman; font-size: 10pt; text-align: center }

<!-- three columns -->
.leftcolumn { width: 25%; top: 150px; float: left; overflow: hidden}
.centercolumn { width: 50%; top: 150px; float: left; overflow: hidden; margin: 0 2% 0 3% }
.rightcolumn { width: 25%: top: 150px; float: right; overflow: hidden}

.full { width: 100%; clear: both; float: left overflow: hidden}

.links { font-family: arial; font-size: 8pt; text-align: center; }