html {
padding: 0;
margin: 0;
}

body {
color: #411;
text-align: center;

font-family: tahoma,arial,sans-serif;
background-color: #558;
padding: 0;
margin: 0;
}

p {
margin: 0;
text-indent: 1em;
line-height: 1.1em;
font-size: 1.1em;
}

div.page {
margin: 1em auto 2em auto;
padding: 1em 0;
border: 5px double #ba9;
background-color: #efd8a5;
text-align: center;
width:94%;
max-width: 960px;
min-width: 600px;
}

.topbar {
color: #911;
margin: .1em auto .3em auto;
text-align: center;
font-family: impact;
font-size: 3.5em;
font-style: oblique;
letter-spacing: 1px;
padding: 0 .5em 0 .2em;
}

div.quote {
margin: 0 auto;
width: 75%;
padding: .8em .5em 0 0;
}

div.quote p {
text-indent: 0;
}

div.quote p:first-line {
color: #34a;
font-size: 1.6em;
font-weight: bold;
font-family: garamond;
font-variant: small-caps;
text-indent: 0;
}

.menubar {
position: relative;
left: 0px;
top: 0px;
background-color: #e4cc99;
border-top: 3px solid #9888a8;
border-bottom: 3px solid #efe8c0;
color: #34a;
margin:1.5em 0 .5em 0;
padding: 4px 0 3px 0;
}

a.menubutton {
position: relative;
left: 0px;
top: 0px;
background-color:  transparent;
border: 1px solid #e4cc99;
color: #239;
cursor: default;
font-family: garamond, serif;
font-weight: bold;
font-size: 1.2em;
letter-spacing: .1em;
margin: 1px;
padding: 2px 20px;
text-decoration: none;
}

a.menubutton:hover {
position: relative;
left: -1px;
top: -1px;
background-color: #e8d09c;
border-color: #efe8c0 #9888a8 #9888a8 #efe8c0;
border-style: solid;
border-width: 1px;
color: #911;
}

a.menubutton:active {
position: relative;
background-color: transparent;
border-color: #e8d09c;
border-style: solid;
border-width: 1px;
color: #911;
left: 0px;
top: 0px;
}

.mlwrapper {
text-align: left;
padding: 0 1.5em 1em 1em;
}

.oneword {
color: #34a;
font-size: 1.7em;
font-weight: bold;
font-family: garamond,serif;
text-align: left;
font-variant: small-caps;
margin-left: 1em;
}

.onewordcen {
color: #34a;
font-size: 1.7em;
font-weight: bold;
font-family: garamond,serif;
text-align: center;
font-variant: small-caps;
margin: 1.5em 2em 0 0;
}

.maplegend {
color: #34a;
font-size: 1.9em;
font-weight: bold;
font-family: garamond,serif;
text-align: center;
font-variant: small-caps;
margin: 1em 0 .5em 0;
}

.twocol {
width: 45%;
text-align: left;
vertical-align: top;
float: left;
margin-left:.3em;
padding: .2em;
}

.bar {
border-bottom: 2px solid #efe8c0;
border-top: 2px solid #9888a8;
margin: 20px 0;
font-size: .3em;
background-color: #e8d09c;
}

.centered {
margin: 5px;
text-align: center;
font-size: 1.1em;
font-weight: normal;
}

strong {
font-size: 1.2em;
}

.warning {
color: #000;
margin: 1em 2em;
text-align: center;
font-size: 1.2em;
line-height: 160%;
}

.bigred {
color: #911;
font-size: 2.4em;
font-family: garamond,"times new roman",serif;
font-weight: bold;
line-height: 105%;
}

.update {
font-weight:normal;
font-size: .8em;
}

.log {
text-align: left;
margin: 0 1em 0 4em;
}

.log a {
color: #24d;
text-decoration: none;
}

.log a:hover {
color: #b11;
}

p.hang {
text-indent: -4em;
}

.mile {
color: #911;
padding: 0 .4em 0 .8em;
font-family: veranda,arial;
font-size: 1.4em;
font-weight: bold;
}


/*CSS HACK*/
.spacer {
border: #efd8a5 solid 1px;
clear: both;
}