body {
 font-family: Palatino, sans-serif;
 font-size: 0.9em;
 line-height: 1.5em;
 background-color: #FFF0C2;
 color: #933;
}
#wrapper {
 max-width: 800px;
 margin: 0 auto;
 border-left: 2px solid #933;
 border-right: 2px solid #933;
 padding: 0 5px;
}
h1, h2, h3 {
 font-family: Georgia, serif;
 margin-bottom: .5em;
}
p, li {
 margin-left: 2em;
 margin-right: 2em;
}
p.note {
 margin-left: 0em;
 font-style: italic;
}
a:link {
 color: #F36;
}
a:visited {
 color: #633;
}
a:active {
}
address, #directory, .subsects {
 color: black;
 text-align: center;
 padding-top: .5em;
 padding-bottom: .5em;
}
#directory {
 background-color: #CFF;
 border: 2px solid #cc9;
}
#directory a {
 color: #633;
}
address {
 font-family: Georgia, serif;
 font-size: .7em;
}
#directory {
 max-width: 800px;
}
#directory a, .subsects a {
 font-size: .8em;
}
.subsects {
 line-height: 1em;
 margin: -1em 10% .5em 10%;
 padding: .5em;
}
input[name="url"] {
 width: 40em;
}
input[name="pre"], input[name="post"], input[name="desc"] {
 width: 30em;
}
input[name="name"] {
 width: 20em;
}
@media only screen and (max-device-width: 480px) {
    body {
	font-size: 9pt;
    }
    p, li {
	margin-left: 1em;
	margin-right: 1em;
    }
}