WordPress Editor removes table styling

There is a table that I would like to display on a page which has the following code:

<div class="content clear-block">
        <table bgcolor="#398BCA">
<tr><td bgcolor="#398BCA">
<font color="#FFFFFF" align="right"><b>
What makes StartingBloc different from other organizations in the sector?</b></font></td>
<td style="text-align:right; padding-left:0px">
<a style="color:white; font-size:10px;" href="javascript:void(0);" onclick="document.getElementById('divOption1').style.display='block';"><b>Show |</b></a>
<a style="color:white; font-size:10px;"  href="javascript:void(0);" onclick="document.getElementById('divOption1').style.display='none';"><b>Hide</b></a>
</td>
</tr>
</table>
<div id="divOption1" style="display:none;">
<p>
</p>
<p>
Other organizations focus on incubating ideas or projects. StartingBloc is a people incubator. We donʼt care if youʼre backpacking through Nepal or launching a start-up in Silicon Valley; we’ll help you get there. When you decide you want to quit the start-up and escape to an NGO in Brazil, weʼll help you get there. StartingBloc Fellows are Fellows for life, regardless of what they’re working on.
</p><p>
In joining the Fellowship, there are a few basic tenants that all accepted Candidates agree to. These are <a href="/files/Online Values Statement 02.08.11.pdf">shared values</a> that our community is founded on. </p>
</div>

<table bgcolor="#398BCA">
<tr><td bgcolor="#398BCA">
<font color="#FFFFFF" align="right"><b>
What is the best part of joining the Fellowship?</b></font></td>
<td style="text-align:right; padding-left:0px">
<a style="color:white; font-size:10px;" href="javascript:void(0);" onclick="document.getElementById('divOption2').style.display='block';"><b>Show |</b></a>
<a style="color:white; font-size:10px;"  href="javascript:void(0);" onclick="document.getElementById('divOption2').style.display='none';"><b>Hide</b></a>
</td>
</tr>
</table>
<div id="divOption2" style="display:none;">
<p>
</p>
<p>
Hands down, it’s the other Fellows.  We ask our Fellows every year, and they always give the same answer.
</p><p>
We hear stories of new best friends, roommates, mentors, and even of new romances (it happens!). Fellows inspire one another.  While Fellows are often close with their classmates, as a Fellow you have access to a network of over 1,500 people across the world.  This community will host you when you travel to a new city, offer valuable career advice, and celebrate your greatest successes with you.
</p><p>
Don’t take our word for it – <a href="mailto:fellowship@startingbloc.org">email us</a> with your current city and field of interest so that we can connect you to a Fellow directly.
</p>
</div>

However, the visual editor shows the table with the correct styling(colors, etc…) in the visual tab and the table shows up as white text invisible on the white page when saved. I’m trying to get it to keep the styling with the essential colors.