<!--
  html { height: 100%; }
  body { font-family: Arial,"Dom Casual","Sans Serif", sans-serif;
               font-size: 12pt;
               font-weight: normal;
               font-style: normal;
               text-align: center;
               line-height: normal;
               color: #000000;
               background-color: #CCCCCC;
               height: 100%;  }

  a:link     { color: #006699 }
  a:active   { color: #FF3300 }
  a:visited  { color: #CC6600 }

  h1         { font-size: 16pt; 
               line-height: normal;
               font-weight: bold }

  h2         { font-size: 14pt; 
               line-height: normal;
               font-weight: bold }

  h3         { font-size: 12pt; 
               line-height: normal;
               font-weight: bold;
               padding-left: 3px;
               padding-right: 3px;
               padding-top: 1px;
               padding-bottom: 5px;
               margin: 0px;
             }

  h4         { font-size: 10pt; 
               line-height: normal;
               font-weight: bold;
               padding-left: 3px;
               padding-right: 3px;
               padding-top: 2px;
               padding-bottom: 5px;
               margin: 0px;
             }

  table.puzl { border: 3px solid black;
  	       border-collapse: collapse;
               margin-top: 2px;
               margin-bottom: 2px;
               background-color: #FFFFFF }

  table.lgd  { border: 1px solid gray;
  	       border-collapse: collapse;
               margin: auto;
               margin-top: 4px;
               font-size: 8pt;
               background-color: #CCCCFF }

  td.l       { padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; border: 1px solid gray; } 

  td.nmlw     { font-size: 12pt;
               font-weight: bold;
	       width: 32px;
               height: 32px;
  	       border: 1px solid black;
               text-align: center;
               vertical-align: middle;
               line-height: 16pt } 

  td.leftw    { font-size: 12pt;
               font-weight: bold;
	       width: 30px;
               height: 32px;
  	       border-top: 1px solid black;
  	       border-left: 3px solid black;
  	       border-right: 1px solid black;
  	       border-bottom: 1px solid black;
               text-align: center;
               vertical-align: middle;
               line-height: 16pt } 

  td.topw     { font-size: 12pt;
               font-weight: bold;
	       width: 32px;
               height: 30px;
  	       border-top: 3px solid black;
  	       border-left: 1px solid black;
  	       border-right: 1px solid black;
  	       border-bottom: 1px solid black;
               text-align: center;
               vertical-align: middle;
               line-height: 16pt } 

  td.topleftw { font-size: 12pt;
               font-weight: bold;
	       width: 30px;
               height: 30px;
  	       border-top: 3px solid black;
  	       border-left: 3px solid black;
  	       border-right: 1px solid black;
  	       border-bottom: 1px solid black;
               text-align: center;
               vertical-align: middle;
               line-height: 16pt; } 

  td.nmlg     { font-size: 12pt;
               font-weight: bold;
	       width: 32px;
               height: 32px;
  	       border: 1px solid black;
               text-align: center;
               vertical-align: middle;
               background-color: #eef;
               line-height: 16pt } 

  td.leftg    { font-size: 12pt;
               font-weight: bold;
	       width: 30px;
               height: 32px;
  	       border-top: 1px solid black;
  	       border-left: 3px solid black;
  	       border-right: 1px solid black;
  	       border-bottom: 1px solid black;
               text-align: center;
               vertical-align: middle;
               background-color: #eef;
               line-height: 16pt } 

  td.topg     { font-size: 12pt;
               font-weight: bold;
	       width: 32px;
               height: 30px;
  	       border-top: 3px solid black;
  	       border-left: 1px solid black;
  	       border-right: 1px solid black;
  	       border-bottom: 1px solid black;
               text-align: center;
               vertical-align: middle;
               background-color: #eef;
               line-height: 16pt } 

  td.topleftg { font-size: 12pt;
               font-weight: bold;
	       width: 30px;
               height: 30px;
  	       border-top: 3px solid black;
  	       border-left: 3px solid black;
  	       border-right: 1px solid black;
  	       border-bottom: 1px solid black;
               text-align: center;
               vertical-align: middle;
               background-color: #eef;
               line-height: 16pt; } 

  tr         { padding-top: 0px }

  input      { font-size: 10pt; line-height: normal; }

  input.text { font-size: 10pt; line-height: normal; font-family: Courier,monospace,Serif,serif; }

  input.btn {
   color:#005;
   font-size:84%;
   font-weight:bold;
   background-color:#ddf;
   margin-top: 4px;
   margin-left: 3px;
   margin-right: 3px;
   margin-bottom: 0px;
/* border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363; */ }

  select.cls { font-size: 10pt;
               line-height: normal }

  textarea   { font-family: Arial,"Dom Casual","Sans Serif",sans-serif;
               font-size: 10pt; 
               line-height: 14pt }

  p          { color: black;
               font-size: 11pt;
               line-height: 14pt;
               text-indent: 4% }

  p.noindent { color: black;
               font-size: 11pt;
               line-height: 14pt;
               text-indent: 0% }

  #mframe {
    width: 780px;
    height: 1070px;
    border: 0px;
    background-color: #EEEEEE;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: center;
  }

  #dframe {
    width: 670px;
    border: 0px;
    background-color: #EEEEEE;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-top: 0px;
    text-align: left;
  }

  #pframe {
    width: 670px;
    border: 0px;
    height: 100%;
    background-color: #EEEEEE;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: center;
  }

  #puz1 {
    float: left;
    clear: left;
    width: 312px;
    text-align: center;
    margin: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 3px;
    background-color: #EEEEEE;
  }

  #puzzle1 {
    width: 100%;
    text-align: center;
    margin: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: #EEEEEE;
  }

  #puzzle2 {
    width: 100%;
    text-align: center;
    margin: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: #EEEEEE;
  }

  #puzzle3 {
    width: 100%;
    text-align: center;
    margin: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: #EEEEEE;
  }

  #puzzle4 {
    width: 100%;
    text-align: center;
    margin: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: #EEEEEE;
  }

  #prt {
    float: right;
    clear: right;
    width: 310px;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background-color: #CCCCFF;
    border: 1px solid gray;
  }

  #puz2 {
    float: right;
    clear: right;
    width: 312px;
    text-align: center;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 3px;
    background-color: #EEEEEE;
  }

  #puz3 {
    float: left;
    clear: left;
    width: 312px;
    text-align: center;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    background-color: #EEEEEE;
  }

  #puz4 {
    float: right;
    clear: right;
    width: 312px;
    text-align: center;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 3px;
    background-color: #EEEEEE;
  }

  #legend { width: 312px; float: left; clear: left; text-align: center; line-height: normal; font-size: 9pt; padding: 0px; }

  @media print {
    #mframe { width: 670px;
              height: auto;
              padding-bottom: 0px;
              padding-top: 0px;
              margin-top: 0px;
              margin-bottom: 0px;
            }
    #dframe, #prt, #legend { display: none; }
    #puz1 { padding-top: 10px; }
    #puz2 { padding-top: 40px;}
  }


-->