body {
background:#FFFFFF url(meerkat.jpg) no-repeat center top;
margin:0;
font-size:100%;
}

.wrapper {
margin:0;
padding:80px 0 80px 95px;
color:#000000;
}

.content{
margin:0;
padding:0 20px 20px 20px;
color:#000000;
background-color:#444444;
width: 400px;
border:6px solid #000000;
}

.title{
margin:0;
padding:2px 2px 2px 2px;
background-color:#222222;
width: 396px;
}

p, a, h1, h2, ul, li{
font-family:"Lucida Sans Unicode","Lucida Grande",Georgia,Serif;
color: #FFFFFF;
margin: 0;
}

h1{
font-size:1.875em;
margin: 18px 0 0 -2px;
}

h2{
font-size:1.275em;
}

p{
font-size:0.875em;
margin: 0 0 18px 0;
line-height:18px;
}

ul
{
font-family:"Lucida Sans Unicode","Lucida Grande",Georgia,Serif;
color: #FFFFFF;
list-style-type:square;
padding:0px;
margin: 0 0 18px 0;
list-style-position:inside;
}

li
{
font-family:"Lucida Sans Unicode","Lucida Grande",Georgia,Serif;
color: #FFFFFF;
padding-left:14px;
list-style-position:inside;
margin: 0 0 2px 0;
font-size:0.875em;
line-height:18px;
}

a {
text-decoration: underline;
color: #FFFFFF;
}

a:hover {
color: #B6D8F3;
}