Hi Nat,

You have the following styles defined wtihin the page itself (and not in an external stylesheet):

.style1 {
 font-family: "Myriad Pro";
 font-size: 13px;
}
a:link {
 text-decoration: none;
 color: #FFFFFF;
}
a:visited {
 text-decoration: none;
 color: 99CB50;
}
a:hover {
 text-decoration: none;
 color: 99CB50;
}
a:active {
 text-decoration: none;
 color: 99CB50;
}
body,td,th {
 color: #FFFFFF;
}
 

This is probably because the styles are embedded directly in the skin (not a good idea, as you are discovering).

You will need to modify, extract, or remove these styles to achieve the layout you desire.

Note that I used the Internet Explorer Developer Toolber's "Find Element" and "Trace Style" function to conclude the above.  I suggest downloading it; its use makes these sorts of problems easy to solve.

Hope this helps!

Brandon