Font help...! Options

[kirjava17]

Alright, I'm making a free xanga layout for my site, and unfortunately, I can't code it right to make the blog's font right. I don't know what's wrong with it...

http://www.xanga.com/sniffles_about_snuffles
I want the font in the blog to look like the font in the navigation bar.

Here's my entire code:

CODE

<div style="margin-left:-10px; margin-top:0px;">
<IMG SRC="http://i59.photobucket.com/albums/g314/k17_3/hermione1.jpg" WIDTH=800 HEIGHT=560 BORDER=0 ALT="" USEMAP="#hermione1_Map">
<MAP NAME="hermione1_Map">
<AREA SHAPE="rect" ALT="enter" COORDS="113,484,146,498" HREF="http://www.xanga.com/signin.aspx">
<AREA SHAPE="rect" ALT="profile" COORDS="150,484,187,499" HREF="http://www.xanga.com/profile.asp?user=YOUR XANGA NAME">
<AREA SHAPE="rect" ALT="subscribe" COORDS="192,485,248,499" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURUSERNAME">
<AREA SHAPE="rect" ALT="guestbook" COORDS="253,485,314,499" HREF="http://www.xanga.com/guestbook.asp?user=YOUR XANGA NAME">
<AREA SHAPE="rect" ALT="claf" COORDS="321,485,343,498" HREF="http://www.xanga.com/CLAF/default.asp">
<AREA SHAPE="rect" ALT="private" COORDS="352,486,392,499" HREF="http://xanga.com/private/home.aspx">
<AREA SHAPE="rect" ALT="subscriptions" COORDS="402,486,476,498" HREF="http://www.xanga.com/private/subs.aspx">
<AREA SHAPE="rect" ALT="exit" COORDS="482,485,509,498" HREF="http://www.xanga.com/logout.aspx">
</MAP>
</div>
<div style="position: static; margin-left: 545px; margin-top: -40px; width: 200px; height: 100%px; background: transparent; overflow:none;">


<a href="http://xanga.com/YOUR XANGA NAME">YOUR XANGA NAME</a>
<b>Name:</b> your name<br>
<b>Featuring:</b>Hermione Granger<br>
<b>Likes:</b> favorite stuff <br>
<b>Dislikes:</b> hated stuff<br>
<b>Location:</b> your location<br>
<b>Age:</b> your age<br>
<b>Gender:</b> your gender<br>
<b>Website:</b> <a href="YOUR WEBSITE URL HERE">your website name</a>
<br><br><b>Navigation</b><br>
» <A href="http://www.xanga.com/signin.asp">Enter</a><br>
» <A
href="http://www.xanga.com/profile.asp?user=YOUR XANGA NAME">My Profile</a><br>
» <A
href="http://www.xanga.com/private/SubscribeTo.aspx?user=YOUR XANGA NAME" alt="Subscribe to me!">Subscribe</a><br>
» <A
href="http://www.xanga.com/guestbook.asp?user=YOUR XANGA NAME">Sign my Guestbook</a><br>
» <a href="http://www.xanga.com/CLAF/default.asp">CLAF</a><br>
» <a href="http://www.xanga.com/private/home.aspx">Private Home</a><br>
» <a href="http://www.xanga.com/private/subs.aspx">Subscriptions</a><br>
» <A href="http://www.xanga.com/logout.asp">Exit</a>
<br><br><!-- KEEP THIS HERE, ALWAYS -->Layout by <a href="http://www.phoenixi-magic.com" target="_blank">Phoenixi</a><!-- END -->
</div>

<div style="position:absolute; margin-left:25px; margin-top: -300px; width:350px; height: 100%px; background:transparent; overflow:yes;">

<style type='text/css'>.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior,
table.left,
td.mainleft,
table.left TH, table.left
TD, table.navigation, hr, table.footer, table.search, #SearchBar1_pnlYouAreHere
{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {width: auto !important;}

body {
background-color: #3C4C00;
scrollbar-arrow-color: #A67F56;
scrollbar-track-color: #3C4C00;
scrollbar-shadow-color: #3C4C00;
scrollbar-face-color: #3C4C00;
scrollbar-highlight-color: #3C4C00;
scrollbar-darkshadow-color: #9A7A59;
scrollbar-3dlight-color: #9A7A59;
cursor: crosshair;
font: 10px arial;
line-height:15px;
color: #3C4C00;
letter-spacing:1px;
}

//blogringdocument.write
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: 10px arial;
line-height:15px;
color: #3C4C00;
letter-spacing:1px;
text-align:justify;
border: none;
background-color: transparent;
filter: alpha(opacity=100)
}

table.blogbody {
font: 8px arial;
line-height:15px;
color: #3C4C00;
letter-spacing:1px;
}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
  font-weight: bold;
  color: #2E370A;
  }

a:link, .footernav.link, a.footernav:link, a.footernav:active, a:active, .footernav.active, a:visited, .footernav.visited, a.footernav:visited {
/* edits all links */
color:#2E370A;
font:10px arial;
line-height:15px;
text-decoration: none;
letter-spacing:2px;
}

//blogring.document.write
a:visited, a.footernav:visited, .footernav.visited {
/* edits the links that the user has visited */
color:#2E370A;
font:10px arial;
line-height:15px;
text-decoration: none;
letter-spacing:2px;
}

a:hover, .footernav.hover, a.footernav:hover {
color:#3C4C00;
font:10px arial;
line-height:15px;
text-decoration: none;
letter-spacing:2px;
}

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px dotted #2E370A;
font:10px arial;
color: #3C4C00;
background-color: #D3B83B;
letter-spacing:1px;
}

table.left {
/* this edits the menu module */
border: none;
width:200px;
background-color: transparent;
font: 10px arial;
}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url('');
background-color: transparent;
font: bold 10px arial;
text-transform: none;
color: #3C4C00;
border: none;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url('');
background-color: transparent;
border: none;
font: 10px arial;
}

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: transparent;
border: none;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #c0c0c0;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 485px;
}
</div>
</style>
<style type='text/css'>
/* edit blog */
table.blogbody {background-color: #Transparent;width: 485px;}
/* edits date */
div.blogheader, .caption {font-family: arial;text-transform:uppercase;font-size:36px;line-height:15px;valign:center;font-weight:bold;
color:#2E370A; letter-spacing:3px;background-color: #transparent;text-align: center;width:485px;}
table.header TH {font-family: arial; font-size: 10px; text-decoration: none; font-weight: normal; border: none; }
table.header TD {font-family: Arial; font-size: 10px; text-decoration: none; border: none; }
</style>

Also, under the fonts menu in the 'text and links' I put arial, size 1. I don't know how to make it smaller, because I think that's what's messing it up.
Also...my code is a little iffy so if you could help me out in any way I'd love you forever.