[Plugin: TablePress] Custom CSS not working properly

Here’s a link to the page.
https://shredoregon.org/longboarding/shred-oregon-race-series/

I’m having difficulties trying to get the custom CSS to work.

The odd/even colors aren’t showing and the highlighting is only happening on the odd rows. Some help would be greatly appreciated.

Here’s my code…

.tablepress .odd td {
	background-color: #C9C9C9;
}
.tablepress .even td {
	background-color: #F3F4F5;
}
.tablepress .row-hover tr:hover td {
	background-color: #3CFF00;
}
.tablepress {
	width: 685px;
}
.tablepress .column-1 {
	width: 240px;
}
.tablepress .column-2 {
	width: 110px;
}
.tablepress .column-3 {
	width: 240px;
}
.tablepress .column-4 {
	width: 200px;
}

Thanks!