body { font-family: sans-serif; background: white; color: #000000; margin:0.5%; padding:0.5%; max-width: 80em;
margin-left:auto;
margin-right:auto;
}
h1 { font-size: 200%; padding: 1%; margin: 2%0.5%0.5%0.5%;  }
h2 {  font-size: 150%;  margin: 2%0.5%0.5%0.5%; padding: 0.5%;   clear: left;}
h3 {  font-size: 130%; padding: 0.5%; margin: 3%0.5%0.5%0.5%; }
h4 {  font-size: 100%; padding: 0.5%; margin: 3%0.5%0.5%0.5%; }
h5 {  font-size: 90%; padding: 0.5%; margin: 0.5%;  }
ul { margin: 0.5%; padding: 0.5%;  list-style-type: square; }
li { margin: 0.5%; padding: 0.5%;  }
.menu { padding: 0.2%; margin: 0.5%0.5%0.5%3%; }
p { margin: 0.5%; padding: 0.5%;  }
.homepage {margin: 3%; line-height:150%; }
.cloud { margin: 1% ; padding: 1% ;  }
.head { float: none; width: 100%; margin: 1%; padding: 0.5%; }
.header { float: none; ; margin: 0%; padding:0%; border-right-color: #ffffff; border-bottom-color: #000000; border-left-color: #ffffff; border-top-color:  #ffffff; border-style: solid;  }
.left { float: left;  margin: 1%; padding: 1%; color: white; background: #42426f; }
.walk-left { float: left;  margin: 1%; padding: 1%; color: white; background: #42426f; width:40%; }
.left-150 { float: left;  margin: 1%4%0%4%; padding:0px; width : 150px;}
.right-150 { float: right;  margin: 1%4%0%4%; padding:0px; width : 150px;}
.left-500 { float: left;  margin: 1%4%0%4%; padding:0px; width : 500px;}
.right-500 { float: right;  margin: 1%4%0%4%; padding:0px; width : 500px;}
.right-300 { float: right;  margin: 1%4%0%4%; padding:0px; width : 300px;}
.right-400 { float: right;  margin: 1%4%0%4%; padding:0px; width : 400px;}
.right-240{ float: right;  margin: 0.5%; padding:0%; width : 240px; background:#cccccc;    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);}
.walk-right { float: right;  margin: 2%; padding: 0%; width:40%; }
.walk-right-shaded { float: right;  margin: 1%; padding: 1%; width:40%; background: #e5e0e0;}
.right { float: right; width: 10%; margin: 0% 0% 0% 0%; padding: 1%; }
.right-box { float: right; width: 40%; margin: 0.5%0.5%0.5%2%; padding: 0.5%; border-right-color: #ffffff; border-bottom-color: #ffffff; border-left-color: #ffffff; border-top-color:  #ffffff; border-style: solid;  }
.tail {float: left; width: 100%; margin: 7% 2% 2% 2%; }
.image-right { float: right; margin: 1%; padding:  0%;  border:0;  clear:right;}
.icon-right { float: right; margin: 0.1%; padding:  0%;  border:0; }
.image-left { float: left;  margin: 1%; padding: 1%; border:0;  }
.image-center {  margin: 1%; padding: 1%;  border:0; }
.footer { text-align: center; clear: both; padding: 0.5%; margin: 0.2%;  border-right-color: #ffffff; border-bottom-color: #2d1d6a; border-left-color: #ffffff; border-top-color:  #2d1d6a; border-style: solid;  }
.search-box { float: right; margin: 1%; padding:  1%; }

a:link {  color: #2d1d6a; text-decoration: underline;   }
a:visited {   color: #2d1d6a;  text-decoration:  underline; }
a:hover {   color: #ffffff;  background:  #2d1d6a;  }
a:active {   color: #2d1d6a;  text-decoration: none; }

.bold { font-weight: bold; }
table { text-align:center; padding: 1%; margin: 1%;  float: none; }
td { text-align:center; padding: 1%; margin: 1%;  float: none;}
.right-box { margin: 1%; padding: 1%; text-align: center; float: right; width: 20%; background: #ffffff;   }
.advertisement {
margin : 0%0%1%0%;
padding : 0.5%;
text-align : center;
float : right;
width : 260px;
font-size : 90%;
clear : right;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}
.purchase {
margin : 2%;
padding : 3px;
text-align : center;
float : left;
width : 300px;


    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}
.book-1890s {
margin : 2%;
padding : 3px;
text-align : center;
float : left;
width : 150px;
font-size : 90%;
background:#a6af92;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}
.book-1890s-r {
margin : 2%;
padding : 3px;
text-align : center;
float : right;
width : 150px;
font-size : 90%;
background:#a6af92;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}

.book-fed {
margin : 2%;
padding : 3px;
text-align : center;
float : left;
width : 150px;
font-size : 90%;
background:#dfb3a8;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}
.book-fed-r {
margin : 2%;
padding : 3px;
text-align : center;
float : right;
width : 150px;
font-size : 90%;
background:#dfb3a8;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}

.book-war {
margin : 2%;
padding : 3px;
text-align : center;
float : left;
width : 150px;
font-size : 90%;
background:#e7e7ab;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}
.book-war-r {
margin : 2%;
padding : 3px;
text-align : center;
float : right;
width : 150px;
font-size : 90%;
background:#e7e7ab;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}

.book-1920s {
margin : 2%;
padding : 3px;
text-align : center;
float : left;
width : 150px;
font-size : 90%;
background:#d1e3e3;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}

.book-1920s-r {
margin : 2%;
padding : 3px;
text-align : center;
float : right;
width : 150px;
font-size : 90%;
background:#d1e3e3;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}

.book-1930s {
margin : 2%;
padding : 3px;
text-align : center;
float : left;
width : 150px;
font-size : 90%;
background:#c8afe6;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}
.book-1930s-r {
margin : 2%;
padding : 3px;
text-align : center;
float : right;
width : 150px;
font-size : 90%;
background:#c8afe6;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}

.book-1940s {
margin : 2%;
padding : 3px;
text-align : center;
float : left;
width : 150px;
font-size : 90%;
background:#cfcfcf;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}
.book-1940s-r {
margin : 2%;
padding : 3px;
text-align : center;
float : right;
width : 150px;
font-size : 90%;
background:#cfcfcf;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}

.book-1950s {
margin : 2%;
padding : 3px;
text-align : center;
float : left;
width : 150px;
font-size : 90%;
background:#dcb869;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}
.book-1950s-r {
margin : 2%;
padding : 3px;
text-align : center;
float : right;
width : 150px;
font-size : 90%;
background:#dcb869;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}
.book-60s {
margin : 2%;
padding : 3px;
text-align : center;
float : left;
width : 150px;
font-size : 90%;
background:#cbccc7;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}
.book-60s-r {
margin : 2%;
padding : 3px;
text-align : center;
float : right;
width : 150px;
font-size : 90%;
background:#cbccc7;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}
.book-70s {
margin : 2%;
padding : 3px;
text-align : center;
float : left;
width : 150px;
font-size : 90%;
background:#d7bda6;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}
.book-70s-r {
margin : 2%;
padding : 3px;
text-align : center;
float : right;
width : 150px;
font-size : 90%;
background:#d7bda6;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}