Hi guys i'm trying to add my website style to a CS4 web gallery. http://www.carlosalberto.co.uk/

so far i've managed to add the titles but I can't seem to be able to change the font,size and remove the underline of each link.

the font stays the default font and size

<HTML>
<HEAD>

<TITLE>%TITLE%</TITLE>
<META name="generator" content="%CONTENT_GENERATOR%">
<META http-equiv="Content-Type" content="text/html; charset=%CHARSET%">
<link href="images/galleryStyle.css" rel="stylesheet" type="text/css">


<SCRIPT LANGUAGE="Javascript">

var windowWidth, windowHeight;

function resizeTop(){
windowSize();
document.getElementById("titleframe1").style.height = windowHeight/4;
document.getElementById("bottomframe").style.height = windowHeight/4;
}

function windowSize() {
var myWidth = 0, myHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if( document.documentElement &&
( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;

}
windowWidth = myWidth;
windowHeight = myHeight;
}

</SCRIPT>
</HEAD>

<body bgcolor="#FFFFFF" marginheight=0 marginwidth=0 leftmargin=0 topmargin=0 onResize="resizeTop()" onLoad="resizeTop()">
<table cellspacing=0 cellpadding=0 width=100% height=100% align=middle valign=middle>
<tr>
<td width=100% height=100% align=middle valign=top>
<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>
<tr bgcolor="#FFFFFF">
<td valign=top width=100% height=33% align=left>
<table width=100% cellpadding=4>
<tr>
<td width=50%>
<div id="titleframe1">
<div class="titleContent">
<div class="banner">
<div class="title">%HEADER%</div>
<div class="info">%PHOTOGRAPHER%</div>
<div class="info">%DATE%</div>
</div>
</div>
</div>
</div>
</td>
<div
style="
top: 40;
left: 40;
position: absolute;
z-index: 1;
visibility: show;">


<p1><a href="http://www.carlosalberto.co.uk" style:"font-family:Andalemono;color:#808080;font-size:15pt">
C&nbsp;A&nbsp;R&nbsp;L&nbsp;O&nbsp;S</a></p1>

</div>
<div
style="
top: 60;
left: 40;
position: absolute;
z-index: 1;
visibility: show;">

<p2><a href="http://www.carlosalberto.co.uk" style:"font-family:Andalemono;color:#808080;font-size 15pt"> A&nbsp;L&nbsp;B&nbsp;E&nbsp;R&nbsp;T&nbsp;O</a><p2/>

</div>

<div
style="
top: 130;
left: 40;
position: absolute;
z-index: 1;
visibility: show;">
<p3><a href="http://carlosalberto.co.uk/findyourphotograph.html" style:"font-family:LetterGothicStd;color:#808080;font-size:7.5pt">
find your photograph</a></p3>

</div>

<div
style="
top: 190;
left: 40;
position: absolute;
z-index: 1;
visibility: show;">
<p4><a href="http://www.carlosalberto.co.uk" style:"font-family:LetterGothicStd;color:#808080;font-size:7.5pt">
portfolio</a></p4>

</div>
<div
style="
top: 250;
left: 40;
position: absolute;
z-index: 1;
visibility: show;">

<p5><a href="http://carlosalberto.co.uk/model.html" style:"font-family:LetterGothicStd;color:#808080;font-size:7.5pt">
model</a></p5>
</div>

<div
style="
top: 310;
left: 40;
position: absolute;
z-index: 1;
visibility: show;">
<p6><a href style:"font-family:LetterGothicStd;color:#808080;font-size:7.5pt""http://carlosalberto.co.uk/contact.html">
contact</a></p6>

</div>

<td align=right valign=top>
<div id="titleframe2">
<div class="titleContent">
<div class="banner">
<div class="info">%CONTACTINFO%</div>
<div class="email"><a href="mailto:%EMAIL%">%EMAIL%</a></div>
</div>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height=33% width=100% bgcolor=%BANNERCOLOR% colspan=2>
<table width=100% height=100% cellpadding=0 cellspacing=0>
<tr>
<td height=100% align=middle valign=middle>
<table height=100%><tr><td>
<a href="%PREVINDEX%"><IMG SRC="images/left.gif" hspace=10 BORDER=0></a></td>
<td align=middle>
<table>
%THUMBNAILSROWS%
</table>
<td>
<td valign=middle><a href="%NEXTINDEX%"><IMG SRC="images/right.gif" hspace=10 BORDER=0></a></td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#FFFFFF"><td colspan=4 width=100% background="images/ds_bot.gif"><img src="images/spacer.gif" height=11></td></tr>
</table>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td height=33% colspan=2>
<div id="bottomframe">
<img src="images/spacer.gif" HEIGHT=20>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>



thanks in advance