CSS Help

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>

<style>
#container
{
width: 100%;
margin: 10px auto;
background-color: #660000;
color: #333;
border: 1px solid black;
line-height: 130%;
padding: 0 0 0 0;
}

#top
{
background-color: #660000;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
padding-top: 0;
float: left;
width: 160px;
margin: 0;
color: #fff;
background-color: #660000;
padding: 1em;
}

#content
{
margin-top: -5px;
margin-left: 200px;
background-color: #fff;
border-top: 1px solid black;
border-left: 1px solid black;
padding: 1em;
max-width: 36em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid black;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }


a.:link, a.:visited, a.:active {
color: black;
background: silver;
border: 2px solid black;
padding: .3em;
text-decoration:none;
}

a.:hover {
color: black;
background: white;
border: 2px solid black;
padding: .3em;
}
</style>

<title>shawn and Tara's Wedding</title>
</head>
<body link=#fffff alink=#fffff vlink=#fffff>

<div id="container">

<div id="top">
<img src="logo.jpg" />
<a href="page1.php">Upload Images</a>
<a href="page1.php">Contact Us</a>
</div>

<div id="leftnav">
<center>
<p><a href="page1.php">Images 1</a></p>
<p><a href="page1.php">Images 2</a></p>
<p><a href="page1.php">Images 3</a></p>
<p><a href="page1.php">Images 4</a></p>
<p><a href="page1.php">Images 5</a></p>
<p><a href="page1.php">Images 6</a></p>
</center>
</div>
<div id="content" >
<center><h2>Welcome to our website</h2></center>
<p>
We would again like to thank everyone for coming out and spending this special day with us.

ggdgfgdffg
gfg
fgfgfdg<br/>
<br/>

</p>
</div>
</div>

</body>
</html>