Firstly, its not light blue, its purple and its part of company branding.
Branding is great right up until it impacts usability and accessibility -- between the goofy thin font and illegible colour contrasts, the page could be useless to as much as half the population; there's a reason the WCAG and every other usability guide has actual MATH for determining legible colour contrasts. If the branding gets in the way of it being useful, time to use the branding somewhere else or kick it to the curb!
That goofy illegible webfont makes me want to jab out my eyeballs too -- probably looks great on OSX, but it looks like someone wiped their backside and smeared it on the display in Windows and Linsux.
Secondly, I'm asking for a way to fix validation, its not intended to be "in-browser" validation. Someone advised me to use jquery.validation but I want to know how to incorporate it correctly or if there's an easier way to fix the issue I'm having.
Though the front-end code for that FORM doesn't bode well -- tables for layout, non-semantic markup, no LABEL tags, no structural relationships between the text and their tags -- the markup should be thrown out and rewritten before even worrying about processing what it feeds to the server.
1) Drag the markup for the form kicking and screaming into being a valid/proper form.
3) if desired at that point, enhance that functionality with scripting. I'd suggest avoiding fat bloated slow jquery crap on that...
There is no 'simple' solution here -- to me it looks like you've been led astray by some bad advice and worse development practices.
Though that's guessing WILDLY as I don't know enough about your skills, this site, or what it's doing on the back-end.