*nosy*

What's up with the links? Your CSS is very muddled. It would be easier to find the problem if you ordered it hierarchically:

body {
font: 0.9em Tahoma, Arial, sans-serif;
text-align: center;
color: #000;
background: url(http://bronze-ambition.net/BTP/images/palebg.jpg) #61846c left repeat-y;
}
a, a:link {
color: #6b9b91;
text-decoration: none;
font-weight: normal;
background: #61846c;
}
a:visited {
color: #000;
}
a:active {
color: #000;
cursor: help;
}
a:hover {
color: #468191;
font-weight: bold;
cursor: help;
background: #b5b466;
}
blockquote {
margin: 5px 10px;
padding: 5px;
border-right: 5px solid #bab869;
font-family: Arial, Tahoma, sans-serif;
}
ul {
padding: 5px 20px;
border-right: 10px solid #507e7e;
color: #000;
background: #468191;
}
p {
margin: 5px 10px 10px;
}
header h1 {
background-color: #bab768;
color: #56857f;
height: 490px;
line-height: 490px;
margin: 0;
padding-left: 0;
background: url(http://bronze-ambition.net/BTP/images/BTPheader.jpg);
}
#container {
text-align: left;
width: 700px;
margin: 0 auto;
}
#navigation {
text-align: center;
float: left;
width: 300px;
}
#navigation a, a:link {
background: #61846c url(http://bronze-ambition.net/BTP/images/navbg.jpg);
color: #bebc6b;
padding: 5px;
display: block;
}
#content p {
text-align: left;
line-height: 1.4;
}
#extra {
float: right;
width: 400px;
color: #000;
background: #61846c;
}
#footer {
width: 700px;
height: 35px;
background: url(http://bronze-ambition.net/BTP/images/footerbg.jpg);
}
#footer p {
margin: 0;
padding: 1em 2em;
}


'k? What do you want to change?