body {
padding: 0;
margin: 0;
background-color: #666;
text-align: center;
font-family: "trebuchet ms", sans-serif;
}

#container {
margin: 0 auto;
width: 700px;
background-color: #fff;
border-left: 10px solid #999;
border-right: 10px solid #999;
border-bottom: 10px solid #999;
}

#head {
text-align: right;
}

#head img {
padding: 20px;
}

#inner {
float: left;
text-align: left;
padding-top: 20px;
}

#menu {
float: left;
width: 200px;
}

#menu li, #menu ul {
padding: 0;
margin: 0;
list-style: none;
font-size: 8pt;
}

#menu li {
background-color: #999;
margin-bottom: 1px;
text-align: right;
}

#menu li a, #menu li strong {
text-decoration: none;
color: #fff;
font-weight: bold;
margin-right: 5px;
}

#menu li strong {
color: #ccc;
}

#menu li ul li {
background-color: #ccc;
}

#content {
float: left;
width: 460px;
margin-left: 20px;
}

#content p, #content li, #content td {
font-size: 10pt;
}

#content img {
border: 10px solid #999;
margin: auto;
text-align: center;
}

#foot {
font-size: 8pt;
padding-top: 20px;
padding-bottom: 10px;
}

img {
border: 0;
}

h3 {
padding: 0;
margin: 0;
}

a {
color: #c00;
text-decoration: none;
}

a:hover {
color: #000;
}

.clear {
clear: both;
}

#content img.book {
float: left;
border: 0;
padding-right: 10px;
padding-bottom: 10px;
}