johnkelin,
Your page has a number of opportunities for improvement in the way it is laid out. With that in mind, I put together a different approach for you to consider.
The <doctype> is changed to HTML4.01 strict instead of loose.
The header image is now in an <h1> tag over some appropriate text. If the image cannot be found, the text will be visible. Google likes <h1> tags so it can identify the subject of the page.
The <hr> tags were replaced by assigning a class “hr” to the preceeding paragraph which draws a border-bottom beneath its box.
I do not know anything about the iframe, embed, or bgsound tags, so those remain pretty much as you coded them except that I added <div> tags around the embed tags.
I deleted stuff from the HTML and CSS that were not related. I’m sure you can put it back if needed. 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="joediamo.css">
<title>Joe Diamo</title>
</head>
<body>
<div id="outer">
<h1><span>Joe Diamo - Percussionist, Vocalist</span><img src="images/top.jpg" width="1000" height="260" alt=""></h1>
<div class="content">
<div class="tcell left-column">
<p class="head_1">Welcome to my web site!</p>
<p class="hr">Below and at right are a few short samples of my work. This site will be frequently updated to demonstrate a broader selection of styles. I hope you enjoy the music!</p>
<p class="hr fontsmall ">"Joe Diamo is a highly accomplished drummer/ percussionist, pianist and vocalist. He works regularly as a solo artist; in duos with many fine musicians (as drummer and pianist/vocalist); and in quartet and sextet settings as a drummer with the legendary pianist Joe Bonner."</p>
<p class="head_1">Contact information</p>
<p><b>Phone:</b> (720) 890-7208</p>
<p class="hr">Or, <a href="mailto:josephdiamo@comcast.net">send an e-mail</a>.</p>
<p class="head_1">Audio Samples</p>
<p class="about">Joe at the piano.</p>
<p class="title">Night and Day</p>
<div><embed src="audio/night_day.mp3" width="" height="40" autostart="false" loop="false"></div>
<bgsound src="audio/night_day.mpg" loop="1">
<p class="title">The Lady is a Tramp</p>
<div><embed src="audio/lady_tramp.mp3" width="" height="40" autostart="false" loop="false"></div>
<bgsound src="audio/lady_tramp.mpg" loop="1">
</div>
<div class="tcell right-column">
<p class="head_2">Video Samples</p>
<div class="vid">
<iframe width="420" height="315" src="http://www.youtube.com/embed/KjPmZ-BDT5Y" frameborder="0" allowfullscreen></iframe>
</div>
<div class="vid">
<iframe width="500" height="281" src="http://player.vimeo.com/video/83000158?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<p>See <a href="http://vimeo.com/channels/joediamo">Joe's video channel</a> from <a href="http://vimeo.com/freudmp">Freud Media Productions</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
<div class="button"><a href="http://www.josephdiamo.com/page_02.html">NEXT PAGE</a></div>
</div>
</div>
</div>
</body>
</html>
/* joediamo.css */
body {
padding:0;
margin:0;
}
#outer {
width:1080px;
margin:0 auto;
}
h1 {
position:relative;
height:260px;
background-color:#000;
color:#fff;
text-align:center;
padding:0;
margin:0;
}
h1:after {
content:"";
display:inline-block;
vertical-align:middle;
height:100%;
}
h1 span {
display:inline-block;
vertical-align:middle;
margin:0;
}
h1 img {
position:absolute;
top:0;
left:0;
}
.content {
display:table;
table-layout:fixed;
width:100%;
border-collapse:collapse;
margin:0 auto;
}
.tcell {
display:table-cell;
vertical-align:top;
}
.left-column {
width:313px;
border-right:3px double black;
background-image: url(images/bg_paper.jpg);
padding:0 20px;
}
.right-column {
text-align:center;
background-image:url('images/022c.jpg');
padding-bottom:30px;
}
.hr {
border-bottom:1px solid #999;
padding-bottom:1em;
}
.head_1 {
font-family: arial, verdana, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: underline;
color: black;
}
.fontsmall {
font-family: arial, verdana, sans-serif;
font-size: 14px;
font-style: italic;
color: black;
}
.head_2 {
font-family: arial, verdana, sans-serif;
font-size: 24px;
font-weight: bold;
text-decoration: underline;
color: black;
}
.about {
font-family: arial, verdana, sans-serif;
font-size: 12px;
font-weight: ;
color: black;
}
.title {
display:inline-block;
font-family: arial, verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: black;
background: #eee8aa;
padding-left: 5px;
padding-right: 10px;
margin-bottom:0;
}
.vid {
font-size:14px;
font-family:arial, erdana,sans-serif;
margin-top:40px;
margin-bottom:40px;
}
.button {
text-align:center;
}
.button a {
display:inline-block;
background:#ff3333;
border:1px solid black;
/* color: rgba(0, 0, 0, 0.55); */
color:white;
font: bold 15px "helvetica neue", arial, helvetica, geneva, sans-serif;
text-decoration:none;
text-shadow: 0 2px 2px rgba(255,255,255,0.2);
background: -webkit-linear-gradient:(top, #34696f, #2f5f63);
background: -moz-linear-gradient:(top, #34696f, #2f5f63);
background: -o-linear-gradient(top, #34696f, #2f5f63);
background: -ms-linear-gradient(top, #34696f, #2f5f63);
background: linear-gradient(top, #34696f, #2f5f63);
-webkit-border-radius: 50px;
-khtml-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
-webkit-box-shadow: 0 8px 0 #1b383b;
-moz-box-shadow: 0 8px 0 #1b383b;
box-shadow: 0 2px 0 #1b383b;
padding:2px 24px;
}
.button a:hover {
background: #ff6666;
background: -webkit-linear-gradient(top, #ffcccc, #ff6666);
background: -moz-linear-gradient(top, #ffcccc, #ff6666);
background: -o-linear-gradient(top, #ffcccc, #ff6666);
background: -ms-linear-gradient(top, #ffcccc, #ff6666);
background: linear-gradient(top, #ffcccc, #ff6666);
}
.button a:active {
color: yellow;
background: #3333ff;
}
You can also download these files from
https://www.dropbox.com/sh/qbd3nxuku8td0tf/WunZqzOIju