@charset "UTF-8";
html {
    height: 100%;
    font-size: 100.01%;
}
body {
    color: #111;
    background: #CCE;
}
body, input, button, textarea, select {
    font-family: Verdana, "Palatino Linotype", Freeserif, serif;
    letter-spacing: .05em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Papyrus, Georgia, "DejaVu Serif", serif;
    letter-spacing: .1em;
}
h1 {
    margin: 10px;
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: black 0.2em 0.2em 0.2em;
}
h4 {
    font-size: 1.15em;
    text-align: center;
}

/* according to Eric Meyer's reset: tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 50px;
}

th {
    text-align: left;
    text-decoration: underline;
}
th, td {
    padding: 2px 20px;
}

th, strong, dt, b {
  font-weight: bold;
}

#hd {
    background-color: #CBB;
    margin: 0 auto;
    padding: 7px 0;
    text-align: center;
}

#mainContent {
    margin: 20px 50px;
}

p { font-size: 85%; }

.button:hover {
    color: red;
    cursor: pointer;
}