body {
background-color:#FFF;
font-family:Helvetica;color:#666;
background-image:url(backgroun.jpg);
background-repeat:no-repeat;
}

a {
color:#333;
font-weight:700;
text-decoration:none;
}

#header {
position:absolute;
top:0;
left:0;
}

a:hover {
text-decoration:underline;
}

#right,#middleright,#middle,#middleleft,#left {
border:0 solid #3B7429;
margin:0;
padding:0;
}

p,h1,h3,pre {
margin:0;
padding:5px 15px;
}

#left {
position:absolute;
left:2%;
width:55%;
top:125px;
}

#middleleft {
position:absolute;
left:22%;
width:30%;
top:125px;
}

#middleright {
position:absolute;
left:51%;
width:23%;
top:125px;
}

#right {
position:absolute;
left:80%;
width:18%;
top:125px;
}

#middle {
position:absolute;
left:60%;
width:19%;
top:125px;
}

div#display ul li {
display:block;
float:left;
width:250px;
height:250px;
margin:0 8px 8px 0;
padding:0 0 8px;
}

div#display ul li a.thumbnail img {
width:200px;
height:200px;
background:#fff;
border:1px solid #ccc;
padding:2px;
}

div#displaybook ul li {
display:block;
float:left;
width:300px;
height:250px;
margin:0 8px 8px 0;
padding:0 0 8px;
}

div#displaybook ul li a.thumbnail img {
width:250px;
height:200px;
background:#fff;
border:1px solid #ccc;
text-align:center;
padding:2px;
}

div#about {
display:block;
text-align:left;
text-decoration:none;
font-size:12px;
padding:5px;
}

h1,h3 {
color:#000;
font:small-caps;
font-family:Georgia;
font-variant:small-caps;
}

div#display img,div#displaybook img {
border:none;
}

div#display,div#displaybook {
clear:both;
float:left;
width:100%;
}

div#display ul,div#displaybook ul {
float:left;
list-style-type:none;
margin:0;
padding:0;
}

div#display ul li a,div#displaybook ul li a {
display:block;
font-size:11px;
text-align:center;
text-decoration:none;
}