html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
background-color: #C0C0C0;
} 
 
#pagewidth{ 
 width:910px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
margin-top:20px;  
} 
 
#header{
 position:relative; 
 height:200px; 
  background-color:#FFFFFF; 
 width:100%;
background-image: url(../img/header.jpg);

} 
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative;
 width:100%; 
background-image: url(../img/bg.gif);
 }
 
 #menu {
 position: relative;
left: 10px;
float: left;
width:0px; 

}

#menu {
font-family:Arial, Courier ,sans-serif;
font-size:12px; 
color:#000000; 
}

#menu ol {
list-style: none;
width:150px; 
}

#menu ul {
list-style: none;
width:150px;
}

#content {
 position: relative;
left: 290px;
display:block; 
width: 580px; 
padding-left: 20px;
border-left: 1px solid #C0C0C0;

}
 
#footer{
 height:40px; 
  background-color:#FFFFFF; 
 clear:both;
background-image: url(../img/footer.jpg);

 } 
 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;

 }
 
.clearfix{display: inline-block;
}


* html .clearfix{height: 1%;}
.clearfix{display: block;}

#navi {
 position: relative;
top: 148px;
left: 650px;
width: 130px;
}

#navi img {
padding: 0 10px;
}

#printnbook {
float: right;
font-size:10px; 
color:#666666;
}
.sub {
width: 240px;
}