table-with-colspan-rowspan.css

body {
	font: 100% sans-serif; /* This results in Arial on Windows and Helvetica on OS X. */
}

table {
	/* The default setting is border-collapse: separate;. By changing separate to collapse as shown below, the space between each table cell is removed. */
	border-collapse: collapse;

	-webkit-box-shadow: 3px 3px 7px #055584;
	-moz-box-shadow: 3px 3px 7px #055584;
	box-shadow: 3px 3px 7px #055584;
}

caption {
	color: #055584;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0 0 .5em;
	text-shadow: 1px 1px 1px #c0e0f2;
}

td,
th {
	font-size: .8125em;
	border: 1px solid #000;
	padding: .75em;	
}

th {
	background: #055584;
	color: #c0e0f2;
}

td {
	background: #d2ebf9;
	width: 9em;
}

thead th:first-child {
	background: #1a628c;
}

thead th {
	border-bottom: 3px solid #000;
	text-transform: uppercase;
}