body {
  color:#ffffff;
  font-family: "trebuchet ms", "helvetica", "arial";
}

h1.logo {
  font-size:   60px;
  font-weight: normal;
  margin:0px;
  color: #ffffff;
}

h2.logo {
  font-family: "times new roman";
  font-weight: normal;
  font-size: 36px;
  margin:0px;
  color: #dddddd;
  font-style: italic;
}

h3 {
 margin: 0px;
}

h4 {
  border-bottom: solid 1px grey;
  margin: 4px 0px 4px 0px;
 color: #dddddd;
}

p {
 margin: 4px 0px 4px 0px;
}

img.logo {
  margin-right: 16px;
}

div.cont {
 padding: 8px;
}

.page-content {
   width:      770px;
   min-height: 500px;
   background-color:#dddddd;
  background-image: url("shadow-bg.png");
  background-repeat: repeat-x;
}

.page-content * {
 color: black;
 }

.header-content {
   width:      770px;
   background-color:#000000;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
 border: solid 1px black;
}


a.button {
 display: inline-block;
 margin: 0px 8px 0px 8px;
 padding: 8px 12px 8px 12px;
 color: black;
  text-decoration: none;
  font-size: 20px;
  background-color: #dddddd;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: solid 1px #666666;
}

a.button:hover {
 color: white;
  background-color: #666666;
  border: solid 1px white;
  text-decoration: underline;
}

div.button-bar {
  margin: 8px 0px 8px 0px;
  padding: 8px 0px 8px 0px;
  text-align: center;
  XXbackground-color: #333333;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}