#wrap { margin-top: 0; padding-top: 0; border: 0; background-color: #fff; padding-top: 0 }
  body { background-color: #eee }
  #head { background-color: #E5D6F3 }
  #hnav { background-color: #AE6AD4 }
  #content { background-color: #fff; padding: 10px 0 }
  #inst { margin-top: 0; border-top: 1px solid  #AE6AD4; padding: 5px 0 }
  h1 a, h1 a:hover, h1 a:visited, h1 a:active { color: #4d1979; text-decoration: none}
  img.right { margin: 0 0 10px 10px }
  img.left { margin: 0 10px 10px 0 }

  .swatch { float:left; width: 120px; height: 120px; text-align: center; padding:15px; line-height: 20px; background-color: yellow}
/*
     'purple'=> #7413dc,
     'green' => #004851,
     'teal'  => #00a794,
     'red'   => #e22e12,
     'pink'  => #ffb4e5,
     'green*'=> #23a950,
     'navy'  => #003092,
     'blue'  => #006ddf,
     'yellow'=> #ffe627,
     'black' => #000000,
     'white' => #ffffff,
     'ltgrey'=> #f5f5f5,
     'grey20'=> #333333,
     'grey40'=> #666666,
     'dkgrey'=> #707070,
     'grey60'=> #999999,
     'grey80'=> #cccccc,
*/