body { font-family: Arial, Helvetica, Geneva, Sans-serif; color: #666666; background-color: #ffffff;}
p { font-family: Arial, Helvetica, Geneva, Sans-serif;}
td { font-family: Arial, Helvetica, Geneva, Sans-serif;}
h1 { font-family: Arial, Helvetica, Geneva, Sans-serif;  padding: 8px;}
h2 { font-family: Arial, Helvetica, Geneva, Sans-serif;  padding: 16px;}
h3 { font-family: Arial, Helvetica, Geneva, Sans-serif;  padding: 12px;}
h4 { font-family: Arial, Helvetica, Geneva, Sans-serif;  padding: 8px;}
h5 { font-family: Arial, Helvetica, Geneva, Sans-serif;}
h6 { font-family: Arial, Helvetica, Geneva, Sans-serif;}
strong { font-weight: bold;}
hr { }

/* Style the links */
 a:active { color: #666666;}
 a:link { color: #666666;}
 a:visited { color: #666666;}
 a:hover { color: #ff0000;}
 
 /* Style the unordered lists */
 ul.a {  list-style-type: square;  padding: 6px;}
 ul.b {  list-style-type: none;  padding: 4px;}
 ul li {  margin: 12px;  padding: 6px;}

header.a {  text-align: center;}
header.b {  text-align: left; margin: 20px;}
header.c {  text-align: right; margin: 20px;}
header.d {  text-align: justify; margin: 20px;}

main.a {  text-align: center;}
main.b {  text-align: left;  margin: 50px;}
main.c {  text-align: right;  margin: 50px;}
main.d {  text-align: justify;  margin: 50px;}

footer.a {  text-align: center; padding: 12px;}
footer.b {  text-align: left;}
footer.c {  text-align: right;}
footer.d {  text-align: justify; background-color: #eeeeee;  padding: 8px}

div.a {  text-align: center;}
div.b {  text-align: left;}
div.c {  text-align: right;}
div.d {  text-align: justify;}

nav.a {  text-align: center;}
nav.b {  text-align: left;}
nav.c {  text-align: right;}
nav.d {  text-align: justify;}



/* Style the unordered list into columns */
ul {
  flex-wrap: wrap;
  display: flex;
}
ul li {
  flex: 1 0 25%;
}