/* STANDARD ELEMENTS */
body, html { background-color:#fff; margin:0; padding:0; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; }
a { text-decoration:none; }
a:active, a:hover { color:#ff8c00; } /* 'hover' & 'focus' ? */
/* a:link {}
a:visited {} */
div, p, li, ol, span, td, th, ul { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; }
h1, h2, h3, h4 {font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
h1, h3 { color:#ff6347; }
h2, h4 { color:#ff8c00; }
h3 { font-size:14pt; }
hr { color:#ff6347; }
i { color:#900; }
table, td, th, tr { border-color:#add8e6; }
textarea { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; }
th { text-align:center; }

/* SPECIAL ELEMENTS */
.bluebox { border-color:#00f; }
.cen { text-align:center; }
.instr { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10pt; }
.lft { text-align:left; }
.pgwidth { width:425px; margin:10px 0 10px 40px; }
.QuNo { color:#900; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:7pt; }
.sidebar { background-color:#ffebcd; }
.sixty { color:#ff6347; text-align:center; width:60%; }
/* CORRECTIONS */
.red { color:#f00; font-weight:bold; text-decoration:underline; }
.green { color:green; font-weight:bold; }
.orange { color:#ff8c00; }
.tellme { color:#900; }

/* HEADER AND FOOTER */
.tiptop { background-color:#ff8c00; color:#fff; font-size:36pt; font-family:Tahoma; padding:25px; }
.tipbottom { background-color:#ff8c00; color:#fff; font-size:8pt; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:center; padding:10px 10px; }
.tipbottom a { font-size:8pt; color:#fff }
.pgtitle { color:#cf0; position:relative; left:5px; font-size:18pt; font-family:Tahoma; }
/* MENU BAR */
.menubar { background-color:#ff6347; color:#fff; font-weight:bold; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
.button a:active, .button a:hover { background-color:#b8860b; color:#900; padding:0 5px; } 
.button a:link, .button a:visited { color:#fff; padding:0 5px; }
.button { color:#900; font-size:8pt; padding:0 5px; }
.pagebutton a:link, .pagebutton a:visited { color:#ff6347; padding:0 5px; }
.pagebutton a:active, .pagebutton a:hover { background-color:#b8860b; color:#900; padding:0 5px; } 
.pagebutton { color:#ff6347; font-size:8pt; background-color:#fff; padding:0 5px; }
/* pagebutton sometimes has an A element so 5px extra margins, sometimes not; so new span needed for latter */

/* OTHER */
.phvb, span.grm { color:#900; }
.trans { color:#1e90ff; }
/* SPECIAL: in some exercices */
span.x { color:#900; font-size:8pt }
span.y { color:#ff8c00 }