BODY { margin: 1em; line-height: 1.1; background: white; color: black }

H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR, FORM, DL { display: block }
B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, IMG, SPAN { display: inline }
LI { display: list-item }

H1, H2, H3, H4, H5, H6 { color: gray; margin-top: 1em }
H1 { text-align: center; padding: 8; border-top: thin solid #80C0FF }
H1 { font-size: x-large;  font-weight: 900; margin-bottom: 1em; border-bottom: thin solid #80C0FF;                                 background-color: #E0FFE0 }
H2 { font-size: x-large;  font-weight: 900; margin-bottom: 1em; border-bottom: thin solid #90B090; border-left: 1em solid #90B090; background-color: #E0FFE0 }
H3 { font-size: large;    font-weight: 800; margin-bottom: 1em; border-bottom: thin solid #A0C0A0; border-left: 1em solid #A0C0A0; background-color: #E0FFE0 }
H4 { font-size: medium;   font-weight: 700; margin-bottom: 1em; border-bottom: thin solid #B0D0B0; border-left: 1em solid #B0D0B0; background-color: #E0FFE0 }
H5 { font-size: medium;   font-weight: 600; margin-bottom: 0;   border-bottom: thin solid #C0E0C0; border-left: 1em solid #C0E0C0; background-color: #E0FFE0 }
H6 { font-size: medium;   font-weight: 500; margin-bottom: 0;   border-bottom: thin solid #D0F0D0; border-left: 1em solid #D0F0D0; background-color: #E0FFE0 }

B, STRONG { font-weight: bolder }	/* relative to the parent */
I, CITE, EM, VAR, ADDRESS, BLOCKQUOTE { font-style: italic }
PRE, TT, CODE, KBD, SAMP { font-family: monospace }

PRE { white-space: pre }

ADDRESS { margin-left: 2em }
BLOCKQUOTE { margin-left: 2em; margin-right: 2em }

UL { list-style-type: circle }
DIR { list-style: disc }
OL { list-style: decimal }
MENU { margin: 0 }	/* tight formatting */
UL, OL, LI { margin-left: 1em }

DT { margin-bottom: 0 }
DD { margin-top: 0; margin-left: 2em }

HR { border-top: thin solid #80C0FF }	/* 'border-bottom' could also have been used */

A:link    { color: blue }	/* unvisited link  */
A:visited { color: navy }	/* visited   links */
A:active  { color: red  }	/* active    links */
A:hover   { color: red  }	/* user hovers */	/* CSS 2.0 */

/* setting the anchor border around IMG elements requires contextual selectors */
A:link    IMG { border: 1px solid blue }
A:visited IMG { border: 1px solid navy }
A:active  IMG { border: 1px solid red  }


/* class */

DIV.indent1 { margin-left: 1em }
DIV.indent2 { margin-left: 2em }
DIV.top {
	font: italic normal 900 large normal sans-serif;
	padding: 8;
	border-top:  thin solid #80C0FF;
	border-left: thin solid #80C0FF 
}

TABLE.menu0 { float: right; border-top: thin solid #80C0FF; border-right: thin solid #80C0FF }
TABLE.menu1 { float: right; border-top: thin solid #80C0FF; border-right: thin solid #80C0FF }
TABLE.menu2 { float: right; border-top: thin solid #90B090; border-right: thin solid #90B090 }
TABLE.menu3 { float: right; border-top: thin solid #A0C0A0; border-right: thin solid #A0C0A0 }

TD.menu0 { background-color: #FFFFFF }
TD.menu1 { background-color: #F0F0FF }
TD.menu2 { background-color: #E0FFE0 }
TD.menu3 { background-color: #E0FFE0 }

DT.question {color: red }
DD.answer {margin-left: 0 }