@import url(http://www.princexml.com/fonts/sil/index.css) all;

html { margin: 0; padding: 0; background: white }

@page {
  size: 451.2px 451.2px;
  padding: 0;
  margin: 0;
}

body { 
  color: black; background: #68a;
  margin: 2em auto;
  position: relative; width: 451.2px; height: 451.2px; 
}

@media print {
  body { display: block; margin: 0; padding: 0; border: none }
}

h1::before { 
  color: white;
  position: absolute; top: 40px; left: 0; right: 0;
  padding: 0; margin: -0.2em 0 0; 
  font: bold 120px/0.95 "Gentium"; 
  text-align: center; 
  z-index: 100;
  content: "\3c2\282\219  \291\25b\19e\a\11f\250\281\257\25a\438";
}

h1 span { display: none }

h2 { 
  position: absolute; top: 16px; left: 0; right: 0;
  padding: 0; margin: 0;
  font: bold 20px "Gentium Basic";
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.2em; 
  color: black;
  z-index: 100;
}

h3 { 
  position: absolute; bottom: 130px; right: 0px; left: 0px; 
  font: italic 26.3px/1.08 "Gentium"; 
  text-align: right; 
  padding: 0 1em;
  color: white; background: #736;
  z-index: -10;
}

#preamble { 
  font: 12px/1.2em "Gentium Book Basic";  
  hyphens: auto; 
  text-align: justify; 
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 0 1em 0.7em;
  z-index: 12;
  columns: 2; -webkit-columns: 2; -moz-column-count: 2; -moz-column-gap: 1em;
}

p { display: inline }

a, acronym { text-decoration: none; text-transform: none; border: none }

#quickSummary, #supportingText, #linkList { display: none }
