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

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

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

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

@font-face {
font-family:DejaVu Sans Mono;
font-weight:normal;
font-style:normal;
src:url('fonts/DejaVuSansMono.ttf');
}

@font-face {
font-family:DejaVu Sans Mono;
font-weight:bold;
font-style:normal;
src:url('fonts/DejaVuSansMono-Bold.ttf');
}

@font-face {
font-family:DejaVu Sans Mono;
font-weight:normal;
font-style:italic;
src:url('fonts/DejaVuSansMono-Oblique.ttf');
}

@font-face {
font-family:DejaVu Sans Mono;
font-weight:bold;
font-style:italic;
src:url('fonts/DejaVuSansMono-BoldOblique.ttf');

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

#headerwrapper {
position:fixed;
top:0;
margin:0;
height:40px;
width:100%;
background-color:#000000;
z-index:2;
}

#nav {
position:fixed;
top:0px;
left:0px;
right:0px;
height:23px;
margin:0;
padding:0px 2px;
background-color:#000000;
z-index:3;
font-family:DejaVu Sans Mono, "Lucida Console", sans-serif;
font-size:16px;
text-align:center;
}

#lexnav{
position:fixed;
top:24px;
left:0px;
right:0px;
margin:2px 0;
padding:0px 2px;
background-color:#000000;
z-index:3;
font-family:DejaVu Sans Mono, "Lucida Console", sans-serif;
font-size:16px;
text-align:center;
}

div.black {
display:block;
top:25px;
margin:36px 12px;
padding:2px 12px;
z-index:1;
} 

#content {
display:block;
margin:36px 12px;
padding:2px 12px;
font-size:23px;
color:#ffffff;
background-color:#333333;
border:1px solid #cccccc;
vertical-align:top;
}

h1 {
font-size:32px;
text-align:center;
}

div.tagline {
font-size:24px;
text-align:center;
}
#content p,#content h1,#content h2,#content h3, #content li {
color:#ffffff;
text-align:justify;
margin:16px 0 0;
}

a {
text-decoration:none;
color:inherit;
}

a:link, a:visited {
color:#33cc99;
}

a:hover, a:visited:hover {
color:#99ff33;
}

#content a {
text-decoration:none;
color:inherit;
}

#content a:link, #content a:visited {
color:#33cccc;
}

#content a:hover, #content a:visited:hover {
color:#99ff33;
}

#content a.name:hover {
color:#ffffff;
}

#content table a.name:hover {
color:#000000;
}

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

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

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

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

#content td {
background-color:#ffffff;
color:#333333;
}

#nav ul, #lexnav ul {
position:relative;
list-style:none;
width:100%;
margin:3px auto;
padding:0;
text-align:center;
background-color:#000000;
}

#nav li, #lexnav li {
border:1px solid #99cc33;
color:#99cc33;
background-color:#333333;
display:inline;
height:18px;
margin:1px;
padding:1px 8px;
text-align:center;
}

.menu ul {
display:block;
list-style:none;
margin:3px auto;
padding:0;
width:150px;
background-color:#000000;
text-align:center;
}

.menu li {
border:1px solid #ffffff;
color:#99cc33;
background-color:#666666;
display:block;
height:28px;
margin:1px;
padding:1px 8px;
text-align:center;
font-size:20px;
}

.menu a:link, .menu a:visited {
color:#ffffff;
}

#nav a, .menu a {
display:inline-block;
text-align:center;
}

#content td a:link, td a:visited {
color:#669933;
}

#content td a:hover, td a:active {
color:#99cc99;
}

#content table.invisible td {
color:inherit;
background-color:inherit;
border:none;
}

#content table td.date {
width:130px;
}

#whitecontent{
position:relative;
top:85px;
z-index:1;
}

#content tr.header td {
font-weight:bold;
text-align:center;
background-color:#cccccc;
color:#000000;
}

#content tr.header2 td {
font-weight:bold;
text-align:center;
background-color:#33cc99;
color:#000000;
border: 1px #000000;
}

form {
display:inline;
margin: 0 auto;
}

.clear {
display:block;
width:100%;
clear:both;
margin:1px 0 2px;
}

.float {
display:inline;
float:left;
margin-right: 8px;
}

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

#content .centred {
text-align:center;
}

.hanging p {
padding-left: 1em;
text-indent: -1em;
}