Centrer tous les <div> d'un feuille de style

Bonjour,
Voilà j'ai réussit à faire un bon squelette pour ma page web mais je voudrai que tous les bloc <div> soient centré au milieu du navigateur.

Voilà mon code css de ma feuille de style :

div#bandeau {text-align:center;
width:1000px;
height:150px;
background-color:#00CCFF;
background-image:url("testbandeau");
background-repeat:no-repeat
}
div#menu {
float:left;
width:200px;
height:800px;
}

div#menu_haut {
width:100%;
height:800px;
background-color:#FF0000;
}

div#menu_bas {
width:100%;
height:400px;
background-color:#CC99CC;
}

div#contenu {
float:left;
width:800px;
height:1200px;
background-color:#FFCC00;
}

div#pied_page {
clear:both;
width:1000px;
height:100px;
background-color:#33FF99;
}

Mais tout est aligné sur la gauche... je voudrai que le site soient centré... .

Merci de me donner le code ^^