div text properties Options

[hi-C]

So I'm making this layout for this kid and I finally figured out how to position the div layers, but, the div for the kid's information (called "info" as the div ID) is in a different font. How do I change it to the font of the blog?

CODE

<!-- begin code provided by createblog.com -->
<script type='text/javascript'>
document.title = ("Learn Chinese");
</script>

<IMG SRC="http://img127.exs.cx/img127/9097/Jin-Layout.gif" WIDTH=800 HEIGHT=600 BORDER=0 ALT="" USEMAP="#Jin_Layout_Map">
<MAP NAME="Jin_Layout_Map">
<AREA SHAPE="rect" ALT="" COORDS="743,443,772,456" HREF="http://www.xanga.com/logout.aspx">
<AREA SHAPE="rect" ALT="" COORDS="699,443,736,456" HREF="http://www.xanga.com/signin.aspx">
<AREA SHAPE="rect" ALT="" COORDS="666,443,691,456" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">
<AREA SHAPE="rect" ALT="" COORDS="628,443,660,456" HREF="http://xanga.com/private/subs.aspx">
<AREA SHAPE="rect" ALT="" COORDS="591,443,621,456" HREF="http://xanga.com/CLAF">
<AREA SHAPE="rect" ALT="" COORDS="538,443,585,456" HREF="http://xanga.com/private/home.aspx">
<AREA SHAPE="rect" ALT="" COORDS="491,443,529,456" HREF="http://xanga.com">
</MAP>

<div id="info" style="position:static; width:185px; height:136px; margin-right:-550px; margin-top:-560px;">
Name:<br>
D.O.B:<br>
Age:<br>
Gender:<br>
Location:<br>
Grade:<br>
Nationality:<br>
AIM:<br>
</div>

<div style="position:static; overflow: auto;
width: 357px;
height: 208px;
margin-top: 40px;
margin-right: -355;
">

<style type='text/css'>
.mainleft, table.footer, table.navigation, { display:none; }
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:300px;}
</style>

<style type="text/css">
/*Jin the MC*/
/*by MataHari286*/
body {
background-color: #CCCCCC;
scrollbar-base-color: default;
scrollbar-face-color: 999999;
scrollbar-track-color: 999999;
scrollbar-arrow-color: white;
scrollbar-3dlight-color: 999999;
scrollbar-darkshadow-color: 999999;
scrollbar-highlight-color: 999999;
scrollbar-shadow-color: 999999;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:307px;
font-family: Tahoma;
font-weight: none;
font-size: 7pt;
color: #000000;
text-align: left;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: 307px;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 307px;
padding: 3px;
font-family: Tahoma;
font-size: 8.5pt;
text-align: right;
color: #000000;
text-transform: lowercaps;
margin-top: 10px;
border-bottom: #ffffff 1px solid;
}

P, B, I, TD, TH
{font-family: Tahoma; color: #000000; font-size: 8pt; }
A:link, A:visited, A:active
{color:#ffffff; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#ffffff; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: arial;
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-transform: lowercaps;
</style>
<!-- end code provided by createblog.com -->