body {
    background-color: white;
    color: black;
    font-family: verdana, geneva, lucida, sans-serif;
    font-size: 0.8em;
}

a { margin: 0; padding: 0; border: 0; color: #33a; 
    text-decoration: underline; }
a:hover { background-color: #e5ecec; text-decoration: none; }
img { margin: 0; padding: 0; border: 0; }
p { margin: 0; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0; }
div { margin: 0; padding: 0; }
h1 { font-size: 1.1em; }
h2 { font-size: 1.1em; }
.right { text-align: right; margin-left: auto; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.color1 { background-color: #C1DF98; }
.color2 { background-color: #99CFD9; }
.color3 { background-color: #EBBB72; }
.color4 { background-color: #EEDE6B; }
.bottom { vertical-align: bottom; margin-top: auto; }

div.main {
    background-color: #e5ecec;
    margin: 30px 30px 0 30px;
    padding: 30px;
}

div.picleft { padding: 0.5em; width: 310px;
              float: left; margin-right: 0.5em; clear: both; }
div.picright { padding: 0.5em; width: 310px;
               float: right; margin-left: 0.5em; clear: both; }

div.footer { margin-top: 10px; margin-left: 30px; font-size: 0.7em; }

div.footer p { padding: 0; margin: 0; }
div.footer p.logos { margin-top: 10px; }

a.pic { color: transparent; text-decoration: none; border: none; }
a.pic:hover { background-color: transparent; border: none; }

p.piccaption { font-size: 0.7em; margin: 0; padding: 0; }
p.picpopupcaption { font-size: 0.7em; margin: 0; margin-left: 10px; }

ul { margin-bottom: 1em; }
ul ul ul { margin-bottom: 0; }

div.section { margin-top: 10px; padding: 20px; }

img.picpopup { margin: 8px 8px 0 8px; }