BODY {
color:       black; 
background:  white;
font-family: sans-serif;
}

P.title1 {
margin-left: 0em;
font-weight:  bold;
text-align: center;
}

P.title2 {
margin-left: 0em;
text-align: center;
text-transform: uppercase;
padding-bottom: 1.5em;
}

H1 {
color: purple;
padding-top: 0.5em;
}

H2 {
color: teal;
padding-top: 0.5em;
}

H3 {
color: olive;
padding-top: 0.5em;
}

DIV {
margin-left: 2em;
}

DIV.example {
border-left: thin;
padding-left: 1em; 
margin-left: 1em;
}

P.example {
margin-left: 2em;
}

P.definition {
margin-left: 5em;
margin-right: 5em;
font-weight: bold;
}

P.equation {
margin-left: 2em;
/*text-align: center;*/
}

.question {
color:       purple;
font-weight: bold;
text-align:  center;
}

IMG.example, IMG.graph {
text-align: center;
}
 
OL LI {
font-weight: bold;
margin: 2ex 0ex 0ex 0ex;
}

OL {
list-style-type: upper-roman;
margin-top: 3ex;
margin-bottom: 3ex;
}

OL OL {
list-style-type: lower-roman;
margin-top: 3ex;
margin-bottom: 3ex;
}

.important {
padding: 0.5em;
border: thin double red;
}

CODE {
color: brown;
white-space: pre;
font-family: monospace;
}

.reference {
color: red;
font-weight:  bold;
}