@font-face {
    font-family: Copperplate Gothic Light;
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Coprgtl.ttf");
    font-family: Copperplate Gothic Bold;
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Coprgtb.ttf");
  }

<!--
p {font-weight: 200;
   font-size: 10pt;
   color: #ffffff;
   font-family: Arial, sans-serif;}   

h1 {font-weight: 400; font-size: 14pt; color: #ffffff; font-family: "Copperplate Gothic Bold"; text-decoration: none;}   
   
h2 {font-weight: 800; font-size: 10pt; color: #fac800; font-family: arial, sans-serif; text-decoration: none;}  

h3 {font-weight: 400; font-size: 18pt; color: #fac800; font-family: "Copperplate Gothic Light"; text-decoration: none;}  

h4 {font-weight: 400; font-size: 13pt; color: #fac800; font-family: arial, sans-serif; text-decoration: none;}  
   
.contacttitle {font-weight: 400; font_style:oblique; font-size: 10pt; color: #006aa1; font-family: Arial, sans-serif; } 
.contact {font-weight: 400; font-size: 10pt; color: #013854; font-family: Arial, sans-serif; }                 
.footer { font-weight: 400; font-size: 9px; color: #80bcda; font-family: arial, sans-serif; text-decoration: none; }
-->

a:link { font-weight: 800; font-size: 10pt; color: #fac800; font-family: arial, sans-serif; text-decoration: none; }
a:active { font-weight: 800; font-size: 10pt; color: #fac800; font-family: arial, sans-serif; text-decoration: none; }
a:visited { font-weight: 800; font-size: 10pt; color: #fac800; font-family: arial, sans-serif; text-decoration: none; }
a:hover { font-weight: 800; font-size: 10pt; color: #fac800; font-family: arial, sans-serif; text-decoration: underline; }

a.menu:link { font-weight: 400; font-size: 14pt; color: #ffffff; font-family: "Copperplate Gothic Bold"; text-decoration: none; }
a.menu:active { font-weight: 400; font-size: 14pt; color: #ffffff; font-family: "Copperplate Gothic Bold"; text-decoration: none; }
a.menu:visited { font-weight: 400; font-size: 14pt; color: #ffffff; font-family: "Copperplate Gothic Bold"; text-decoration: none; }
a.menu:hover { font-weight: 400; font-size: 14pt; color: #fac800; font-family: "Copperplate Gothic Bold"; text-decoration: none; }

a.contact:link { font-weight: 800; font-size: 10pt; color: #013854; font-family: arial, sans-serif; text-decoration: none; }
a.contact:active { font-weight: 800; font-size: 10pt; color: #013854; font-family: arial, sans-serif; text-decoration: none; }
a.contact:visited { font-weight: 800; font-size: 10pt; color: #013854; font-family: arial, sans-serif; text-decoration: none; }
a.contact:hover { font-weight: 800; font-size: 10pt; color: #013854; font-family: arial, sans-serif; text-decoration: underline; }

a.footer:link { font-weight: 400; font-size: 9px; color: #80bcda; font-family: arial, sans-serif; text-decoration: none; }
a.footer:active { font-weight: 400; font-size: 9px; color: #80bcda; font-family: arial, sans-serif; text-decoration: none; }
a.footer:visited { font-weight: 400; font-size: 9px; color: #80bcda; font-family: arial, sans-serif; text-decoration: none; }
a.footer:hover { font-weight: 400; font-size: 9px; color: #ffffff; font-family: arial, sans-serif; text-decoration: none; }