Column Width On Two Different Tables

Hello,
I am new to creating websites in general so please forgive me in advance.
I am creating two tables for my website using tablepress.

I am attempting to adjust column widths on my tables and using the following codes in CSS:
.tablepress-id-1 tbody td {
font-family: Tahoma;
font-size: 12px;
color: #0235A4;
}

.tablepress-id-2 tbody td {
font-family: Tahoma;
font-size: 12px;
color: #0235A4;
}

.tablepress-id-1 .column-1 {
width: 100px;
}

.tablepress-id-2 .column-1 {
width: 100px;
}

.tablepress-id-1 .column-2 {
width: 110px;
}

.tablepress-id-2 .column-2 {
width: 110px;
}

.tablepress-id-1 .column-3 {
width: 150px;
}

.tablepress-id-2 .column-3 {
width: 150px;
}

.tablepress-id-1 .column-4 {
width: 120px;
}

.tablepress-id-2 .column-4 {
width: 120px;
}

.tablepress-id-1 .column-5 {
width: 130px;
}

.tablepress-id-2 .column-5 {
width: 130px;
}

.tablepress-id-1 .column-6 {
width: 70px;
}

.tablepress-id-2 .column-6 {
width: 70px;
}

.tablepress-id-1 .column-7 {
width: 80px;
}

.tablepress-id-2 .column-7 {
width: 80px;
}

.tablepress-id-1 .column-8 {
width: 350px;
}

.tablepress-id-2 .column-8 {
width: 350px;
}

However the second table is working correctly while the first table is not adjusting according to the CSS commands.

Please let me know how to fix this!

Thanks in advance
Joshua

The page I need help with: [log in to see the link]