<HTML>

<HEAD>
<TITLE>local history 'style sheet' </TITLE>
<!--                  ***********             -->
</HEAD>
 
<BODY>
body {text: black;}
body {background-color: #ffffe8;}
body {background="url('bg50.jpg')";}
body {margin-top: 5px; margin-bottom: 0px; margin-left: 5px; margin-right: 5px}




H1 {font-size: x-large; font-weight: bold; color: red; text-align: center }/*x-page headline*/
H2 {font-size: large; font-weight: bold; color: red; text-align: center }/*page headline */
H3 {font-size: normal; font-weight: bold; color: red; text-align: center }/* picture caption */
H4 {font-size: large; font-weight: bold; color: red; }/* text headline */
H5 {font-size: normal; font-weight: bold; color: red; }/* text sub-headline */
H6 {color: maroon; } /* not used */




HR  {COLOR: #000000; WIDTH: 700; } /* colour=black width=nearly full screen */
HR.1{COLOR: #ff0000; WIDTH: 500; } /* colour=red width= half screen */
HR.2{COLOR: #000000; WIDTH: 250; } /* colour=black width=quater screen */




P {COLOR: black;} <!-- to show p.text hasn't been set -->

p.text {COLOR: black; margin-left: 10px; }
p.code {COLOR: blue; margin-left: 20px; }


<!-- standard colours are:
yellow, aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white -->

font {color: black; }


A:link {COLOR: #blue; }
A:visited {COLOR: #purple; }
A:active {COLOR: #purple; }

A:hover {BACKGROUND: #fc0; COLOR: #c00; } /* 3 characters for colour indicates RGB */

A.offsite {BACKGROUND: #ffc; COLOR: blue; }




</BODY>
</HTML>
 
