buttons

[Dream It]

I am using the following script for buttons on my web site. It works great
for running the buttons across the top of the screen. However I want to run
the buttons up the left side of the page. That means I need to rotate each
button counter-clockwise 90 degrees.

Can this script be modifies to rotate the buttons -90?

<style>

.thisclass{background-color:#000099}

</style>
<script language="javascript">

function change(color){
var el=event.srcElement
if (el.tagName=="INPUT"&&el.type=="button")
event.srcElement.style.backgroundColor=color
}

function jumpto2(url){
window.location=url
}

</script>

<form onMouseOver="change('#FF0000')" onMouseOut="change('#000099')">
<input type="button" name="Button" class="thisclass" value="Home"
onMouseOver="this.style.color='#0000FF'"
onMouseOut="this.style.color='#FF9999'"
onMouseDown="this.style.color='#00FF00'" style="color:#FF9999;
font-family:Arial; font-weight:bold; font-size:18px;"
onClick="jumpto2('http://dreamit.digitalrice.com')">
</form>
<p>&nsbp;</p>
<form onMouseOver="change('#FF0000')" onMouseOut="change('#000099')">
<input type="button" name="Button" class="thisclass" value="Referrals"
onMouseOver="this.style.color='#0000FF'"
onMouseOut="this.style.color='#FF9999'"
onMouseDown="this.style.color='#00FF00'" style="color:#FF9999;
font-family:Arial; font-weight:bold; font-size:18px;"
onClick="jumpto2('http://dreamit.digitalrice.com')">
</form>
<p>&nsbp;</p>
<form onMouseOver="change('#FF0000')" onMouseOut="change('#000099')">
<input type="button" name="Button" class="thisclass" value="Click to Earn"
onMouseOver="this.style.color='#0000FF'"
onMouseOut="this.style.color='#FF9999'"
onMouseDown="this.style.color='#00FF00'" style="color:#FF9999;
font-family:Arial; font-weight:bold; font-size:18px;"
onClick="jumpto2('http://dreamit.digitalrice.com/earn.htm')">
</form>