<script type="text/javascript">
function rolloverButton (id, state) {
if (document.getElementById) {
var element_id = document.getElementById(id);
if (state == 'click') { element_id.className = 't3RG_29-click' }
if (state == 'over') { element_id.className = 't3RG_29-over' } else{ element_id.className = 't3RG_29' }
}
}
</script>
<style type="text/css">
.t3RG_29 {
width: 180px;
height: 50px;
background-image: url(images/t3RG_29.jpg);
background-color: transparent;
border-style: none;
color: #000;
}
.t3RG_29-over {
width: 180px;
height: 50px;
background-image: url(images/t3RG_29-over.jpg);
background-color: transparent;
border-style: none;
color: #999;
}
.t3RG_29-click {
width: 180px;
height: 50px;
background-image: url(images/t3RG_29-click.jpg);
background-color: transparent;
border-style: none;
color: #999;
}
</style>
</head>
<body>
<p>
<input id="submit" class="t3RG_29" onmouseover="rolloverButton('submit','over')" onmouseclick="rolloverButton('submit','click')" onmouseout="rolloverButton('submit','out')" type="submit" value="">