Double custom modules Options

[breakkdown]

Does anyone have a script for double custom modules? NOT two seperate, one for left, and one for right. I've tried that a bunch of times and they never work.

[breakkdown]

Okay, I found one that works, but could someone make it so that the left module is next to the blog, and not the banner?

CUSTOM HEADER

CODE

<script>document.title="Welcome to Hogwarts!";</script>

<style type=text/css>
table.footer, table.search, #rblEprops, hr {display: none;}
body {
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
  background-color: #ffffff;
background-image: url(http://img433.imageshack.us/img433/1940/backgrc8.png);
background-repeat: repeat;
background-attachment: fixed;
background-position: center-left;
  }
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font:normal 10px verdana;
  line-height:15px;
  color:#000000;
  letter-spacing:0px;
  text-align:left;
  }
U { font family: verdana; letter-spacing: 0px; color:#cbbda0;border-bottom: 1px double #ffffff;}

P {font-family:tahoma; color: #000000; font-size: 11px; text-align: center;}

B, STRONG {font-family:tahoma; font-weight: bold; color: #acb2b0;}

i, EM {font: italic 11px tahoma; color: #000000;
}
div.blogheader, .caption {
/* edits the dates */
  display:none;
  background-color: #ffffff;
  font: 12pt century gothic;
  text-transform: uppercase;
line-height: 15px;
letter-spacing: 2px;
  font-weight:normal;
  color: #cbbda0;
border-top: 3px double #acb2b0;
border-left: 3px double #acb2b0;
border-right: 3px double #acb2b0;
  text-align: center;
  width:300px;
  }
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #cbbda0;
font: normal 7px small fonts;
text-transform:uppercase;
line-height: 7px;
text-decoration: none;
}
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color: #cbbda0;
font: normal 7px small fonts;
text-transform:uppercase;
line-height: 13px;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
color: #acb2b0;
font: normal 7px small fonts;
letter-spacing: 0px;
background-image:url();
cursor: normal;
text-transform: normal;
line-height: 11px;
font-weight: regular;
text-decoration: none;
  }
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #acb2b0;
  font:normal 9px georgia;
text-transform: uppercase;
  letter-spacing:0px;
  text-align:left;
  color: #000000;
  background-color: #ffffff;
  }
table.blogbody {
/* this edits the other the place where the blog is */
background-image: url();
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom right;
background-color: #ffffff;
border: 1px solid #000000;
width:300PX;
}
table.left {
/* menu modules */
border-top: 3px double #000000;
border-bottom: 3px double #000000;
border-left: 3px double #000000;
border-right: 3px double #000000;
width: 150px;
background-color: #ffffff;
text-align: center;
}
table.left th {
/* menu module headers */
background-image: url();
background-color: #ffffff;
font: normal 7px "small fonts";  
text-transform: uppercase;
text-align: left;
color: #000000;
letter-spacing: 0;
}
table.left TD {
/* menu module body */
font: 10px verdana;
line-height:12px;
color: #000000;
background-image: url();
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom right;
text-align: left;
border-top: none;
width: 150px;
background-color: #ffffff;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #ffffff;
border: 1px solid #000000;
}
table.navigation, table.main, table.footer {
/* total width of blog*/
width: 300px;
}
table.navigation, table.footer, table.search {
display: none;
}
hr {
display: none;
}
table.footer TD {
text-align: center; }
table.left th {
/*left module headers*/
/*subscribe, blogrings, etc.*/
  display: none;
}
</style>

<!-- begin code provided by createblog.com -->
<style type='text/css'>
.mainleft { display:none; }
</style>
<!-- end code provided by createblog.com -->
<style></style><style></style><center>
<table border=0 width="660"><tr><td valign="top" width="160">
<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="center">
INFO
</th></tr>
<tr><td class="left" vAlign="top">
INFO
<BR></div>
</td></tr>
</table>
<br/>
<!-- module:end -->
<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="center">
INFO
</th></tr>
<tr><td class="left" vAlign="top">
INFO<div>
</center></td></tr></table><br/>
<!-- module:end -->
</td>
</td><td width="600" valign="top" align="left">
<img src="http://img220.imageshack.us/img220/1999/welcomehogwartsfk6.jpg" width="600" height="328" border="1px solid black">

WEBSITE STATS

CODE

<!-- Script by Paul Chen --><td id="customRight"
style="display:none" vAlign="top" width="150">

<!-- module:start -->
<table class="left" cellSpacing="0"
cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top"
align="center">
INFO
</th></tr>  <tr><td class="left"
vAlign="top"><p align=center>INFO<br>
<p align=center>INFO<br>
INFO
</div>
</td></tr>
</table>
<br/>
<!-- module:end -->

<!-- module:start -->
<table class="left" cellSpacing="0"
cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top"
align="center">
NAVIGATION
</th></tr>  <tr><td class="left"
vAlign="top">
NAVIGATION </th></tr>  <tr><td class="left"
vAlign="top"></td></tr>
</table> <br/>
<!-- module:end -->
</td>
<script>
extra=false;
j=document.getElementById('MoreoverModule1_lblModuleTitle')
if(j){extra=true}
index=0;
var mytds = document.getElementsByTagName('td');
var i = 0;
for(i=0;i<mytds.length-1;i++){
if(mytds[i].width=="200"){
  index++;
  if(index==(extra ? 2 : 1)){break;}}
}
var sidebar = (extra ? mytds[i]: mytds[i].parentNode)
var tsibpc = document.getElementById('customRight');
var rightSide = tsibpc.cloneNode(true);
rightSide.style.display = "block";
sidebar.appendChild(rightSide);
</script>