* {
  margin: 0; 
  padding: 0;
  color: #000;
  font-family: Georgia, helvetica, arial, sans-serif, "Times New Roman";
  font-weight: normal;
}

h1 {text-align: center; font-size: 18pt; font-family: Arial, sans-serif; font-weight: bold}
h2 {text-align: center; font-size: 115%; padding-top: 5px}
h3 {text-align: center; font-size: 105%; padding-top: 5px}
#date {text-align: center; font-size: 12pt; font-family:Arial; font-weight: bold; padding-bottom: 3px}
#place {text-align: center; font-size: 11pt; font-family: Arial, sans-serif; padding-top: 2px}
#cond {text-align: center; font-size: 12pt; font-family: Arial, sans-serif; padding-top: 5px}
#artst {text-align: center; font-size: 12pt; font-family: Arial, sans-serif; padding-top: 5px}
#comp {text-align: center; font-size: 11pt; font-family: Arial, sans-serif; padding-top: 4px}
#work {text-align: center; font-size: 11pt; font-family: Arial, sans-serif; padding-top: 4px; font-style: italic}
#note {text-align: center; font-size: 11pt; font-family: Arial, sans-serif; padding-top: 5px; font-weight: bold; font-style: italic}

body {
  background-color: #f9ca99;
  text-align: center;
}

#header {
  width: 100%;
  height: 80px;
  margin-bottom: .5em;
  border-bottom: 1px solid #000;
  text-align: center;
}

.content {
<!--  background-image: url(bg1.png);-->
<!--  background-repeat: repeat-x;-->
  background-position: top left;
  background-color: #f9ca99;
  width: 95%;
<!--  margin: 1em auto;-->
<!--  padding: .25em;-->
<!--  border: 1px solid #999;-->
<!--  border-right: 1px solid #000;-->
<!--  border-bottom: 1px solid #000;-->
  text-align: center;
}

p.obj {
  padding-top: .5em;
  text-align: center;
}

p {
  font-size: 95%;
  margin: .5em 0 0 0;
}

img.wmp {
  float: left;
  position: absolute;
  top: 5px;
  left: 5px;
}

p.hosting {
  font-size: 12px;
  position: absolute;
  bottom: 2px;
  left: 2px;
}

p.valid {
  font-size: 12px;
  position: absolute;
  bottom: 2px;
  right: 5px;
}

a {
  color: #0569b7;
}

a:hover {
  color: #ff0000;
}