مشکل در ویرایش جهت به راست کردن آیتم های منو

من میخوام یک قالب رو فارسی کنم.
ولی هر کاری میکنم فقط عنوان منوها راست چین میشن و بقیه آیتم های منو حالت قبلی میمونن.

مامبو 4.6.2

توی فایل ایندکس :

کد:

---

<div id="right"><?php mosLoadModules ( 'right' ); ?></div>

---

توی فایل CSS هم به این شکل :

کد:

---

#right{
        width                                : 190px;
        float                                : left;
        text-align    : right;
        text-decoration: none;

---

اینم تصویرش :

[img width=640 height=400]http://i18.tinypic.com/71odxz9.jpg[/img]

توی کلاس بنویسید:
display: block;
احتمالا درست میشه

درست نشد !

توی کلاس mainlevel اعمال کنید

چنین کلاسی نداره ! کل فایل css اینه :

کد:

---

body{
        background                        : #DFDFDF;
        margin                                : 0px;
        padding                                : 0px;
}

body,td,th,div{
        font-family                        : Tahoma, Helvetica, sans-serif;
        font-size                        : 13px;
        color                                : #444;
}

a{
        color                                : #069;
        text-decoration                : none;
}

a:hover{
        text-decoration                : underline;
}

#outline{
        width                                : 840px;
        margin-top                        : 10px;
        background                        : url(../images/main_middle.jpg) repeat-y;
        overflow                        : hidden;
}

#top_container{
        background                        : #069 url(../images/main_top.png);
        height                                : 250px;
}

#middle_container{
        overflow                        : hidden;
       
}

#middle_container_inner{
        width                                : 800px;
        text-align                        : left;
}

#left{
        width                                : 570px;
        float                                : left;
        padding                                : 0px 20px;
}

#right{
        width                                : 190px;
        float                                : left;
        text-align    : right;
        text-decoration: none;
        display: block;
}

#bottomcontainer{
        background                        : url(../images/main_bottom.jpg);
        height                                : 30px;
        padding                                : 0px 25px;
}

#icons{
        padding-left                : 10px;
        padding-top                        : 3px;
}

#bottomcontainer #icon{
        float                                : left;
        margin-right                : 2px;
}

#bottomcontainer #copyright{
        float                                : right;
        padding-right                : 10px;
        color                                : #999999;
}

table.moduletable{
        width                                : 180px;
        margin-bottom                : 10px;
}

table.moduletable th,
.sectiontableheader{
        font-weight                        : bold;
        letter-spacing                : 1px;
        border-bottom                : 1px solid #666;
}

table.moduletable td{
        padding-top                        : 10px;
}

table.moduletable td td{
        padding-top                        : 0px;
}

.sectiontableentry1{
        background:#e7e7e7;
}

.contentheading{
        color                                : #069;
        font-size                        : 24px;
        text-decoration                : none;
        padding-bottom                : 7px;
        background                        : url(../images/underline.jpg) repeat-x bottom;
}


.contentheading a{
        color                                : #444;
        text-decoration                : none;
}

.componentheading{
        color                                : #069;
        font-size                        : 28px;
        margin-bottom                : 20px;
        text-decoration                : none;
}

.small,.createdate,.modifydate{
        color                                : #999999;
        font-size                        : 11px;
}

---

خودتون کلاس بسازید و در اون تغییرات رو اعمال کنید !

خوب مشکل هم همینه!

این کلاس فقط باید تو فایل css تعریف بشه یا لازمه که ایندکس هم تعریف بشه ؟

این کد ؟

کد:

---

a.mainlevel {
text-align: center;
}

---

مشکل حل شد. ممنون از راهنمایی هاتون

کد:

---

a.mainlevel {
text-align: right;
display: block;
}

---