body {
 margin: 2em;
 font-family: serif;
 color: #003366; background-color: #cccccc;
}

h1 {
 border: 1px solid;
 text-align: center;
 color:#ffffff; background-color: #336699; border-color: #ffffcc;
}

h2 {
 border: 1px solid;
 color:#ffffff; background-color: #336699; border-color: #ffffff;
}

dt {
 border-bottom: 3px dotted;
 color: #333333; border-bottom-color: #cccccc;
}

dd {
 line-height: 3em;
 margin-left: 3em;
 margin-right: 1em;
}

dl {
 border-top: 2px solid;
 border-right: 2px solid;
 border-bottom: 2px solid;
 border-left: 1em solid;
 background-color: #ffffff; border-color: #669999;
}

p {
 text-align: center;
}

a:link {
 color: #3366ff;
}

a:visited {
 color: #3300cc;
}

a:hover {
 color: #ffff00;
}

a:active {
 color: #ff33ff;
}