right panel won't be in place

look at this link and you'll see what I mean:
http://neostar.110mb.com/test/index.html
here is the css code:
/* CSS Document */
body{
padding:0; margin:0; background-color:#000000;
}
div, ul, p, h1, h2, h3, h4, img, form{
padding:0; margin:0;
}
ul{
list-style-type:none;
}
.bank{
line-height:0px; font-size:0px; clear:both;
}
/*------------------------------up_div---------------------*/
#up_div{
background:url(images/up_bg.gif) repeat-x 0 0 #fff; color:#3b3b3b; width:100%; float:left;
}
#header{
background:url(images/logo.jpg) no-repeat 0 0; width:778px; margin:0 auto; position:relative; height:314px;
}
#header img{
display:block; top:36px; left:120px; position:absolute;
}
#header img.logo{
position:absolute; left:97px; top:124px; display:block;
}
#header h1{
width:123px; display:block; font:13px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#676666; font-weight:bold;
position:absolute; top:169px; left:100px; background-color:#fbfbe5;
}
#header ul{
width:546px; display:block; position:absolute; top:253px; left:124px;
}
#header ul li{
float:left; display:block; margin:0 3px 0 3px;
}
#header ul li a{
font:13px/20px 'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; padding:0 8px 0 8px;
color:#000000; background-color:#FFFF00; display:block; text-decoration:none;
}
#header ul li a:hover{
background-color:#CECE00; color:#FFFFFF;
}

/*----------------------------------body part----------------*/
#mainBody{
width:770px; margin:20px 0 0 20px;
}
/*-------------left side------*/
#leftPan{
width:161px; color:#B6B6B5; background:url(images/left_side_up.gif) no-repeat 0 0 #FFFF00; padding:19px 0 0 0;
}
#leftPanDown{
width:161px; color:#B6B6B5; background:url(images/left_side_down.gif) no-repeat bottom left; padding:19px 0 0 0;
}
#leftPanBg{
width:161px; color:#B6B6B5; background:url(images/left_side_bg.gif) repeat 0 0 #FFFF00; padding:19px 0 0 0;
}
#leftPan p{
background:url(images/left_side_down.gif) no-repeat bottom left; height:8px; font-size:0; display:block;
}
#leftPan h2{
background:url(images/services_icon.gif) no-repeat 0 0 #FFFF00; color:#000000; width:90px; height:34px; display:block;
margin:0px 0 0 25px; font: normal 24px/34px Arial, Helvetica, sans-serif; padding: 0 0 0 25px;
}
#leftPan ul{
width:119px; display:block; margin:6px 0 24px 25px; font-size:0;
}
#leftPan ul li{
background:url(images/left_side_arrow.gif) no-repeat 0 9px; padding: 0 0 0 11px; display:block; height:24px;
}
#leftPan ul li a{
font:12px/24px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; background-color:#FFFF00; display:block;
}
#leftPan ul li a:hover{
background-color:#CECE00; color:#FFFFFF;
}
#leftPan h3{
color:#fff; width:114px; height:24px; display:block; margin:0px 0 10px 26px; padding: 0 0 0 0; background-color:#171717;
font: normal 24px/24px Arial, Helvetica, sans-serif;
}

