/* mystyles.css    */

/* Concept: We are defining default attributes of HTML 'tags' */

/* Default block elements */
body { font-family: Arial; 
       color: navy; background-color: lightblue;
       margin: 0px; margin-left: 15px; margin-right: 10px;
        border: 0px; 
        border-left:  20px solid #3399ff; 
        border-right: 20px solid #3399ff;
       padding: 10px; padding-top: 0px;
     }

h1, h2, h3, h4, h5, h6 { font-family: Verdana; }
h1 { color: maroon; }
h2 { color: red; }
h3 { color: green; }

p { color: navy; }

th, td { font-size: smaller; }
th { color: navy; 
     font-family: Verdana; }
td { color: green; 
     font-family: Times; }

em { color: LightSlateGray; }
cite { color: teal; }

address { font-family: Verdana; 
          font-size: smaller; }

/* rules for my named classes: */
/* '.<class-name> {...}' syntax won't work, but 'div.<class-name>' does: */
div.my-toc { border: 2px solid black; background-color: silver; }