<!doctype text/css>

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

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

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

#menu { background-color: #999999; background-image: url(bg-l.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, #menu a:focus{ color: #660099; text-decoration: underline; }

#footer { background-color: #999999; background-image: url(bg-l.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, #footer a:focus { color: #330066; text-decoration: underline; }
#footer p.rss { float: left; margin: 0; }

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

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, a:focus{ 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; }

#tp { background-color: #333333; padding: 1em; margin: 1em 1em 1em 12em; border: 0.2em dotted #000000; }
.tphead1 { text-align: center; font: 2em Verdana bold, sans-serif; color: #666699; }
.tphead2 { text-align: center; font: 1.5em Verdana bold, sans-serif; color: #666699; }
.tpbody { text-align: left; font: 10em Verdana bold, sans-serif; color: #9999cc; }
.tpfoot { text-align: center; font: 1em Verdana bold, sans-serif; color: #666699; }

#sounds { background-color: #000000; background-image: url(sounds.jpg); padding: 0em 0em 0em 18em; margin: 0em 0em 0em 6em; border: 0.2em solid #000000; }




