body
{
  text-align: center;
  background-color: #e5e5e5;
  font-size: 20px;
  font-family: georgia calibri serif;
}

.container
{
  margin-left: auto;
  margin-right: auto;
  width: 40em;
  text-align: left;
}

.cardtitle {
  font-size: 110%;
  font-style: italic;
  padding: 20px 0px 0px 30px;
  display: block;
  margin-bottom: -10px;
}

.card {
  background-color: white;
  margin: 20px;
  padding: 20px;
  border-width: 0 0 5px 0;
  border-style: solid;
}

.container div:nth-of-type(5n+0)  { border-color: #636393; }
.container div:nth-of-type(5n+1) { border-color: #B5222D; }
.container div:nth-of-type(5n+2) { border-color: #D4953C; }
.container div:nth-of-type(5n+3) { border-color: #609491; }
.container div:nth-of-type(5n+4) { border-color: #87A248; }

.center {
  text-align: center;
}

.header {
  font-size: 36px;
  font-family: garamond cambria serif;
}

.uglyButton {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
  background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
  background-color:#ffffff;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #dcdcdc;
  display:inline-block;
  cursor:pointer;
  color:#666666;
  font-family:arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #ffffff;
}

.uglyButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
  background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
  background-color:#f6f6f6;
}

.infoButton {
  float: right;
  border-radius: 40px;
  cursor: pointer;
  color: #666;
  font-size: 15px;
  padding: 2px 5px;
  text-decoration: none;
}

.subitem{
  margin-bottom: 20px;
}

.title {
  margin:  2px 0px;
  display: inline;
  font-family: georgia;
}

.timeperiod {
  float: right;
  font-size: 85%;
  color: #444;
  font-family: georgia;
}

.subtitle {
  font-size: 80%;
  color: #444;
  font-family: georgia;
  display: inline;
}

.description {
  font-size: 80%;
  color: #444;
  font-family: georgia;
  text-align: justify;
}


@media screen {
  .card {
    -webkit-box-shadow: 5px 5px 10px 1px rgba(163,163,163,1);
    -moz-box-shadow: 5px 5px 10px 1px rgba(163,163,163,1);
    box-shadow: 5px 5px 10px 1px rgba(163,163,163,1);
  }
  
  .printonly {
    display:none;
    visibility: hidden;
  }
}