a.highlight:hover
{
background-color: #FF0000
}

a:active {color: #0000FF}  /* selected link   */

div.bg
{
width: 800px;
height: 1000px;
background-image: url("background/desk.jpg");
overflow: hidden
}

div.title
{
width: 500px;
height: 100px;
float: left;
background: url("images/friends_title.gif") no-repeat center center;
overflow: hidden
}

div.content
{
padding: 20px 0px 0px 0px;
font-size: 18px;
font-weight: bold;
overflow: hidden
}

table.friends
{
width: 600px;
height: 472px;
overflow: visible;
border: thin none #00FF00
}

td.thumbnail
{
width: 200px;
height: 150px;
background-color: #C0C0C0;
overflow: visible;
border: 1px solid #808080
}

td.description
{
padding: 4px 4px 4px 4px;
width: 396px;
height: 142px;
text-align: left;
font-size: 14px;
font-weight: bold;
background-color: #C0C0C0;
border: 1px solid #808080;
background: url("friends/desc_bg.jpg") repeat center center;
overflow: visible;
vertical-align : top
}