<!doctype text/css>

body { background-color: #333333; margin: 0; padding: 0; }

#container { background-color: #333333; background-image: url(dark-tile.jpg); padding: 2em; margin: 0; border: 0.2em solid #333333; }

#header { background-color: #999999; background-image: url(light-tile.jpg); padding: 1em; margin: 0; border: 0.2em solid #999999; }
#header h1 { text-align: right; font: x-large verdana, sans-serif; font-weight: bold; color: #330066; margin: 0; }
#header a:link, #header a:visited { color: #330066; text-decoration: none; }
#header a:active, #header a:hover  { color: #330066; text-decoration: underline; }

#menu { background-color: #999999; background-image: url(light-tile.jpg); padding: 0.5em; margin: -3em 1em 1em 0.5em; border: 0.1em dotted #999999; float: left; }
#menu p { font-family: verdana, sans-serif; color: #330066; margin: 0.5em; }
#menu p.top { font-size: small; font-weight: bold; }
#menu p.sub { font-size: x-small; text-indent: 1em; }
#menu p.group { font-size: x-small; text-indent: 1em; margin: 0em 0.5em; }
#menu a:link { color: #660099; text-decoration: none; }
#menu a:visited { color: #330066; text-decoration: none; }
#menu a:active, #menu a:hover { color: #660099; text-decoration: underline; }

#footer { background-color: #999999; background-image: url(light-tile.jpg); padding: 1em; margin: 0; border: 0.1em solid #999999; clear: right; clear: left;}
#footer p { text-align: right; font: x-small verdana, sans-serif; font-weight: bold; color: #330066; margin: 0; }
#footer a:link, #footer a:visited { color: #330066; text-decoration: none; }
#footer a:active, #footer a:hover  { color: #330066; text-decoration: underline; }

#main { padding: 1em; margin: 0 0 0 24em; }

p { text-align: justify; font: medium verdana, sans-serif; color: #9999cc; }

blockquote, dd, td { font: medium verdana, sans-serif; color: #9999cc; }

a:link, a:active, a:hover { color: #666699; }
a:visited { color: #9999cc; }

h1, h2, h3, h4, dt { text-align: left; font-family: verdana, sans-serif; color: #666699; margin-top: 1em; }

h1 { font-size: large; font-weight: bold; }

h2 { font-size: large; font-weight: normal; }

h3 { font-size: medium; font-weight: bold; }

h4 { font-size: small; font-weight: bold; }

dt { font-size: small; font-weight: bold; }

li { font: small verdana, sans-serif; color: #9999cc; margin-top: 0.5em; }

pre { font: small "Andale Mono", mono-type; color: #9999cc; }

hr { color: #666699; }

.center { text-align: center; }

.right { text-align: right; }

.emph, .title { font-style: italic; font-weight: normal; }

.str, .auth { font-style: italic; font-weight: bold; }

.leader { font-weight: bold; font-size: x-small; float: right; text-align: right; padding: 1em; margin: 1em 0em 1em 1em; border: 0.1em dotted #666699; }

.hide { color: #333333; }
