body {
   font-family : verdana, geneva, arial, sans-serif;
   color : black; background : white;
}

hr {
   color: navy;
   height: 1px;
   width: 84%;
   margin-left: 8%;
   margin-right: 8%;
}

h1 {
   color : maroon;
   text-align : center;
   margin : auto;
}

h2 {
   margin-left : 1em;
}

dfn {
   font-style : normal;
   font-weight : bold;
}

.intro {
   text-align : justify;
   margin : 0% 8% 2em;
}

.header, .pictures {
   text-align : center;
   margin : auto;
}

div.pictures table {
	margin: 0 auto 3em;
	text-align: center;
}

.footer {
   position : absolute;
   top : 93%;
   left : 70%;
}

.notes {
	margin-left : 5%;
	color: navy;
}

.contacts {
	font-size : 0.85em;
	margin-top : 2em;
	margin-bottom : 2em;
	border: thin inset white;
}

.contacts td, .contacts th {
   padding: 0.3em 2em;
   	background: #eee; color: black;
   	text-align: left;
}

.map {
	text-align : center;
	margin : 2em auto;
}

.map img {
	border : thin solid black;
}

.topic {
	margin-left: 10%;
	margin-bottom: 2em;
	border: thin inset white;
	width: 80%;
}

.topic td, .topic th {
	background: #eee; color: black;
	padding: 0.5em;
   text-align: left;
}

.topic .leftpane {
	font-weight: bold;
	text-align: right;
}

.time {
	margin : 2em 0em 0em;
}

.time td {
	text-align: left;
	color: navy;
}

a img {
   border:0px none white; 
}

a:link, a:visited {
   color : blue; background : white;
}

a:hover {
   color : red; background : white;
}

@media screen, projection {

.button a, .button a:visited, .button a:link {
   font-weight : bold;
   font-size : smaller;
   color : white;
   background : navy;
   text-decoration : none;
   vertical-align : super;
   padding : 0.3em;
   width : 10em;
}

.button a:hover {
   color : white;
   background : blue;
}

}

.topic td a, .topic td a:link, .topic td a:visited,
.contacts td a, .contacts td a:link, .contacts td a:visited {
	background: #eee; color : blue;
}

.topic td a:hover,
.contacts td a:hover {
   color : red; background : #eee;
}

.maillist {
	margin-left: 10%;
}

#maillist-index {
  text-align: center;
	margin-left: auto;
  margin-right: auto;
}

.maillist table {
	border: thin inset white;
	text-align: center;
}

.maillist td {
	background: white; color: black;
	padding: 0.5em;
	font-size: smaller;
  text-align: left;
}
