BODY {
    color: #111111;
    background-color:#fff0ff;
    layout-grid-line: 8px;
}
H1 {
    width: 100%;
    font-weight: bold;
    font-size: 2em;
    color: #ffffff;
    background-color: #9370db;
    border: 1px none #800080;
    border-top: 2px solid #800080;
    border-left: 2px solid #800080;
    border-right: 2px solid #600060;
    border-bottom: 2px solid #600060;
    padding: 4px 4px 4px 1em;
}
H2 {
    width: 100%;
    font-weight: bold;
    font-size: 1.5em;
    color: #ffffff;
    background-color: #9370db;
    border: 1px none #800080;
    border-top: 1px solid #800080;
    border-left: 1px solid #800080;
    border-right: 1px solid #600060;
    border-bottom: 1px solid #600060;
    padding: 2px 1px 1px 0.5em;
}
H3 {
    font-size: 1.5em;
    font-weight: bold;
    color: #000000;
}

A:link {
    color: #000099;
}
A:visited {
    color: #000099;
}
A:hover {
    color: #ffffff;
    background-color: #00008b;
    text-decoration: none;
}
H4 A:link {
    color: #ffffff;
}
H4 A:visited {
    color: #ffffff;
}
H4 A:hover {
    color: #ff0000;
}
OL { counter-reset: item; }
LI { display: block; }
LI:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}
HR {
	border: thin solid #9370db;
}
A.name{
	color: #008000;
}
A.name:link {
    color: #008000;
}
A.name:visited {
    color: #008000;
}
A.name:hover {
    color: #ffffff;
    background-color: #008000;
    text-decoration: none;
}
TABLE {
	border-collapse: collapse;
	border:1px solid #800080;
	padding:4px 4px 4px 4px;
}
TD {
	border:1px solid #800080;
	padding:5px 5px 5px 5px;
}