@font-face {
  font-family: Ayres-Mono;
  
  src: url('/AyresMono47.woff2') format('woff2');
  src: url('/AyresMono47.woff') format('woff');
}




body{ font-size: 16pt;
      font-family:  Ayres-Mono,Verdana;
      color: #003355;
     font-style:normal;
      text-align: left;
	line-height: 1.1;
	letter-spacing: normal;  
	font-weight: normal;
	font-feature-settings: "kern"; 
	backface-visibility: hidden;
 }
 
  H1{ font-size: 16pt;
      font-family:  Ayres-Mono;
      color: #2222aa;
	font-style:normal;
      text-align: center;
 line-height: 1.1;
 letter-spacing: normal;  
font-weight: normal;
font-feature-settings: "kern"; 
backface-visibility: hidden;
 }
 
 
  H2{ font-size: 16pt;
      font-family:  Ayres-Mono;
      color: #2222aa;
	font-style:normal;
      text-align: center;
 line-height: 1.1;
 letter-spacing: normal;  
font-weight: normal;
font-feature-settings: "kern"; 
backface-visibility: hidden;
 } 
 
 H3{ font-size: 16pt;
      font-family:  Ayres-Mono;
      color: #22aa22;
	font-style:normal;
      text-align: center;
 line-height: 1.1;
 letter-spacing: normal;  
font-weight: normal;
font-feature-settings: "kern"; 
backface-visibility: hidden;
 }
 
 H4{ font-size: 16pt;
      font-family:  Ayres-Mono;
      color: #0044aa;
	font-style:normal;
      text-align: center;
 line-height: 1.1;
 letter-spacing: normal;  
font-weight: normal;
font-feature-settings: "kern"; 
backface-visibility: hidden;
 }
 
 
 
<!-- a{text-decoration:none} //--> </style>

<!--a:hover{color:red; }-->


#blueunderline{
    border-bottom: 1px groove #2222aa; /* Or whatever color you want */
    text-decoration: none;
}

        #greenunderline{
    border-bottom: 1px groove #22aa22; /* Or whatever color you want */
    text-decoration: none;
}