Overriding #content table formatting in twentyten?

I am somewhat fluent in CSS, and when I try to format a special insert into a post I go into the CSS and add a new style for what I need to keep things clean.

I use twentyten. What is throwing me for a loop is that I cannot seem to manage to override the table properties defined in #content. For example, I can specify border-top in my table definition, but no matter what I specify, the browser still picks the style from the #content definition section. I don’t have this issue with DIV’s or anything else, just the stupid (arrghh) tables. I know I am not alone, I’ve seen many posts on frustrated WP/twentyten users trying to wage war with tables. Frankly, I wish html tables get deprecated for good, because it’s the most horrible part of HTML ever. (I am working on learning to never use tables and use css defined containers instead, but I am not there yet, not even sure it’s possible.)

Does anyone know how to override table properties? (please no inline html style statements.)

The properties I am trying to override in my table, say .foo { whatever properties } and .foo tr td { whatever properties } just don’t work no matter what I specify, the browser always picks the following: (especially border-top, that one I cannot get to work, hence I had to actually change the #content code.

Thanks.

#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #000000;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}