changing the font of a layout, ? Options

[shynhuggable]

i want to change the font of this layout to Arial and make the font bigger cuz right now its sooo tiny. heres the code:

CODE

<STYLE type="text/css">
    BODY {scrollbar-3dlight-color: FFFFFF;
           scrollbar-arrow-color:000000;
           scrollbar-base-color:FFFFFF;
           scrollbar-track-color:a5a5a5;
           scrollbar-darkshadow-color:FFFFFF;
           scrollbar-face-color:FFFFFF;
           scrollbar-highlight-color:FFFFFF;
           scrollbar-shadow-color:FFFFFF;
           background-color: FFFFFF;
           cursor:;
           padding-right: 500px;}

.contactTable {display:none;}

table, td, p, span, li, strong, div{color: 000000; font-family:small fonts; text-transform: uppercase; font-size: 5pt;letter-spacing:0px; font-weight:normal;}
</style>

<style type="text/css">
{content:"Body Properties";}
body {
  background-color:29200E;
  background-image:url('http://layouts.cbimg6.com/22/10885d.jpg');
  background-position:bottom right;
  background-repeat:no-repeat;
  background-attachment:fixed;
  padding-right: 500px;}

{content:"Table and Section Properties";}
table, tr, td {background:transparent; border:0px;}
table table table {background-color:2F6768;}
table table table {
  border-width:1px;
  border-color:black;
  border-style:solid;


{content:"Text and Link Properties";}
input {background-color: none!important;}
td, span, div, input, textarea, a, table td div div font,
body div table tbody tr td font {font-family:arial !important; text-transform: uppercase; }
td, span, div, input, textarea, table td div div font,body div table tbody tr td font {font-family:small fonts !important; color:black!important; font-size:6pt !important; text-transform: normal; font-weight: normal !important; }
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12, .blacktext12 span,.redtext, .redbtext, .blacktext10, .btext {font-family:arial !important; color:black!important; font-size:6pt !important; text-transform: normal; font-weight:normal !important; background-color:none;}
a {font-family: arial !important; color:A50E13!important; font-size:6pt !important;text-decoration:none !important; text-transform:normal !important; font-weight:normal !important; font-style:normal !important; text-transform: uppercase; }
a:hover {font-family:arial !important; color:5493FC!important; font-size:6pt !important; text-decoration: underline !important; font-style: normal !important; font-weight: normal !important; text-transform: uppercase !important; }

{content:"Other Properties";}

p {align=justify}
BODY{cursor: url(http://content.cometsystems.com/czcontent/cursors/tinyh.cur);}
a {cursor: url(http://content.cometsystems.com/czcontent/cursors/tinyh.cur);}
<style type="text/css">.blogbody i, .standard i, p i, i{font-family:georgia; font-size: px; color:A50E13; font-weight: italic; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style><style type="text/css">.blogbody u, .standard u, p u, u {font-family:arial; font-size: px; color: 494641; font-weight: bold; border-top: 0px solid 000000; border-bottom: 2px solid grey; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style><style type="text/css">.blogbody b, .standard b, p b, b {font-family:arial; font-size: px; color: A50E13; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}

.comments {visibility:hidden;display:none;}</style>
<style>.r{}</style>
<style>.r{}</style>

HELP!!!