Am si eu urmatorul cod de css

/* Outer-Wrapper */
#outer-wrapper {
margin:0 auto;
text-align:left;
width:980px;
}

#main-wrapper {
float:left;
width:670px;
}

#sidebar-wrapper {
float:left;
width:310px;
}
Acesta imi defineste dimensiunile paginii (main si sidebar)
Intrebarea este urmatoarea: cum as putea face sa modific acest cod astfel incat, cand sunt pe o alta pagina decat homepage sa mi se lateasca main-ul si sa se stramteze sidebarul adica sa am urmatoarele dimensiuni:

/* Outer-Wrapper */
#outer-wrapper {
margin:0 auto;
text-align:left;
width:980px;
}

#main-wrapper {
float:left;
width:730px;
}

#sidebar-wrapper {
float:left;
width:250px;
}
Sunt cam incepator la css asa ca nu ma luati tare. Dupa mintea mea stiu ca ar cam trebui adaugata o conditie dar in css habar nu am cum se face asta. Please help!

PS: Nu am postat in acest post deoarece nu s-a mai sters praful pe acolo de prin februarie.