body { background-color: white; color: black; font-family: verdana, helvetica, sanf serif; font-size: 80%; }
td { font-size: 80%; }

h1 { color: #336699; text-align: center; font-size: 3em; padding-bottom: 10px; margin: 0px; }
h2 { color: #336699; }
h3 { color: #336699; }
h4 { color: #336699; }

a:link { color: #336699; }
a:visited { color: #800080; }
a:hover { color: #800080; background-color: #ffff80; }
a:active { color: #006666; }

img { border: 0; }
.figure { text-align: center; }

span.year { color: #336699; }

p.copyright { text-align: center; padding-top: 10px; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #336699; }
p.author { color: #336699; padding-bottom: 10px; }
p.block { text-align: center; }

hr { height: 0px; color: #336699; }

span.description { color: #336699; font-weight: bold; }
span.switch { cursor: pointer; margin-left: 5px; text-decoration: underline; }

/* Samples */

/* background-color: #ffffcc; would make the groups even more visible but it's a bit heavy IMHO */
.samplesGroup {
    color: black;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: #336699;
    font-size:120%;
    padding-left: 0.2em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin-top: 1em;
    margin-bottom: 0;
}

.samplesNote {
    color: #333333;
    margin: 0.5em;
    padding: 0.2em;
    background-color: #ffffcc;
    font-style: italic;
}

.samplesText {
    margin-top: 0.2em;
}