space between bullet and word

I am trying to move the word to the right and up from the image I am using as a bullet in my lists. Right now the word is sitting too close to the image and too low. How can I do this? thanks.

[CODE]ul.sublinks{
margin-top:0em;
margin-left:7em;
list-style-image:url(images/bluearrow.jpg);
color:black;}

ul.sublinks a{
color:#6699cc;
}[/CODE]

[code=html]<ul class=”sublinks”>
<li><a href=”qmrp.htm”>QMRPs</a></li>
<li><a href=”psychology.htm”>Psychology</a></li>
<li><a href=”communication.htm”>Communication</a></li>
</ul>[/code]

Also in #CSS _↴