CSS newsletter fix up

I need to assign class= to various elements so when the user is editing the list points, headers or text they can assign a class to it, instead of having to write in the the CSS manually to each list point or header. see below code for example. for example the events heading is currently: <div style="padding-bottom: 1px; margin-bottom: 2px; color: rgb(139, 184, 54); font-size: 15px; font-weight: bold; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: rgb(139, 184, 54); ">Events</div> where is would be easier to have <div class="events">Events</class> and list points <ul style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; "> <li style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; "> <img src="images/tiny_grey_arrow.gif"> <a href="#" style="color: rgb(51, 51, 51); text-decoration: none; ">Lorem ipsum dolor sit amet</a></li> </ul> need it to be simpler <ul style="arrowlistpoint> so people using a wysiwyg editor can assign a class instead of all the manual css insert above. I need the same for the rest of the html news letter, to name a few listpoints with arrows, titles, fonts, etc. Very important is the HTML news letter needs to look the same in hotmail, gmail, yahoo mail, outlook, outlook2007 outlook express and mac mail. Expert CSS writer only, fast turnaround, 24 hours if posable