Aide pour CSS

Bonjour,

voila je debute dans le code css est ce que quelqu'un pourrais me déchiffré celui ci et me dire deja a quoi correspont chaque ligne ?

ensuite j'ai un blog (voici l'adresse) aide.blog4ever.com (en construction)

1) je voudrais savoir comment changer l'écriture de ARTICLE, PHOTOS, NEWLETTER, SONDAGE et comment faire soit mettre l'ecriture a gauche ou a droite ou la soulignier (toujours dans le menu colonne de gauche) comment faire ?

2) je voudrais mettre une image en arriere plan de article, photos, newletter, sondage ou bien changer la couleur (ici en bleu je voudrais le mettre en rouge pas exemple comment faire ?

3) pour finir je voudrais retirais les menu carré du haut articles et photos comment faire ?

merci de votre aide


mon code CSS:

body {
background: url(img5/fond.jpg) #344566;
margin: 15px 0 15px 0;
padding: 0 0 0 0;
font: 10pt trebuchet MS;
text-align: center;
color: #FFF;
}

a {
text-decoration: underline;
color: #E5ECF7;
}

a:hover {
text-decoration: none;
color: #FDC415;
}

#conteneur {
border: 1px solid #415680;
width: 768px;
margin: 0 auto;
padding: 0 0 0 0;
text-align: left;
background: #000;
}

#head {
background: url(img5/head.jpg) no-repeat;
height: 100px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}




#menu_haut {
border-top: 1px solid #415680;
width: 768px;
padding: 0 0 0 0;
margin: -30px 0 0 0;
float: left;
}

ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

.menuhaut li {
float: left;
}

.menuhaut a {
margin: 0 2px;
width: 100px;
height: 23px;
display: block;
text-align: center;
border: 1px solid #415680;
text-decoration: none;
color: #fff;
background: #0E1A32;
font: bold 11pt Trebuchet MS;
}

.menuhaut a:hover {
background: #344566;
border: 1px solid #415680;
}

.menuhaut a:active {
background: #344566;
border: 1px solid #415680;
color: #344566;
}

#menu_gauche {
float: left;
margin: 10px 0 0 0;
padding: 0 0 0 0;
width: 170px;
}

html > body #menu_gauche {
float: left;
margin: 35px 0 10px 10px;
}

#menu_gauche ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type : none;
}

#menu_gauche ul li{
margin: -1px 0 0 0;
padding: 0 0 0 0;
border: 1px solid #415680;
background: #0E1A32;
width: 170px;
}

#menu_gauche ul li a{
background: #0E1A32;
padding: 3px 0 3px 0;
margin: 0 0 0 0;
width: 170px;
line-height: 25px;
text-decoration: none;
font: 10pt Trebuchet MS;
}

html > body #menu_gauche ul li a{
display: block;
width: 170px;
}

#menu_gauche ul li a:hover{
background: #61778B;
margin: 0 0 0 0;
line-height: 25px;
padding: 3px 0 3px 0;
font: 10pt Trebuchet MS;
}

#menu_gauche h2{
margin: 0 0 0 0;
background: #344566;
border: 1px solid #415680;
color: #FFF;
width: 170px;
text-align: center;
font: bold 11pt Trebuchet MS;
padding: 5px 0 5px 0;
}

* html #menu_gauche h2{
width: 172px;
}

#rubriques {
float: right;
width: 530px;
margin: 20px 10px 0 0;
padding: 0 0 0 0;

}

#rubriques h3{
background: url(img5/rub.jpg) no-repeat;
margin: 10px 0 10px 0;
width: 450px;
padding: 10px 0 15px 50px;
font: bold 11pt Trebuchet MS;
color: #FFF;
}



.space {
clear: both;
height: 20px;
}

#footer {
margin: 0 0 0 0 ;
padding: 0 10px 0 10px;
text-align: right;
background: #344566;
border-top: 1px solid #415680;
font: bold 10pt Trebuchet MS;

}

td {
font-size:10pt;
}