body {
    font-size: 16px;
}

.header {
    margin-top: 1em;
}

.header > ul {
    float: right;
}

.header > ul > li {
    display: inline;
    padding-left: 2em;
}

th {
	color: #000;
	background-color: #D6D6FF;
	border: 1px solid #C0C0FF;
	padding: 4px;
	vertical-align: top;
}
td {
	color: #000;
	background-color: #F0F0FF;
	border: 1px solid #C0C0FF;
	padding: 4px;
	vertical-align: top;
}


/*
@media (min-width: 768px) {
  .container {
    max-width: 730px;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

.nav li {
    display: inline;
    line-height: 30px;
}

.nav > li > a {
    display: inline;
    line-height: 30px;
}

.header span {
    display: inline-block;
    padding: 10px 15px;
    line-height: 30px;
    font-size: 24px;
}
*/