body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12pt;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

/* --- Layers --- */
#layer0 {
  width: 100%;
  background: #dedede;
}
	 
#layer1 {
  margin: 0 18%;
  padding: 1.5em;
  background: #fff;
  border: 2px solid #d4d0c8;
}
/* ----------- */

.header {
  font-family: Franklin Gothic Medium, Tahoma, sans-serif;
  font-size: 13pt;
  font-weight: bold;
  text-align: center;
}

.caption {
  font-size: 11pt;
}

.mode1 {
  background: #ffc;
}

.mode2 {
  margin: 0 6em;
  padding: 5px;
  border: 2px;
  border-color: transparent #069 transparent #069;
}

.mode3 {
  font-size: 110%;
  color: #069;
}

.mode4 {
  font-style: italic;
  margin-left: 5em;
  margin-right: 6em;
}

.mode5 {
  font-size: 110%;
  color: #800080;
}

.mode6 {
  font-size: 110%;
  font-style: italic;
  color: #069;
  margin-left: 2em;
}

.mode7 {
  margin-left: 2em;
}

/* --- Button Link --- */
a.tie {
  text-decoration: none;
  font-family: Trebuchet MS, Tahoma, sans-serif;
  font-size: 15px;
  font-weight: bold;
}

a.tie:link, a.tie:visited {
  color: red;
}

a.tie:hover {
  color: white;
  background: #228b22;
  padding: 2px;
}

p.button {
  padding: 0 0 0 30px;
  background-image: url(button-rnd-red.gif);
  background-position: left 50%;
  background-repeat: no-repeat;
}