Aligning Left Custom Modules to the Left of the Blog Body Options

[DevilsHandbook]

I'm new here, so I don't know how exactly to work everything, but, I can try.

Alright. So, I've tried everything. I swear. I'm not particularly spectacular at HTML coding.. but I can get stuff done. This, I cannot. Anyhow, I'm really tired of going to the left of my blog to click on everything, when I'm naturally a right-oriented person, and it's driving me nuts. (xanga.com/Mecha_Chain)

My module code, gotten from cbstaff (Xanga Stylesheet (CSS) - with custom modules):

CODE

table.left th, table.module th {
/* -Module Title- */
   FONT-FAMILY: arial;
   FONT-WEIGHT: normal;
   FONT-SIZE: 11px;
   COLOR: white;
   TEXT-TRANSFORM: none;
   BACKGROUND-COLOR: #EFBF8F;
   TEXT-ALIGN: center;
   BORDER-BOTTOM: none;
   BORDER-TOP: none;
   BORDER-RIGHT: none;
   BORDER-LEFT: 1px solid black;
}
table.left TD, table.module td {
/* -Module Body- */
   BORDER-TOP: 4px solid none;
   BORDER-BOTTOM: none;
   BORDER-RIGHT: none;
   BORDER-LEFT: 1px solid #000000;
   BACKGROUND-COLOR: #EFBF8F;
}
table.left, table.module {
/* -Module Altogether- */
   WIDTH: 180px;
   BORDER: none;
   BACKGROUND-COLOR: #EFBF8F;
}

When I try to use the <div align></div, it just moves all of my lower modules to the right, leaves my top module stranded somewhere in the middle-right, and completely pushes down my blog body. D: Any help for a poor HTML retard?