.text {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 85%;
}

.title {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 100%;
   font-weight: bold;
   text-decoration: none; color: #FFFFFF;
}

.motto {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 105%;
   font-weight: bold;
   text-decoration: none; color: #003366;
}

.element {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 85%;
   font-weight: bold;
   text-decoration: none; color: #003366;
}

.description {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 75%;
   text-decoration: none; color: #000000;
}

.footer {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 60%;
   text-decoration: none; color: #000000;
}

H1 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 115%;
}

H2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 105%;
}

H3, H4, H5, H6 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
}

A.mailto {
   font-style: italic;
}


link    {text-decoration: underline; color: #003366;}
vlink   {text-decoration: underline; color: #003366;}
A:focus   {text-decoration: underline; color: #003366;}
A:hover   {text-decoration: underline; color: #003366;}
A:active  {text-decoration: underline; color: #003366;}