/*-------------------------------right-------*/
#rightPan{
width:161px; color:#B6B6B5; background:url(images/left_side_up.gif) no-repeat 0 0 #FFFF00; padding:19px 0 0 0; float:right; margin: 20px 0px 20px 0px;
}
#rightPanDown{
width:161px; color:#B6B6B5; background:url(images/left_side_down.gif) no-repeat bottom left; padding:19px 0 0 0;
}
#rightPanBg{
width:161px; color:#B6B6B5; background:url(images/left_side_bg.gif) repeat 0 0 #FFFF00; padding:19px 0 0 0;
}
#rightPan p{
background:url(images/left_side_down.gif) no-repeat bottom left; height:8px; font-size:0; display:block;
}
#rightPan h2{
background:url(images/services_icon.gif) no-repeat 0 0 #FFFF00; color:#000000; width:90px; height:34px; display:block;
margin:20px 0 0 20px; font: normal 24px/34px Arial, Helvetica, sans-serif; padding: 0 0 0 25px;
}
#rightPan ul{
width:119px; display:block; margin:6px 0 24px 25px; font-size:0;
}
#rightPan ul li{
background:url(images/left_side_arrow.gif) no-repeat 0 9px; padding: 0 0 0 11px; display:block; height:24px;
}
#rightPan ul li a{
font:12px/24px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; background-color:#FFFF00; display:block;
}
#rightPan ul li a:hover{
background-color:#CECE00; color:#FFFFFF;
}
#rightPan h3{
color:#fff; width:114px; height:24px; display:block; margin:0px 0 10px 26px; padding: 0 0 0 0; background-color:#171717;
font: normal 24px/24px Arial, Helvetica, sans-serif;
}





/*-------------------------------body---------*/

#bodyPan{
width:430px; margin:20px 100px 20px 100px;
}
#bodyPan h2{
height:95px; width:204px; display:block;
}
#bodyPan h2 a{
width:204px; height:95px; display:block; text-decoration:none; text-indent:-2000px;
}

#bodyPan p{
width:427px; font:14px/20px Arial, Helvetica, sans-serif; color:#A5A5A4; background-color:#000000; display:block;
margin:0 0 0 0;
}
#bodyPan p span{
color:#2BCB02; background-color:#000000; font-size:17px; font-weight:bold;
}
#bodyPan h3{
font:24px/22px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; display:block; margin:0 0 0 0;
height:27px;
}

/*-------------------------------footer---------*/
#footerMain{
background:url(images/footer_bg.gif) repeat-x 0 0; width:100%;
}
#footer{
background:url(images/footer.gif) no-repeat 0 0; height:97px; width:778px; margin:0 auto 0 auto; padding:74px 0 0 0;
}
#footer ul{
width:446px; display:block; margin:0px 0 0 270px; padding:0; font-size:0; height:20px;
}
#footer ul li{
color:#9B9B9B; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; background-color:#0F0F0F;
padding:0; margin:0;
}
#footer ul li a{
color:#9B9B9B; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#0D0D0D;
text-decoration:none; padding:0 6px 0 6px;
}
#footer ul li a:hover{
text-decoration:underline;
}
#footer p{
width:324px; display:block; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA; margin:0px 0 0 430px;
background-color:#0A0A0A; padding:0 0 9px 0;
}
#footer ul.css{
width:103px; display:block; font-size:0px; margin:0px 0 0 586px; padding:0; height:20px;
}
#footer ul.css li{
display:block; float:left; background-color:#060606; margin:0 0 0 1px; padding:0; color:#FFFFFF;
}
#footer ul.css li a{
text-indent:-2000px; height:11px; padding:0; margin:0; float:left; font-size:0; display:block;
}
#footer ul.css li a.cs{
background:url(images/css.gif) no-repeat 0 0; width:39px;
}
#footer ul.css li a.cs:hover{
background:url(images/css_h.gif) no-repeat 0 0; width:39px;
}
#footer ul.css li a.html{
background:url(images/xhtml.gif) no-repeat 0 0; width:61px;
}
#footer ul.css li a.html:hover{
background:url(images/xhtml_h.gif) no-repeat 0 0; width:61px;
}
#footer p.copy{
width:250px; display:block; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA; margin:0;
background-color:#030303; padding:0; float:right; display:block;
}
#footer p.copy a{
text-decoration:underline; color:#EAEAEA; background-color:#030303;
}
#footer p.copy a:hover{
text-decoration:none
}

can you help me fix this?
please.

look at this link and you'll see what I mean:
http://neostar.110mb.com/test/index.html
here is the css code:
/*----------------------------------body part----------------*/
#mainBody{
width:770px; margin:20px 0 0 20px;

can you help me fix this?
please.

You have it floating in the mainBody div, so its floating to the right of 770px. You'll have to either adjust the width of that div, or move it to the outside of that div.

admins please delete this