
<!-- BODY -->

body {font-family:  verdana, geneva, arial, helvetica, sans-serif; font-size: 12px; line-height: 16px; background-color: White; color: "Indigo"; text-align: justify; margin-right:25px; margin-left:25px;}

<!-- NEW FONTS -->

<!--
 @font-face {
 font-family: aller;
 src: url(./fonts/Aller.eot); /* EOT file for IE */
}
-->

@font-face {
 font-family: aller;
 src: url(./fonts/Aller_Lt.ttf); /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: allerbold;
 src: url(./fonts/Aller_Bd.ttf); /* TTF file for CSS3 browsers */
}


<!-- FONT STYLES -->

h1 {font-family: allerbold, “trebuchet ms”, verdana, geneva, arial, helvetica, sans-serif;
font-size:24px; line-height:26px; text-align: center; color: Aqua; text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black}

h2 {font-family: aller,  “trebuchet ms”, verdana, geneva, arial, helvetica, sans-serif;
font-size:20px; line-height:22px; text-align: left;}

h3 {font-family: aller,  “trebuchet ms”, verdana, geneva, arial, helvetica, sans-serif;
font-size:16px; line-height:18px; text-align: left;}

h4 {font-family: aller,  “trebuchet ms”, verdana, geneva, arial, helvetica, sans-serif;
font-size:13px; line-height:16px; text-align: left;}

p {font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size:13px; line-height:16px; text-align: justify;}


dt {font-weight: bold}

a {text-decoration: none; font-weight: bold; font-family: aller,  “trebuchet ms”, verdana, geneva, arial, helvetica, sans-serif}
a:link {color: plum pie}
a:visited {color: Grey}
a:hover {text-decoration: underline}

img {padding: 10px;}


<!-- Tables with centered text -->

td,th {
  text-align: center;
}

@media print {
body {background-color: white; color: black; font-family: serif}


<!-- BUTTONS -->
.button{
 text-decoration:none; 
 text-align:center; 
 padding:32px 32px; 
 border:solid 1px #000000; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px allerbold, "Trebuchet MS", Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#000000; 
 background-color:#fff826; 
 background-image: -moz-linear-gradient(top, #fff826 0%, #4bd446 100%); 
 background-image: -webkit-linear-gradient(top, #fff826 0%, #4bd446 100%); 
 background-image: -o-linear-gradient(top, #fff826 0%, #4bd446 100%); 
 background-image: -ms-linear-gradient(top, #fff826 0% ,#4bd446 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bd446', endColorstr='#4bd446',GradientType=0 ); 
 background-image: linear-gradient(top, #fff826 0% ,#4bd446 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }