@font-face {
font-family:Junicode;
font-weight:normal;
font-style:normal;
src:local('Junicode'),
	url('http://septentrionalia.net/fonts/Junicode.woff') format 'woff',
	url('http://septentrionalia.net/fonts/Junicode.ttf') format 'truetype';
}

@font-face {
font-family:Junicode;
font-weight:bold;
font-style:normal;
src:local('Junicode Bold'),
	url('http://septentrionalia.net/fonts/Junicode-Bold.woff') format 'woff',
	url('http://septentrionalia.net/fonts/Junicode-Bold.ttf') format 'truetype';
}

@font-face {
font-family:Junicode;
font-weight:normal;
font-style:italic;
src:local('Junicode Italic'),
	url('http://septentrionalia.net/fonts/Junicode-Italic.woff') format 'woff',
	url('http://septentrionalia.net/fonts/Junicode-Italic.ttf') format 'truetype';
}

@font-face {
font-family:Junicode;
font-weight:bold;
font-style:italic;
src:local('Junicode Bold Italic'),
	url('http://septentrionalia.net/fonts/Junicode-BoldItalic.woff') format 'woff',
	url('http://septentrionalia.net/fonts/Junicode-BoldItalic.ttf') format 'truetype';
}

@media screen {

html,body {
font-family: "Junicode", "Andron Scriptor Web", "Brill", "Times New Roman", serif;
background-color:#ffffff;
font-size:22px;
color:#000000;
line-height:120%;
}

div.spacer {
height:17px;
}

div.page {
height:729px;
}

div.minipage {
height:660px;
}

.q {
font-size:35px;
margin-left:55px;
}

div.threepages {
height:2187px;
}

div.fourpages {
height:2916px;
}

div.twocols {
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
}

h1 {
font-size:28px;
font-weight:bold;
text-align:center;
color:#333333;
margin:0 0 20px;
}

h2 {
text-align:center;
font-size:42px;
font-weight:bold;
margin:20px 20px;
color:#333333;
}

h3 {
font-size:38px;
font-weight:bold;
margin:0 20px;
color:#333333;
}

ol,ul {
margin:2px 46px 32px;
}

td ul {
margin:0;
}

td ul li {
font-size:22px;
line-height:100%;
}

p {
margin:0 20px;
text-align:justify;
}

p.block {
margin:12px 3em;
font-size:32px;
}

.hl {
color:#ff9933;
}

p.alt {
color:#66ffff;
margin-top:40px;
}

.red {
color:#ff0000;
}

.green {
color:#99ff33;
}

.blue {
color:#3399ff;
}

.grey {
color:#999999;
}

.orange {
color:#ff9933;
}

.centredgrey {
color:#999999;
text-align:center;
}

.smallcentred {
font-size:24px;
text-align:center;
}

.vl {
margin-left:6em;
text-indent:-2em;
font-size:32px;
}

.ln {
float:left;
font-size:32px;
margin-left:30px;
}

span.caesura {
display:inline-block;
width:1em;
}

span.halfline {
display:inline-block;
width:8em;
}

p.large {
font-size:120px;
text-indent:0;
}

div.threecolumns {
width:900px;
margin: 0 auto;
}

img {
display:block;
margin:0 auto;
border:none;
padding:0;
}

table {
color:#ffffff;
margin:8px auto;
border-spacing:6px;
}

td {
padding:2px;
font-size:22px;
color:#333333;
background-color:#cccccc;
border:1px solid #333333;
vertical-align:top;
}

table.transparent td {
color:#000000;
background-color:#ffffff;
border:none;
}

table.large {
border-spacing:9px;
}

table.large td {
padding:4px 10px;
font-size:48px;
}

table.mid {
border-spacing:7px;
}

table.mid td {
padding:3px 7px;
font-size:40px;
}

table.midcentred {
border-spacing:7px;
}

table.midcentred td {
padding:3px 7px;
font-size:40px;
text-align:center;
vertical-align:middle;
}

tr.header td {
font-weight:bold;
text-align:center;
}

tr.alt td {
color:#003366;
}

.float {
display:inline;
float:left;
}

.floatright {
display:inline;
float:right;
}

.clear {
display:block;
width:100%;
clear:both;
}

.clearcentred {
display:block;
clear:both;
width:90%;
margin-left:auto;
margin-right:auto;
}

.centred {
text-align:center;
}

table.centred td {
text-align:center;
}

.ex {
display:block;
color:#99ff99;
text-indent:0;
margin:0 40px;
}

.invisible {
visibility:hidden;
}

.u {
text-decoration:underline;
}

.udouble {
border-bottom: 3px double;
}

div.attr p {
text-align:center;
font-size:12px;
}

}

@media print {

@page {
size:a4;
margin:40pt 30pt 30pt;
}

html,body {
background-color:#ffffff;
font-family: "Junicode", "Andron Scriptor Web", "Times New Roman", serif;
line-height:120%;
}

div.spacer {}

div.page {}

div.threepages {}

div.twocols {
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
}

.q {
font-size:17pt;
margin-left:27pt;
}

h1 {
font-size:14pt;
font-weight:bold;
text-align:center;
color:#000000;
margin: 16pt 0;
page-break-before:avoid;
}

li {
font-size:14pt;
}

p {
margin:20pt 0;
text-align:justify;
font-size:18pt;
color:#000000;
}

p.block {
margin:0 3em;
}

.hl {
font-weight:bold;
}

p.alt {
font-style:italic;
margin-top:40pt;
}

.red {
font-weight:bold;
}

.green {
text-decoration:underline;
}

.blue {
border-bottom:1px dashed;
}

.grey {
font-style:italic;
}

.orange {
border-bottom:1px double;
}

.centredgrey {
color:#999999;
text-align:center;
}

div.threecolumns {
width:900px;
margin: 0 auto;
}

img {
display:block;
margin:0 auto;
border:none;
padding:0;
  -webkit-transform: scale(0.7) translate(-170px,0px); /* Saf3.1+, Chrome */
     -moz-transform: scale(0.7) translate(-170px,0px); /* FF3.5+ */
      -ms-transform: scale(0.7) translate(-170px,0px); /* IE9 */
       -o-transform: scale(0.7) translate(-170px,0px); /* Opera 10.5+ */
          transform: scale(0.7) translate(-170px,0px);
             /* IE6–IE9 */
             filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');
}

table {
margin:8px auto;
border-spacing:6px;
}

td {
padding:2px 3px;
font-size:12pt;
border:1px solid #333333;
vertical-align:top;
}

ol,ul {
margin:2px 8px;
}

td ul li {
font-size:12pt;
}

table.transparent td {
background-color:#ffffff;
border:none;
}

table.large {}

table.mid {}

table.midcentred td {
text-align:center;
vertical-align:middle;
}

tr.header td {
font-weight:bold;
}

tr.alt td {
font-style:italic;
}

.float {
display:inline;
float:left;
}

.floatright {
display:inline;
float:right;
}

.vl {
margin-left:8em;
text-indent:-2em;
font-size:14pt;
}

.ln {
float:left;
font-size:14pt;
margin-left:20pt;
}

span.caesura {
display:inline-block;
width:4em;
}

.clear {
display:block;
width:100%;
clear:both;
}

.ex {
display:block;
text-indent:0;
margin:0 12px;
}

.invisible {
visibility:hidden;
border:1px solid #ffffff;
}

.u {
text-decoration:underline;
}

.udouble {
border-bottom: 3px double;
}

div.attr p {
text-align:center;
font-size:8pt;
}

}