/* Roger Watt's stylesheet for the ACLA website */

BODY { background: #EEC; margin: 0 2px 0 1.5em; font-size: 100% }

A[href]:visited { background: #FF9; color: #900 }
A[href]:hover { background: #900; color: #FFF; text-decoration: none }
A[href]:focus { background: #000; color: #FFF; text-decoration: none }

H1,H2,H3,H4,H5,H6 { font-family: Arial Narrow, sans-serif }

H1 { background: #900; color: #FFF; font-size: 133%; font-weight: normal;
 margin: 1em 0 0 -1em; padding: 0.5em 0.25em 0.15em 0.25em }
H2 { background: #FFF; color: #000; font-size: 117%; font-weight: normal;
 border-top: 2px groove #900; border-left: 2px groove #900;
 margin: 0.67em 0 0 -1em; padding: 0em 0.25em 0.1em 0.25em }
H3 { color: #900; font-size: 117%; margin: 0.5em 0 0 0 }
H4 { color: #000; font-size: 108%; margin: 0.5em 0 0 0 }
H5,H6 { color: #000; margin: 0.5em 0 0 0 }

P { margin-bottom: 0.1em; margin-top: 0.25em } 

BLOCKQUOTE,DL,OL,UL,DD,DT,LI,FORM,PRE,TABLE
 { margin-bottom: 0.25em; margin-top: 0.25em }

TABLE { border: solid 2px black; 
 border-collapse: collapse; empty-cells: show }
TD,TH,TR { margin: 0; padding: 0.15em; vertical-align: top }
TD,TH { border: 1px solid silver; padding: 2px }
TD { background: #FFF; text-align: left }
TH { background: #FC3; text-align: left }

/* ----- head ----- */

DIV.head { font-family: Arial Narrow, sans-serif; margin-left: -1.25em }

DIV.head H1 { background: #900; color: #FFF; 
 border-top: double 4px #EEC; border-bottom: double 4px #EEC;
 font-size: 125%; font-weight: bold;
 margin: 2px 0 0.25em 0; padding: 0.33em 0.25em}
DIV.head H1:before { content: "ACLA ... "; font-weight: normal }

DIV.head P { X-text-align: center; line-height: 188% }

DIV.head A { background: #FD3; border: solid #900 1px; 
 font-size: 108%; font-weight: bold;
 padding: 0.15em 0.33em; text-decoration: none; white-space: pre }
DIV.head A:link { color: #330 }
DIV.head A[href]:hover { color: white }

/* ----- special ----- */

.byline { background: #900;  color: #FFF;
 border-top: double 4px #EEC; border-bottom: double 4px #EEC; 
 font-size: 108%; margin: 0.5em 0 1px -1.25em; padding: 0.3em }

.action { background-color: #EF3 }

.insert { float: right; background: #DDB;
 border-top: solid #900 1px; 
 border-left: solid #900 1px; 
 border-bottom: solid #900 1px; 
 margin: 0.33em 0 0.33em 0.5em; padding: 0.25em 
}

/* ----- changes for printed output ----- */

@media print {
  BODY { background: #FFF; font-size: 90% }
  H2 { background: #EEC }
  .insert { background: #EEC }
}

/* ----- that's all, folks ----- */