Changing the "top" value for a relative div with a mouse event

Changing the "top" value for a relative div with a mouse event

I'd like to use jQuery to change the "top" value in div#video below when various images are clicked.  That is, clicking one image sets it to 250px, clicking another to 350px, etc.



#video
{
    position:absolute;
    left:33px;
    top:140px;
}

I've looked through "Learning jQuery 1.3"  but the focus there seems to be on adding classes to an element or animating an element.  I didn't see a way to just go in and change the value of an existing style rule.  

Thanks for any suggestions.