#navList {
	background-color: rgb(255,255,247);
}

#rankings h1 {
	font-size: 1.20rem;
	text-transform: capitalize;
}

#rankings h2 {
	margin: 0;
	padding: 0;
	font-size: 1.0rem;
	font-weight: bold;
	text-align: left;
}

#rankings h2:first-of-type {
	margin-top: 10px;
}

#rankings h3 {
	margin: 0;
	padding-bottom: 5px;
	font-size: 0.8125em;
        text-align: left;
}

#rankings table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	font-size: 0.8125em;
}

#rankings td {
	padding: 4px;
	vertical-align: top;
	border: 1px solid gray;
}

#rankings th {
        padding: 4px;
        vertical-align: top;
        border: 1px solid gray;
}

#rankings .division {
        width: 1%;
        white-space: nowrap;
        text-align: center;
}

#rankings .name {
	width: 35%;
	text-align: left;
}

#rankings .rank {
	width: 1%;
	white-space: nowrap;
	text-align: center;
}

#rankings .slogan {
	font-size: 0.90rem;
	font-weight: bold;
	font-style: italic;
	color: gray;
}

#rankings .team {
	text-align: left;
}

#rankings .time, .score, .year {
        width: 1%;
        white-space: nowrap;
	text-align: right;
}

.lightGreen {
        background-color: rgb(222,236,236);
}

.lightTan {
        background-color: rgb(255,255,238);
}

@media (min-width: 500px) {
	#rankings h3 {
		font-size: 0.875em;
	}

	#rankings table {
		font-size: 0.875em;
	}

	#rankings table.relay {
        	width: 80%;
	}

	#rankings .name {
		width: 42%;
	}

	#rankings .slogan {
		font-size: 1.0rem;
	}
}