body { background-color: #f5deb3; font-family: 'Trebuchet MS', sans-serif; }

a:link { color: #0000ff; text-decoration: none; }

a:visited { color: #000099; text-decoration: none; }

a:hover { color: #0000ff; text-decoration: underline; }

a:active { background-color: #000099; text-decoration: none; }

p { text-indent: 2em; }

.1 { background-color: #ff99cc; }

.2 { background-color: #ffcc99; }

.3 { background-color: #ccff99; }

.4 { background-color: #99ffcc; }

.5 { background-color: #99ccff; }

.6 { background-color: #cc99ff; }

h1 { text-align: center; font-style: italic; }

h2 { text-align: center; font-style: italic; }

h3 { text-align: center; font-style: italic; }

h4 { text-align: center; font-style: normal; }

.block { background-color: #deb887; margin-left: 16%; margin-right: 16%; margin-top: 0; margin-bottom: 10px; padding: 5px; } 

.display { text-align: center; }

.quote { font-size: 85%; color: #000066; margin-left: 10%; margin-right: 10%; text-align: left; text-indent: 0; }

.left { float: left; margin-left: 0; margin-right: 0; text-align: center; }

.right { float: right; margin-left: 0; margin-right: 0; text-align: center; }

.footnote { font-size: 75%; text-align: left; text-indent: 0; }

.special { margin-left: 30%; color: #660000; } /*for right-shifted footnotes*/ 

.head { border: 2px brown solid; }

.banner { width: 15%; padding: 0; }

.button { font-weight: bold; background-color: #00ff00; padding: 5px; margin-top: 10px; margin-bottom: 5px; text-indent: 0; text-align: left; }

.column { font-size: 85%; width: 50%; margin-left: 0; margin-right: 0; padding: 5px; }

.colleft { background-color: #deb887; font-size: 85%; width: 45%; padding: 5px; position: absolute; right: 50%; }

.colright { background-color: #deb887; font-size: 85%; width: 45%; padding: 5px; position: absolute; left: 50%; }

/* background colours: #deb887 is "burlywood", #f5deb3; is "wheat" */

