<style type="text/css">
body {
	background: purple;	
	color: white;
}
strong.c1 { color: red; background: yellow }
strong.c2 { color: blue; background: yellow}
strong.c3 { color: white; background: navy }
strong.c4 { color: red; background: yellow }
strong.c5 { color: red; background: yellow;
 text-transform: uppercase;  font-weight: bold;font-family=arial;
font-size:75% }
 
p { text-indent: 2em; margin-top: 0; margin-bottom: 0; }
pre { font-family: mistral; font-size:150% }

div.box { border: none; border-width: thin; width: 25%; 
    background: aqua;
    padding: 0.5em;
img:c:\untitle.bmp}

div.box1 { border: none; border-width: thin; width: 25%; 
    background: red;
    padding: 0.5em;}

div.box2 { border: none; border-width: thin; width: 25%; 
    background: lime;
    padding: 0.5em;}


 /* :link.c1  { color:black ;background: lime; text-decoration: underline}
  :visited.c1 { color:black ;background: lime; text-decoration: none} */
  :hover { color:navy ;background: yellow; text-decoration: underline}  

/*  :link.c2  { color:black ;background: aqua; text-decoration: underline}
  :visited.c2 { color:black ;background: aqua; text-decoration: none} */
  :hover.c2 { color:yellow ;background: navy; text-decoration: underline}  


</style>