html, body { background-color: #D3D3D3; color: black; margin: 0; }
a:link { color: blue; }
a:visited { color: purple; }

img { border: none; }

#header { background-color: white; border: 1px solid black; margin: 0.5em 1em; padding: 0.5em; }
#header { overflow: hidden; display: inline-block; } #header { display: block; }
#header h1 { float: left; margin: 0; padding: 0 0.5em 0 0; }
#logo { float: left; margin-right: 0.25em; }
#titles { float: left; }
#title { color: black; text-decoration: none; }
#subtitle { display: block; font-size: 75%; }

.nav { float: left; padding-left: 0; }
.nav { overflow: hidden; display: inline-block; } .nav { display: block; }
.nav li { display: block; float: left; border-left: 1px solid black; }
.nav li a { display: block; padding: 0.2em 0.5em; line-height: 1.1em; }
.nav li a:hover { background-color: #FFA; }

#serialnav { overflow: hidden; display: inline-block; } #serialnav { display: block; }
#serialnav li { display: block; float: left; border-left: 1px solid black; }
#serialnav li:first-child { border-left: none; }
#serialnav li #serialself { font-weight: bold; }
#serialnav li * { display: block; padding: 0.2em 0.5em; line-height: 1.1em; }
#serialnav li a:hover { background-color: #FFA; }

#main { position: relative; background-color: white; margin: 0 2em; border: 1px solid black; padding: 1em; }

#status { margin: 0 0.5em; padding: 0.1em 0.5em; }
.error { background-color: #F44; }
.success { background-color: #4F4; }

ol { padding-left: 4em; }

li p { margin: 0.4em 0; }

.line { display: block; }
.longline { width: 100%; }

#template { width: 100%; }
#template th { text-align: right; }

table { border-collapse: collapse; }
th, td { padding: 0.3em 0.5ex; }