body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;	
}
div[role='main'] {
	background: #fff;
	margin: 0 auto;
	max-width: 1000px;
	overflow: hidden;
	padding: 2px 25px;	
}
.table-content {
	margin: 0 -25px;	
}
table {
	border: none;
	border-collapse: collapse;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	font-size: 0.6em; /* 12px (12/16) */
	line-height: 1em; /* 16px (16/12) */
	width: 100%;
}
table th,
table td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;	
}
table thead th,
table thead td {
	background-color: #666;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em; /* 16px (16/12) */
	line-height: 1.1em; /* 20px (20/16) */
	padding: 2px;
}
table thead th a,
table thead td a {
	color: #000;
}
table tbody th {
	background-color: #999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	color: #fff;	
	padding: 2px 2px;
}
table tbody td {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 2px 2px;
}
.table-nav {
	display: none;	
}


@media all and (max-width: 420px) {
	
	.table-content {
		overflow-x: scroll;	
	}
	table {
		border: none;
		width: 600%;
	}
	table tbody th,
	table tbody td {
		border: none;
		width: 10%;	
	}
	table tr {
		border-bottom: 1px solid #000;	
	}
	.table-nav {
		display: block;
		font-size: 0.750em; /* 9px (9/12) */
		line-height: 1em; /* 11px (11/9) */
		margin: 0 0 15px 0;
		text-transform: uppercase;	
	}
	
}

	div.footer  p{
		text-align: center;
	}