Creare un file css

[fermat]

ho creato tre select dove scelgo colore, font e colore del font.
una volta fatto questo ho un pulsante invia che dovrebbe aprire un'altra pagina prendendo i valori scelti passandoli a un div di quetsa pagina.
in pratica devo costruire un css da passare ad alcuni tag di un'altra pagina.
questo è il jquery per impostare il colore (nn è obbligatorio usare questo):

// funzione per modificare colore
$(document).ready(function(){
    $(".bg1").click(function(){
        $("li").css('background-image','url(images/1.bmp)');
    });
    $(".bg2").click(function(){
        $("li").css('background-image','url(images/2.bmp)');
    });
    $(".bg3").click(function(){
        $("li").css('background-image','url(images/3.bmp)');
    });
});

// funzione per modificare font
$(document).ready(function(){
    $(".font1").click(function(){
        $("li").css('font-family','Tahoma');
    });
    $(".font2").click(function(){
        $("li").css('font-family','Comic Sans MS');
    });
    $(".font3").click(function(){
        $("li").css('font-family','Times New Roman');
    });
});

// funzione per modificare colore caratteri
$(document).ready(function(){
    $(".cfont1").click(function(){
        $("li").css('color','red');
    });
    $(".cfont2").click(function(){
        $("li").css('color','yellow');
    });
    $(".cfont3").click(function(){
        $("li").css('color','orange');
    });
});

a questo punto dovrei mettere su una funzione che passa i valori all'altra pagina.
come vedete l'unico tag che vado a colpire è li.
ho fatto una piccola funzione ma nn riesco poi ad adattarla al mio problema:

function createCSS() {
    var str = "#myStyle{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); opacity: 0.6;}";
    var pa = document.getElementsByTagName('head')[0] ;
    var el = document.createElement('style');
    el.type = 'text/css';
    el.media = 'screen';
    if(el.styleSheet) {
        el.styleSheet.cssText= str;// IE method
    } else {
        el.appendChild(document.createTextNode(str));// others
    }
    pa.appendChild(el);
    var bt= document.getElementsByTagName('div')[0];
    bt.id = "myStyle";
}