h1 {

 text-align: center;
	}
ul {
 list-style: none;
 margin-left: 0;
 padding-left: 0;
 text-align:center;
 font-size:12px;
}

li {
 display: inline;
 line-height: 1.4;
 white-space:normal;
}

li a {
  text-decoration: none;
  padding: 0.4em 0.6em;
  color: #fff;
  background: #cccccc;
}

li a:hover {
  color: #000;
  background: #fc0;
}

.c1{
 width:545px;
 table-layout:auto;
}

.c2 {
 width:160px;
}

table {
  border: 3px solid #999999;
  border-collapse: collapse;
  margin: 2em auto;
}
caption {
  padding: 0.5em;
  font-weight: bold;
  border: 3px solid #999999;
  color: #ffffff;
  background-color: #333399;
}

th {
 padding-top:0.5em;
 border: 2px dotted #cccccc;
}

td {
 color:#666666;
 background-color: #ffffff;
 padding-top:0.5em;
 text-align:left;
 font-size:12px;
 vertical-align:top;
 padding-left:0.5em;
 padding-bottom:0.5em;
}