سلام
اکه فقط با CSS مشکل داری از این کد استفاده کن.
موفق باشید.

کد:
body {
 direction : rtl;
 color      : #000000;
 margin-left   : 0px;
 margin-right   : 0px;
 margin-bottom  : 0px;
 padding     : 0px;
 background-color : #FFFFFF;
 font-family   : arial, sans-serif;
 font-size    : 12px;
background-color: #005091;
margin-top: 0px;
background-image: url(../images/BG.png);
color: #7a7a7a;}
td, tr, p, div {
 font-family   : Tahoma, Arial, Helvetica, sans-serif;
 font-size    : 12px;
 color      : #333333;
color: #6f6f6f;}
hr {
 color      : #999999;
 height      : 1px;
 width      : 100%;
}
.mod {
 background    : transparent;
 width      : 2px;
}
.mt {
 font-family   : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 color      : #FEFEFE;
 font-size    : 4px;
 font-weight   : normal;
 }
.mt a:link, .mt a:visited {
 font-size    : 4px;
 color      : #FFFFFF;
 text-decoration : none;
 font-weight   : bold;
}
.mt a:hover {
 font-size    : 4px;
 color      : #FEFEFE;
 text-decoration : none;
 font-weight   : bold;
}
.main {
 /*float      : left; */
 width      : 100%;
 margin      : 0px;
 padding     : 0px;
}
.contentdescription {
 width      : auto !important;
 display     : block;
}
#buttons {
 float      : right;
 margin      : 0px;
 padding     : 0px;
 width      : 50%;
}
ul#mainlevel-nav {
 font-size    : 12px;
 list-style    : none;
 padding     : 0;
 margin      : 0;
font-size: 14px;
height: 28px;
}
ul#mainlevel-nav li {
 display     : block;
 background-image : none;
 padding-left   : 1px;
 padding-right  : 1px;
 float      : right;
 margin      : 0;
 width      : auto !important;
 font-size    : 12px;
 line-height   : 22px;
 white-space   : nowrap;
 border-left   : 1px solid #cccccc;
}
ul#mainlevel-nav li a {
 font-size    : 12px;
 display     : block;
 padding-left   : 16px;
 padding-right  : 15px;
 text-decoration : none;
 color      : #999999;
 background    : transparent;
letter-spacing: 1px;}

ul#mainlevel-nav li a:hover {
 font-size    : 12px;
 color      : #333333;
letter-spacing: 1px;}

.sublevel {
 padding-left   : 10px;
}
.leftrow {
 background-color : #F1F1F1;
 width      : 165px;
 height      : 100%;
 margin-right   : 5px;
}
.rightrow {
 background-color : #F1F1F1;
 height      : 100%;
 width      : 165px;
 align      : right;
 margin-left   : 5px;
}
table.moduletable {
 width      : 100%;
 table-layout   : auto;
 border-top    : 1px solid #FFFFFF;

}
table.moduletable th {
 font-weight   : bold;
 text-transform  : uppercase;
 text-align    : right;
 height      : 21px;
 line-height   : 21px;
 text-indent   : 8px;
 letter-spacing  : 1px;
 color      : #FFF;
background-image: url(../images/dots.png);
background-repeat: no-repeat;
background-position: right;
background-color: #ffea27;
color: #324884;
letter-spacing: 0px;
font-size: 12px;
border-bottom: 1px #9a9899 solid;
font-variant: small-caps;}

