html { overflow-y: scroll; }
body { font-size: 100%; }

body { font-family: "Trebuchet MS","Tahoma","Verdana","Arial","sans-serif"; font-size: 62.5%; }

#header { background-color: #248312; }
#header img { vertical-align: middle; padding: 0.2em 1em; }
#header span.logo { color: #ffffff; font-size: 4em; font-weight: bold; vertical-align: middle; padding-left: 0.25em; }
#header span.date { color: #ffffff; font-size: 2em; font-weight: bold; vertical-align: middle; float: right; line-height: 1em; padding: 1em 0.5em }

#sidebar { font-size: 1em; float: left; width: 19em; margin-right: 1em; }

#extra { margin: 1em 0 0 0; padding: 0; }
#extra form fieldset { margin: 0; padding: 0 0.5em 0.5em 0.5em; font-weight: bold; }
#extra form legend { color: #248312; }
#extra form label { display: block; margin-top: 0.5em; }
#extra form input.text { display: block; width: 100%; padding: 2px 0; }
#extra form input.button { display: block; margin-top: 0.5em; width: 6em; }

#content { float: left; }
#content h1 { font-size: 2em; margin: 1px 0 0 0; padding: 0.1em; }
#content p.breadcrumb { border: 1px solid #ffffff; font-weight: bold; margin: 1px 0 0 0; padding: 0.5em; }

#footer { clear: both; width: 100%; visibility: hidden; }