How to change html font in script?, Right now it looks like my profile is using Arial for the heading of m Options

[illriginal]

Right now it looks like my profile is using Arial for the heading of my information... How would I go by changin that font... I want something a lot better than that ugly bulky Arial font.

Script:

<style type="text/css">
body {
font-family: verdana, arial, Lucida Sans;
font-size: 62.5%;
background-color: 444444;
}

table, td {
background-color: 444444;
}

.main{
position:absolute;
left:50%;
top:125px;
width:800px;
z-index:1;
margin-left:-400px;
}

.main a:link, .main a:active, .main a:visited {
color:000000;
text-decoration: none;
font-size: 1em;
}

.main a:hover {
color: ffffff;
}

img {
border: 1;
filter:alpha(opacity=20);
-moz-opacity: 0.20;
opacity: 0.20;
}

img:hover{
filter:alpha(opacity=99);
-moz-opacity: 0.99;
opacity: 0.99;
}

p, li {
font-size: 1.2em;
color: ffffff;
}

.title1, .title2 {
font-weight: bold;
text-transform: none;
letter-spacing: -1px;
color: FFFFFF;
}

.title1 {
font-size: 2.0em;
}

.title2 {
font-size: 1.2em;
}

.title2 a {
font-size: 1.1em;
}

.sidebar .title2 {
padding: 0 0 0 12px;
}

.newnav {
margin: 11px 0 20px 0;
padding: 0;
text-transform: none;
letter-spacing: -1px;
}

.newnav a {
font-size: 1.2em;
color: ffffff !important;
}

.newnav a:hover {
color: 444444 !important;
}

.newnav .active {
color: ffffff !important;
}

.newnav li {
list-style: none;
display: inline;
margin: 0 0 0 13px;
}

.sidebar {
float: right;
width: 200px;
}

.content {
float: left;
width: 500px;
padding: 0 0 0 28px;
}

.breaker {
clear: both;
margin-top: 100px;
border-top: 1px solid;
border-color: 777777;
background-image: url("http://img440.imageshack.us/img440/3802/gradient5gj.jpg");
background-repeat: repeat-x;
height: 400px;
}

.cell {
float: left;
padding-top: 10px;
margin: 0 0 0 25px;
}

.cell-inner {
width: 225px;
padding: 0 10px 0 0;
}

.bottoms {
clear: both;
padding: 45px 0 0 0;
}

textarea {
background-color: 000000;
border: 2px solid;
border-color: 666666;
color: ffffff;
padding: 3px;
overflow: hidden;
}

input {
background-color: 444444;
color: ffffff;
border: 1px solid;
border-color: 666666;
}

.askfirst {
clear: both;
text-align: center;
padding: 25px 0 0 0;
}
</style>

[freeflow]

We need more than that to tell you how.