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

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

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

@font-face {
font-family:Junicode;
font-weight:bold;
font-style:italic;
src:url('http://septentrionalia.net/fonts/Junicode-BoldItalic.ttf');
}

html,body,#selector {
background-color:#000000;
color:#99cc33;
font-family:Junicode, "Andron Scriptor Web", "Liberation Serif", "Brill", "FreeSerif", "Times New Roman", serif;
}

#selector {
display:none;
position:fixed;
top:0px;
left:0px;
right:0px;
height:23px;
margin:0;
padding:0px 2px;
background-color:#000000;
z-index:2;
}

#main {
position:relative;
top:23px;
width:100%;
margin:6px 0;
padding:0 2px;
z-index:1;
}

p,h1,h2,h3 {
color:#ffffff;
}

h1,h2 {
text-align:center;
margin:8px;
}

h2 {
font-size:18px;
font-weight:normal;
}

#textbox h2 {
font-size:28px;
}

h3 {
font-size:23px;
}

p {
text-align:justify;
}

form{
display:none;
}

#textbox {
display:block;
font-size:23px;
border:none;
vertical-align:top;
}

#textbox p,#textbox h1,#textbox h2,#textbox h3, #textbox li {
color:#ffffff;
text-align:justify;
}

code {
font-family:DejaVu Sans Mono, "Lucida Console", sans-serif;
font-size:16px;
}

div.spacer {
height:17px;
}

div.page {
height:729px;
}

small {
font-size:24px;
}

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

a,a:link,a:visited,a:hover,a:visited:hover {
text-decoration:none;
color:inherit;
}

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

table {
color:#ffffff;
margin:5px auto;
border-spacing:4px;
}

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

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;
}

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

.comment {
text-align:center;
font-size:20px;
color:#999999;
margin:6px 0;
}

.ref {
text-align:center;
font-size:16px;
color:#999999;
margin:6px 0;
}

select {
margin:0 6px 0 0;
background-color:#333333;
color:#99cc33;
}

.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;
}

.invisible {
visibility:hidden;
}


.hl {
color:#ff9933;
}

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

.red {
color:#ff0000;
}

.green {
color:#99ff33;
}

.blue {
color:#3399ff;
}

.grey {
color:#ffffcc;
}

.orange {
color:#ff9933;
}

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

a:link,a:visited,a:hover,a:active {
color:#000000;
}

.fn {
margin:10px 0 6px;
padding:4px;
font-size:14px;
color:#999999;
text-align:center;
}

.item {
margin-bottom:36px;
page-break-after:always;
page-break-inside:avoid;
}

.item:last-of-type {
page-break-after:auto
}