Style Sheets

I have been trying to find out if it's possible to use 2 grid with different style sheets on the same page can anyone help?

<style>
#grid1 {height: 250px; border:1px inset; background: white}
#grid2 {height: 90px; border: 1px inset; background: white}
#grid1 .active-column-0 {width: 50px;}
#grid2 .active-column-0 {width: 100px;}
#grid1 .active-column-1 {width: 170px; background-color:#E9E9E9;}
#grid2 .active-column-1 {width: 180px;}
#grid1 .active-column-2 {width: 32px; }
#grid2 .active-column-2 {width: 200px;}
#grid1 .active-column-3 {width: 55px; background-color:#E9E9E9;}
#grid2 .active-column-3 {width: 50px;}
#grid1 .active-column-4 {width: 60px;}
#grid2 .active-column-4 {width: 50px;}
</style>
<script>
var obj = new Active.Controls.Grid;
obj.setId("grid1");
// you write rest as you would...
document.write(obj);

var obj2 = new Active.Controls.Grid;
obj2.setId("grid2");
// you write rest as you would...
document.write(obj2);
</script>
hope this would help...

Thanks