body {
	    margin-left: 10%; 
     margin-right: 10%; 
     font-family: Georgia, Arial, Helvetica, sans-serif;
			 background-color: white;
  		 font-size:120%;
  }
  p,ul,ol,dl,blockquote { text-align: justify;}
  h1 { margin-left: -8%; color: green; font-size:240%;  }
  h2 { color: green; font-size:140%;  }
  .center {text-align: center;}

  span.definition { background-color:yellow; font-style: italic; font-weight: bold}
  em.inText { background-color: yellow; font-style: italic }

	
.hint, .alt-hint {
  width: 16em;
  padding: 1em;
  color: #000;
  background: #CFC;
  border-right: solid thick #CCC;
  border-bottom: solid thick #CCC;
  font-style: italic;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
	font-size: 80%
}
.hint {
  float: right;
  text-align: right;
  margin-left: 1em;
  margin-right: 0;
}
.alt-hint {
  float: left;
  /* margin-left: -6%; This doesn't work in IE 5 :-( */
  text-align: left;
  margin-left: 0;
  margin-right: 1em;
}