table {margin-bottom:20px;table-layout:fixed; border-collapse:collapse; border-spacing:10px}
table.t1 {width:400px; border:1px solid black}
table.t1 th {border:1px solid black;padding:4px;background-color:#e0e0e0}
table.t1 td {text-align:center}
table.t2 {width:800px; border:1px solid black;}
table.t2 th {border:1px solid black;padding:4px;background-color:#e0e0e0}
table.t2 td {border:1px solid black; text-align:center}

table.tOverview {border: 1px solid black}
table.tOverview th {background-color: #cccc99;padding: 4px}
table.tOverview td {width: 20px; padding: 4px; text-align:center;border: 1px solid grey}

div.d1 {text-align:center; width:400px; background-color:#e0e0e0;
        font-size:20px; margin-bottom:20px}

.box{
width:120px;
height:120px;
}

.gold{ background-color: gold; }
.red{ background-color: darkred; }
.green {background-color: green;}
.orange {background-color: orange;}
.blue {background-color: steelblue;}
.brown {background-color: tan;}
.yellow {background-color: #ffffcc;}
.salmon {background-color: #ffcccc;}
.teal {background-color: #cccc99;}
.mauve {background-color: #ccccff;}
.fuchsia {background-color: #ffccff;}
.brick {background-color: #cc6666;}
.empty { background-color: #cccccc;
      border-style: dashed;
}
.white { background-color: white;}

.large{
	font-size: 30px;
}

.medium{
   font-size: 24px;
}

.small{font-size: 12px;}

.center{
	text-align: center;
}

.stretch {
   padding: 50px;
}

.topLess { border-top: none;}