BODY {
	margin:6em;
	font-family: serif;
	line-height: 1.1;
	background:url("yellograde.gif");
	color: black;
}

H1, H2, H3, H4, H5, H6 P, UL, OL, DIR MENU, DIV,
DT, DD, ADDRESS, BLOCKQUOTE, PRE BR, HR {display: block}

B, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, IG, SPAN {display: inline}

LI {display: list-item}

H1, H2, H3, H4 {margin-top: 1em; margin-bottom:1em}
H5, H6 {margin-top: 1em}
H1, H2 {text-align: center}
H1, H2,  H4, H6 {font-weight: bold}
H3, H5 {font-style: italic}
H1 {font-size: x-large; font-family: sans-serif; color: #68452E}
H2 {font-size: large; font-family: sans-serif; color: #68452E}
H3 {font-size: large; font-family: sans-serif; color: #68452E}

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: 8em}
BLOCKQUOTE {margin-left: 8em; margin-right: 3em}

UL, DIR {list-style: square url(grnsqbullet.gif) }
OL {list-style: upper-roman}
MENU {margin-left: 3em}
LI { margin-left: 3em}

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

HR {border-top: solid}

A:link {color: #680000; background-color: #FCFECC  }	
A:visited {color:#407700; background-color: #FCFECC}
A:active {color: #3068FF; background-color: #FCFECC}

/* setting the anchor border around IMG elements requires contextual selectors*/

A:link IMG {border: 2px solid #980098}
A:visited IMG {border: 2px solid #D03498}
A:active IMG {border: 2px solid #3068FF}