body {
  background-color:#246eaf;
  background-attachment:fixed;
  background-image:url(images/photo-background.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
  font-family:sans-serif;
}
.content, .menu, .footer, .locationanddate { 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:#e7eaff; }
.menu .tab { background-color:white; color:#686973 }
.menu a { border:solid white 1px; text-decoration:none; color:#686973; padding:0.25em; white-space:nowrap }
.menu a:hover { border:solid #686973 1px; color:#686973; 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:#e7eaff; min-height: 200px; opacity: 0.95;}
.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:blue; 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:550px; padding-bottom:550px } /* 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:#686973; text-decoration:none }
a img { border:none }
.toplink a {color:#ffffff; text-decoration:none }
a.toplink {color:#ffffff; text-decoration:none }
/*a:hover { font-weight: bold;  }*/

div.locationanddate {  margin-top:15px;
                       text-align:center;
                       color:white;
					   font-size:large;
                       }