<!-- standard 'style sheet' -->
/* ********************** */
<!-- August 2003 -->


<!--------------------------------------------------------------------- Boogie Jack's example -->
<!-- bg color setting of DDFFDD should give pale green background to normal eyesite users, pale yellow to PROTANOPIA sufferers, off-pink to DEUTANOPIA sufferers, and pale blue to TRITANOPIA sufferers -->
body {background-attachment: fixed;  
      background-color: #ffffcc ;    
      margin-top: 5px; 
      margin-left: 30px; 
      margin-right: 30px;  
      text-align: left;
      font-family: Comic Sans MS, Arial, Verdana, Helvetica, sans-serif;
      font-size: 15px; }
<!--      scrollbar-face-color: #ddffdd; 
      scrollbar-shadow-color: #9F0909; 
      scrollbar-highlight-color: #000000;      <<--- temp disabled
      scrollbar-track-color: #373737; 
      scrollbar-arrow-color: #006600;}    -->

a:link {color: blue; }
a:visited {color: navy;}
a:hover {color: #FF0000; } <!-- text-decoration: none; -->

table {text-align: justify;
      font-family: Arial, Verdana;
      font-size: 16px;}

td.right {background-color: #FFFFDD;
          text-align: center;
          font-family: Arial, Verdana;
          font-size: 12px;}
<!--------------------------------------------------------------------------- end Boogie Jack -->


<!-- bgcolours to experiment with are
     ffcccc
     ffcc99
     ffffcc
     ccffcc -->

<!-- top marging useful on geo sites -->
<!-- margin left etc value 120 negatates need for a table if table not being used to narrow text for easier reading, if table used to divide page vertically best left to value 0 -->


h1 {color: #005500; font-size: 2em;   text-align: center; font-family: Times New Roman, serif;}
h2 {color: #880044; font-size: 1.5em; text-align: center; font-family: Times New Roman, serif; }
h3 {color: #880044; font-size: 1.5em; text-align: left; margin-left: 14px; 
    font-family: Times New Roman, serif; }
h4 {color: #000000; font-size: 1.0em; text-align: left; margin-left: 14px; 
    font-family: Times New Roman, serif; }
h5 {color: #000000; font-size: 1.0em; text-align: left; margin-left: 14px; font-style: italic; }
h6 {color: #000000; font-size: .6em; margin-left: 5px; margin-top: 2px; margin-bottom: 2px; font-style: italic;}


<!-- --------------------------------------------------------------------------------------------
H1 24 point                                       ^
H2 18 point                                       |
H3 14 point                                       |
H4 12 point                                       |
H5 10 point                                       |
H6 7 point                                        |
Normal body text 12 point
                                             << Reference Table for H and FONT size comparisons
Font Size   Heading     Point Size                |
    7         -          36 point                 |
    6         H1         24 point                 |
    5         H2         18 point                 |
    4         H4         12 point bold            |
    3       Body Text    12 point plain           |
    2         -           9 point                 |
                                                  |
Ref Geo/terrier/teach-yourself-html.html          V
---------------------------------------------------------------------------------------------- -->

p {color: #000000; font-size: 15px; font-family: Comic Sans MS, Arial, Verdana, Helvetica, sans-serif; margin-left: 14px; margin-right: 14px; } <!-- to show p.class hasn't been set -->
.Offer { color: #FF0000; font-size: .6em; font-weight: bold; }
.OfferCopy { font-size: .6em; }
.OfferHead { font-size: .6em; font-weight: bold; margin-top: 5px;}
.Q { color: #ccffcc; }
.A { color: #ccff00; }
.text {color: #ccff00; }
.margin { margin-left: 2cm; }
.reqd{ COLOR: maroon; }
.how { COLOR: navy; }


HR {SIZE=2 COLOR: #ffffff; WIDTH: 100%;} 
<!-- try width as a percentage when have figured out how to refer to diff HRs -->
HR.1{COLOR: #000000; WIDTH: 700;}
HR.2{COLOR: #ffffff; WIDTH: 250;}


<!-- standard colours are: yellow, aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, 
                           olive, purple, red, silver, teal, white -->
<!-- better to use the hex value -->