[Plugin: WP-Table Reloaded] Need help with width of table and columns

The that includes the troublesome table (WP version 3.01, Atahualpa theme):

http://gringodog.com/pet-friendly-hotels/pet-friendly-hotel-mexico/

The same table format will be used on multiple pages, and I do not expect to be using tables for any other purpose on this site. Therefore, I have left out the id-tags on the CSS. (If it makes a difference, it’s id-9)

My goal is to have this table fit in the body of the page, allowing the right sidebar to be visible, and then to adjust the width of each of the 5 columns as necessary (I may have to decrease the font size or use a page template that does not have a right sidebar. The table width of 500px and the % for each column are just guesses at this point.)

I’ve tried a lot of different things, but can’t get anything to make those columns or the table itself change in width. Here is the code that I’ve put into the CSS, including what makes some changes to fonts, etc.

.wp-table-reloaded {
width: 500px!important;
}

.wp-table-reloaded .column-1 {
width: 15%;
}

.wp-table-reloaded .column-2 {
width: 20%;
}

.wp-table-reloaded .column-3 {
width: 20%;
}

.wp-table-reloaded .column-4 {
width: 15%px;
}

.wp-table-reloaded .column-5 {
width: 10%px;
}

.wp-table-reloaded td {
font-family: arial;
font-size: 13px;
color: #000000;
}

.wp-table-reloaded .column-1 {
font-weight: bold!important;
}

.wp-table-reloaded .row-1 th {
font-weight: bold!important;
font-size: 16px;
color: #990000!important;
background: #D1E8FF;
}

.wp-table-reloaded-table-description {
font-family: Arial;
font-size: 12pt;
font-weight: bold!important;
color: #365DA0;
}

.dataTables_filter {
font-weight: bold!important;
color #990000!important;
}