body { 
  background-color:#a0cbf6;
  background-attachment: fixed;
  background-image:url(images/photo-background.jpg); 
  background-position:bottom; 
  background-repeat:no-repeat;
  font-family: sans-serif; 
}
.content, .menu, .footer { margin-left:8%; margin-right:8%; }

.title { padding:1em 8%; margin-bottom:0 }
.title * { padding:0; margin:0; color:white }
.title h1 { font-size:xx-large}
.title h1 a { text-decoration:none; color:white }

.menu .activeTab { background-color:#d2e4f2; }
.menu .tab { background-color:white; color:#0087ef }
.menu a { border:solid white 1px; text-decoration:none; color:#0087ef; padding:0.25em; white-space:nowrap }
.menu a:hover { border:solid #0087ef 1px; color:#0087ef; text-decoration:none }
.menu { background-color:white; padding:0.25em;  line-height:2em }
.menu    { -moz-border-radius: 8px 8px 0 0; }

.content { -moz-border-radius: 0 0 8px 0; }
.content    { padding:1ex; background-color:#d2e4f2; min-height: 200px; }
.content .image { margin-right:-1ex; margin-top:-1ex; margin-bottom:1ex; margin-left:1ex }
/*.content > * { margin:0 1em; padding:0 }*/
/*.content ul,
.content ol { padding-left:2em }*/
.content p { text-align:justify; /*padding:0 0 1ex*/ }
.content p + p:before { content:"  "; padding-left:2em }
.content h2 { text-align:right }
.content a { color:#0087ef; text-decoration:none }
.content h2 + p:first-letter, 
.content h3 + p:first-letter { font-weight:bold; font-size:x-large }
.content .indent { margin-left:2em }
.content .center { text-align:center }

.footer td { margin-bottom:330px; padding-bottom:330px } /* IE error: margin should be enough */
.footer td { vertical-align:top }
.footer  { width:84%; empty-cells:show }
.footer td { text-align:left; width:33% }
.footer td + td { text-align:center; width:34% }
.footer td + td + td { text-align:right; width:33% }
.footer td.right { text-align:right } /* IE error: does not support prev. line */

.image { width:140px; }

a { color:#0087ef; text-decoration:none }
a img { border:none }