table.moduletable td {
 padding-left   : 0px;
 padding-right  : 0px;
}
#search {
 float      : left;
 margin-top    : 5px;
 border      : 1px solid #cccccc;
 padding     : 0px;
 width´      : 123px !important;
 width      : 125px;
 height      : 16px !important;
 height      : 16px;
 overflow     : hidden;
}
#search .inputbox {
 border      : 0px;
 margin-top    : 0px;
 padding     : 2px 3px 2px 6px !important;
 padding     : 0px 3px 2px 6px;
 font-family   : Tahoma, arial, helvetica, sans-serif;
 font-size    : 10px;
 height      : 12px !important;
 height      : 12px;
 width      : 123px !important;
 width      : 125px;
 color      : #999999;
 background    : #FFFFFF;
}
.back_button {
 color      : #333333;
 font-family   : Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size    : 11px;
white-space   : normal;
 font-weight   : normal;
 border      : 1px solid #999999;
 padding-bottom  : 4px;
 padding-left   : 20px;
 padding-right  : 2px;
 padding-top   : 1px;
 margin-right   : 4px;
 float      : right;
 font-weight   : normal;
 line-height   : 10px;
 text-decoration : none;
background: url(../images/navbar_on.gif) no-repeat;}
.button {
 font-size    : 11px;
 color      : #333333;
 border      : 1px solid #999999;
 margin-bottom  : 5px;
 background-color : #EDEDED;
 padding     : 1px;
background-image: url(../images/navbar_on.gif);
background-position: right;}
.inputbox {
 border      : 1px solid #999999;
 background   : transparent url(../images/back.gif);
 background-color : #EDEDED;
 margin-bottom  : 5px;
 color      : #333333;
background: #EDEDED url(../images/rkbusiness_backy.gif);}

.sectiontableheader {
 font-size    : 11px;
 font-weight   : normal;
 text-transform  : uppercase;
 letter-spacing  : 1px;
 color      : #333333;
 background    : #EDEDED;
 padding     : 1px;
background: #036ed0;
border-right: 2px #a0c5ec solid;
padding-left: 5px;
color: #ffffff;
font-weight: bold;
height: 20px;
border-bottom: 2px #25057d solid;
border-top: 2px #161387 solid;}

.sectiontableentry1 {
 vertical-align  : top;
 padding     : 3px;
 background    : #E3E3E3;
 border-top    : 1px solid #FFFFFF;
 border-bottom  : 1px solid #999999;
background: #E3E3E3 url(../images/gradient_invers.jpg) no-repeat right;}

.sectiontableentry2 {
 vertical-align  : top;
 padding     : 3px;
 border-top    : 1px solid #FFFFFF;
 border-bottom  : 1px solid #999999;
background-image: url(../images/gradient.jpg);}
a.mainlevel {
 margin      : 0px;
 padding     : 0px;
 font-size    : 12px;
 width      : 159px;
 text-indent   : 10px;
background-color: #ebe9ed;
width: 100%;}
a.mainlevel: link {
 padding     : 0px 0px 0px 0px;
 font-size    : 12px;
 width      : 159px;
 background-color : #E3E3E3;
 text-indent   : 10px;
width: 100%;}
a.mainlevel:link, a.mainlevel:visited {
 display     : block;
 font-size    : 14px;
 border-top    : 1px solid #ffffff;
 border-bottom  : 1px solid #999999;
 font-weight   : normal;
 padding     : 2px 0px 2px 0px;
position: relative;
width: 100%;
background-image: url(../images/navbar.gif);
background-color: #e8e8e8;
color: #143283;
text-indent: 25px;
height: 18px;
vertical-align: 2px;
font-variant: small-caps;}

a.mainlevel:hover {
 background-color : #E3E3E3;
 font-size    : 14px;
 font-weight   : normal;
 text-decoration : none;
 text-indent   : 10px;
color: #2b8357;
background-image: url(../images/navbar_on.gif);
text-indent: 25px;
font-style: italic;
}
#active_menu {
 color      : #333333;
 background-color : #E3E3E3;
 font-weight   : bold;
color: #043380;}

a#active_menu:hover {
 color      : #333333;
color: #248503;}

a:link, a:visited {
 font-size    : 12px;
 text-decoration : none;
 font-weight   : bold;
color: #6e6f6f;}

a:hover {
 font-size    : 11px;
 color      : #333333;
 text-decoration : none;
 font-weight   : bold;
color: #0066cc;}
a.category:link, a.category:visited {
 font-size    : 11px;
 font-weight   : bold;
font-size: 14px;
text-decoration: underline;}
a.readon:link, a.readon:visited {
 color      : #003366;
 font-family   : Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size    : 11px;
white-space   : normal;
 font-weight   : bold;
 border      : 1px solid #999999;
 padding-bottom  : 3px;
 padding-left   : 21px;
 padding-right  : 2px;
 padding-top   : 1px;
 float      : left;
 line-height   : 10px;
 text-decoration : none;
background: url(../images/navbar_on.gif) no-repeat;}
a.readon:hover {
 color      : #333333;
 font-family   : Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size    : 11px;
white-space   : normal;
 font-weight   : bold;
 border      : 1px solid #999999;
 padding-bottom  : 3px;
 padding-left   : 21px;
 padding-right  : 2px;
 padding-top   : 1px;
 float      : left;
 line-height   : 10px;
 text-decoration : none;
background: url(../images/navbar.gif) no-repeat;}
ul {float     : left;
 margin      : 2px;
 padding-left   : 10px;
 list-style    : none;
padding-left: 5px;}
li {
 
 line-height   : 15px;
 padding-left   : 15px;
 padding-top   : 0px;
 background-repeat: no-repeat;
 background-position: 0px 3px;
background-image: url(../images/arrow.gif);
}
table.contenttoc {
 border      : 1px solid #FFFFFF;
 background    : #F1F1F1;
 padding     : 5px;
 margin-left   : 2px;
 margin-bottom  : 2px;
}
.pagenavcounter {
 font-size    : 10px;
 color      : #003366;
}
.pagenavbar {
 border-top    : 1px solid #999999;
 padding     : 2px;
}
.pagenav {
 font-weight   : bold;
 color      : #CCCCCC;
}
a.pagenav:link, a.pagenav:visited {
 text-decoration : none;
}
a.pagenav:hover {
 text-decoration : none;
}
.date {
 font-size    : 10px;
 color      : #333333;
 padding-right  : 10px;
}
.small {
 font-size    : 11px;
letter-spacing: 1px;
font-variant: small-caps;
color: #868686;
}

.smalldark {
 font-size    : 10px;
 color      : #333333;
}
.createdate, .modifydate {
 font-size    : 10px;
 color      : #666666;
font-variant: small-caps;
color: #aaa9a9;
text-align: right;}
.content_vote {
 font-size    : 10px;
 height      : 22px;
 padding-top   : 2px;
 padding-bottom  : 2px;
}
.content_rating {
 font-size    : 10px;
 color      : #CC9900;
}
.pathway {
 padding-left   : 8px;
height: 22px;
font-size: 12px;
line-height: 25px;
font-weight: bold;
color: #ffffff;
padding-bottom: 5px;}

a.pathway:link, a.pathway:visited {
 padding-left   : 0px;
font-size: 12px;
line-height: 22px;
color: #ffea27;
font-weight: bold;
padding-bottom: 5px;}

a.pathway:hover {
 padding-left   : 0px;
 line-height: 22px;
font-size: 12px;
color: #ff0022;
font-weight: bold;
padding-bottom: 5px;
}
table.content{
 width      : 100%;
 padding     : 0px;
 border-collapse : collapse;
 border-spacing  : 0px;
 margin-bottom  : 10px;
}
table.contentpane {
 width      : 100%;
 padding-left   : 5px;
 padding-right  : 5px;
 border-spacing  : 0px;
 margin-bottom  : 5px;
margin-top: +3px;}

table.contentpaneopen {
 width      : 100%;
 padding-left   : 5px;
 padding-right  : 5px;
 border-spacing  : 0px;
 margin-bottom  : 5px;
}
.pollstableborder{
 border-color   : #999999;
visibility: visible;
position: relative;
text-align: right;
border: 1px #999999 solid;}
.contentheading, .componentheading {
 background    : url(../images/header.gif) repeat;
 font-size    : 12px;
 font-weight   : bold;
 line-height   : 24px;
 text-transform  : uppercase;
 text-align    : right;
 color      : #003366;
 width      : 100%;
background: url(../images/gradient.jpg) repeat;
padding-left: 15px;
font-variant: small-caps;
font-size: 16px;}

.title {
 font-family   : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight   : bold;
 text-transform  : uppercase;
 text-indent   : 8px;
 font-size    : 20px;
 text-align    : right;
 color      : #FFFFFF;
}
.title a:link, .title a:visited {
 font-size    : 20px;
 color      : #FFFFFF;
 text-decoration : none;
 font-weight   : bold;
}
.title a:hover {
 font-size    : 20px;
 color      : #FFFFFF;
 text-decoration : none;
 font-weight   : bold;
}
.ontab {
 border-left   : 1px solid #404040;
 text-align    : right;
 font-weight   : bold;
 color      : #333333;
 padding     : 5px;
 cursor      : hand;
 line-height   : 40px;
}
.offtab {
 border-left   : 1px solid #404040;
 text-align    : right;
 color      : #999999;
 font-weight   : normal;
 padding     : 5px;
 cursor      : hand;
  line-height   : 40px;
}
.tabpadding {
 border-left    : 1px solid #404040;
}
.pagetext {
 visibility    : hidden;
 position     : relative;
 top       : -10;
 background-color : #FFFFFF;
 display     : none;
}
.footer {
 font-family   : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 color      : #FFFFFF;
 font-size    : 10px;
 color      : #FFFFFF;
 font-weight   : normal;
 }
.footer a:link, .footer a:visited {
 font-size    : 11px;
 color      : #FFFFFF;
 text-decoration : none;
 font-weight   : bold;
}
.footer a:hover {
 font-size    : 11px;
 color      : #333333;
 text-decoration : none;
 font-weight   : bold;
}
.contact_email {
 width      : 100%;
}
.contact_email .inputbox {
 width      : 345px;
}