Latest News Extended - Changing Link Colors

ok, thanks. now can you let me what link color you want to change? Is it the title link or the read more one?

We have the colors specified in our custom.css file (take a look with firebug you'll see our color) but your css style is overwriting ours (I'm guessing) because of all the "!Important" specified????

It's not only because the '!important' part but also because the latestnews style .css is loaded after your template css (custom.css). See www.dropbox.com/s/kzvr5eertdym18e/k6uwk.jpg
I'm not familiar with t3 system but I think template styles should be loaded after all of your 3rd party css styles, so you can easily override them from the template side.

It has been my understanding that over using "!Important" is not good practice?

It depends on how you can control all the source codes. If you create all of css code (including the styles 3rd party extension) that probably it's easier for you to manage the code so you can avoid the the use of !Important. But sometimes for product that will be used with many templates, from the developer side, !Important is sometimes useful to keep the extension layout consistency from other css code intervention.

For your case there are few solutions that you can do
1. The easiest one is to edit the style.css of latestnews module, remove those !important parts from the latestnews style.css
2. Copy the code from style.css (the part that overrides your custom style only) to your custom.css then make the selector deeper. For example copy this code from style.css to custom.css :then add the #t3-mainbody in the front of the code so it become :