body {background: white; color: black;}

* {
  font-family:   verdana, arial, helvetica, sans-serif;

}

div#main {
  width:      75%;
  margin:     1em 12.5% 2em;
  background: #BDE;
  border:     1px solid black;
}

div#punch {
  float:        left;
  font-size:    300%;
  width:        5em;
  text-align:   center;
  padding:      0.1em 0.1em 0;
  background:   #346;
  color:        white;
  border:       solid white 1px;
  border-width: 0 0.2em 0.2em 0;
  margin:       -1px 25px 10px -1px;
}

h1 {
  font-size:    200%;
  text-align:   center;
  background:   #346;
  color:        white;
  border:       solid white 1px;
  border-width: 0 0.2em 0.2em 0;
}

A         { text-decoration: none; font-family:verdana; }
A:visited { color: purple; text-decoration: none; font-family:verdana; }
A:hover   {
  text-decoration:  underline;
  font-family:      verdana;
  background-color: #5080AA;
}

h2 {
  margin:      0;
  padding:     0.25em 1em 0.125em 0;
  background:  #8AB;
  text-align:  right;
  font-family: sans-serif; border-bottom: 1px solid #68A;
}

p {
  padding:     0.5em 1em;
  margin:      0;
  font-family: verdana, arial, helvetica, sans-serif; text-align:justify;
}
p.lastnews {font-size: 120%;}

ul {margin: 0;}
li {
  margin-left:   8%;
  padding-right: 1em;
  font-family:   verdana, arial, helvetica, sans-serif;
  text-align:    justify;
}

pre {
  margin-left: 10%;
  margin-right: 10%;
  background: #DDD;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}