BODY { 
    margin: 1em;
    font-family: Verdana, Arial,Trebuchet MS,Times New Roman,times,serif;
    font-size: small;
    background-repeat: repeat; 
    background-image:url(background01.jpg);
    color: black; 
  }
small   { font-size: smaller; }
td      { font-family: Verdana,helvetica; font-size: smaller; }

.table1  {background-color: #FFFFFF; background-image: none;}
.table2 { background-color: #FFE4E1; background-image: none;)
.table3 { background-color: #FAEBD7; background-image: none;)

.links  { COLOR: #ff3399; FONT-FAMILY: Trebuchet MS,Arial;  TEXT-DECORATION: none }
 A:hover{ COLOR: #ff3333;  TEXT-DECORATION: bold }
 </pre>

/* table   ( background-color: red; ) */

/* background: #FAEBD7;*/
/* face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;1&quot; */
/*  A:link { color: blue }  */          /* unvisited link */
/*  A:visited { color: red }*/        /* visited links */
/*  A:active { color: lime }*/        /* active links */
*/
/* a:link
	{color:#598BBD !important;}
   a:active
	{color:#262D4C !important;}
   a:visited
	{color:#4D4D4D !important;}
*/
/*
&lt;style&gt;
  a:hover { text-decoration: none; color: &quot;#cc0000&quot;; }
  td      { font-family: verdana,arial,helvetica; font-size: 9pt; }
  i       { font-style: italic; }
  b       { font-style: bold; }
  small   { font-size: smaller; }
  .font   { font-family: verdana,arial,helvetica; font-size: 9pt; }
  .area   { font-family: verdana,arial,helvetica; font-size: 15pt; color: &quot;#3366cc&quot;;}
  .cityname  { font-family: verdana,arial,helvetica; font-style: bold; font-size: 16pt; color: #000000;}
  .citymain  { font-family: arial; font-style: bold; font-size: 12pt;}
  .three     { font-family: verdana,arial,helvetica; font-size: 11pt;}
  .searchbar { font-family: arial; font-size: 9pt;}
&lt;/style&gt;
&lt;p style=&quot;MARGIN: 0px; WORD-SPACING: 0px; TEXT-INDENT: 0px; LINE-HEIGHT: 100%&quot;&gt;</pre>

<pre>*/
/* 
This is a snippet from Spider Food's CSS file:</pre>

<pre> .links    { FONT-SIZE: 11px; COLOR: #003399; FONT-FAMILY: Arial;  TEXT-DECORATION: none }
 A:hover   { COLOR: #cc3333;  TEXT-DECORATION: underline }
 h1        { font-family: Verdana; font-size: 16px; color: #CC0000; font-weight: bold}
 h2        { font-family: Arial; font-size: 13px; font-weight: bold; color: #000099}
 p         { font-family: Arial; font-size: 12px; color: #333333}
 pre       { font-size: 12px}</pre>

<pre>To help avoid conflicts with user style sheets, background-image should be specified whenever background-color is used. In most cases, background-image: none is suitable
line-height: 0.8;</pre>

<pre>FONT-FAMILY: Arial,Times New Roman,times,serif
 &lt;LINK REL=STYLESHEET TYPE=&quot;text/css&quot; 
      HREF=&quot;http://style.com/cool&quot; TITLE=&quot;Cool&quot;    </pre>

<pre>&lt;link REL=&quot;STYLESHEET&quot; TYPE=&quot;text/css&quot; HREF=&quot;css01.css&quot;&gt;</pre>

<pre>&lt;body class=&quot;tablebg&quot; style=&quot;background-color: rgb(0,0,255)&quot;&gt;
&lt;body class=&quot;tablebg&quot; style=&quot;background-color: rgb(0,0,255)&quot; id=&quot;atable&quot;&gt;
&lt;table border=&quot;1&quot; cellpadding=&quot;5&quot; width=&quot;80%&quot; bgcolor=&quot;#800080&quot; cellspacing=&quot;0&quot;
class=&quot;tableclass&quot; id=&quot;tableid&quot;&gt;</pre>

<pre>body,p,blockquote,hr,i,ul,li,td {color:#111; font-family:Verdana;}
a {color:#00c;}
a:visited {color:#518;}
.m1,.m2, .m3,.m4,.m5,.m6,.m7,.m8,.m9,.m10 {font-family:verdana,geneva,arial;}
.m2,.m4,.m6,.m8,.m10 {font-weight:bold;}
.m1,.m2  {font-size:12px;}
.m3,.m4 {font-size:13px;}
.m5,.m6 {font-size:14px;}
.m7,.m8 {font-size:15px;}
.m9,.m10 {font-size:11px;}
?? got normal.m8 plus m8</pre>

<pre>  H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, 
  DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR { display: block }</pre>

<pre>  B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, 
  IMG, SPAN { display: inline }</pre>

<pre>  LI { display: list-item }</pre>

<pre>  H1, H2, H3, H4 { margin-top: 1em; margin-bottom: 1em }
  H5, H6 { margin-top: 1em }
  H1 { text-align: center }
  H1, H2, H4, H6 { font-weight: bold }
  H3, H5 { font-style: italic }</pre>

<pre>  H1 { font-size: xx-large }
  H2 { font-size: x-large }
  H3 { font-size: large }</pre>

<pre>  B, STRONG { font-weight: bolder } 
  I, CITE, EM, VAR, ADDRESS, BLOCKQUOTE { font-style: italic }
  PRE, TT, CODE, KBD, SAMP { font-family: monospace }</pre>

<pre>  PRE { white-space: pre }</pre>

<pre>  ADDRESS { margin-left: 3em }
  BLOCKQUOTE { margin-left: 3em; margin-right: 3em }</pre>

<pre>  UL, DIR { list-style: disc }
  OL { list-style: decimal }
  MENU { margin: 0 }             
  LI { margin-left: 3em }</pre>

<pre>  DT { margin-bottom: 0 }
  DD { margin-top: 0; margin-left: 3em }</pre>

<pre>  HR { border-top: solid }       
</pre>

<pre>    setting the anchor border around IMG elements
     requires contextual selectors </pre>

<pre>  A:link IMG { border: 2px solid blue }
  A:visited IMG { border: 2px solid red }
  A:active IMG { border: 2px solid lime }</pre>

<pre> */