body {background-image: url(beige120.jpg);
             background-repeat: repeat;
             background-color: #ffffcc;
             color: #000000}
   a:link {color:green}
   a:visited {color:maroon}
   a:hover {color:black}
   a:active {color:blue}
   h1 {text-align: center; color: red}
   h2 {text-align: center; color: blue}
   ul {list-style-type: square}
   ol {list-style-type:  upper-roman}
   pre {background-color:  yellow;
          width: 500px;}
   .width40 {background-color:  yellow;
          width: 40%;} 
   .width700  {background-color:  yellow;
          width: 750px}
   p.centered {text-align: center; width: 500px;
      font-family: cursive;
      margin-left: auto;
      margin-right: auto;
   }
   div.boxExample {
             float:  right;
             background-color: #CCCCCC;
             margin: 20px;
             padding: 10px;
             border-width: 10px;
             border-style: outset;
             border-color: red}

   hr {color: red;}  /* does not work with Mozilla or Netscape */
   .noSerif {font-family:  "Helvetica", "Arial", sans-serif}
   .red {color: red}
   .border {border-width: 5px; border-color: black; border-style: solid}
   .ex {color:#00AAFF}
   .exSerif {font-family: serif; color:#00AAFF}
   .exSansSerif  {font-family: sans-serif; color:#00AAFF}
   .exCursive {font-family: cursive; color:#00AAFF}
   .exMonospace {font-family: monospace; color:#00AAFF}
   .exFantasy {font-family: fantasy; color:#00AAFF}
   .exXXSmall {font-size: xx-small; color:#00AAFF}
   .exXSmall {font-size: x-small; color:#00AAFF}
   .exSmall {font-size: small; color:#00AAFF}
   .exMedium {font-size: medium; color:#00AAFF}
   .exLarge {font-size: large; color:#00AAFF}
   .exXLarge {font-size: x-large; color:#00AAFF}
   .exXXLarge {font-size: xx-large; color:#00AAFF}
   .exSmaller {font-size: smaller; color:#00AAFF}
   .exLarger {font-size: larger; color:#00AAFF}
   .exNormal {font-style: normal; color:#00AAFF}
   .exItalic {font-style: italic; color:#00AAFF}
   .exNormalWeight {font-weight: normal; color:#00AAFF}
   .exBold {font-weight: bold; color:#00AAFF}
   .exBolder {font-weight: bolder; color:#00AAFF}
   .exLighter {font-weight: lighter; color:#00AAFF}
   .exNone {text-decoration: none; color:#00AAFF}
   .exUnderline {text-decoration: underline; color:#00AAFF}
   .exOverline {text-decoration: overline; color:#00AAFF}
   .exLineThrough {text-decoration: line-through; color:#00AAFF}
   .table1 {border-collapse: collapse; border: 1px solid black; background-color: aqua;
                     margin-left: auto;  margin-right: auto; }
   .td1 {border: 1px solid black;  padding: 5px}
   td, th {border: 1px solid black;  padding: 5px;}  /*default for last table*/
   .table3 {border: 1px solid red; width:650px; }   /* for the CSS table */
    tr:hover {background-color: pink}
   .even3 {color: black; background-color: white}
   .odd3 {color: blue; background-color: #CCCCCC}
   .th3 {color: white; background-color: #606060}
   .td3 {border: 1px solid red; }
  .caption {caption-side: bottom}