*{
  box-sizing: border-box;
}
.menu { 
  float: left;
  width: 21%;
}


.lefthome { margin-top: 0px; padding: 8px; border: 1px solid #d1d7e0; background-color:#f7f7f7;}
.lefthome li{ display: inline; list-style-type: none; }
.lefthome li a{ display: block; padding: 4px 10px 4px 10px; margin: 1px; text-decoration: none; }
.lefthome li a:hover{ padding-left: 15px; color:#FFFFFF; text-decoration: none;  }



.menuitem { margin-top: 0px; padding: 8px; border: 1px solid #d1d7e0; background-color:#f7f7f7;}
.menuitem li{ display: inline; list-style-type: none; }
.menuitem li a{ display: block; padding: 4px 10px 4px 10px; margin: 1px; text-decoration: underline; }
.menuitem li a:hover{ padding-left: 15px; color:#FFFFFF; background-color:#110c66; text-decoration: none;  }

.main {
  float: left;
  /*width: 58%;*/
  width: 58%;
  padding: 0 20px;
  overflow: hidden;
}
.right {
  background-color:#f7f7f7;
  border: 1px solid #d1d7e0;
  float: left;
 /* width: 21%; */
  width: 21%; 
  padding: 10px 15px;
  margin-top: 0px;
}

@media only screen and (max-width:800px) {
  /* For tablets: */
  .menu, .main {
    width: 100%;
    padding: 0;
  }
  .right {
    width: 100%;
  }
}
@media only screen and (max-width:500px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}


/* Begin Section */
.item {
  float: left;
  width: 25%; /* each 25 so total 25x4=100 */
  padding: 10px 10px 40px 10px; /*top-right-buttom-left */
  overflow: hidden;
  background-color: #dde3f7;
  /* border: 1px solid #e8e8e8;  */
  }
.item a {text-decoration: none; color:#000000; }
.item a:hover {text-decoration: underline; }

@media only screen and (max-width:800px) {
  /* For tablets: */
  .item {
    width: 50%;
    padding: 5;
  }
}
@media only screen and (max-width:500px) {
  /* For mobile phones: */
  .item {
    width: 100%;
	padding: 5;
  }
}

/* Close Section */

/* Child page left */
.childleftitem { margin-top: 0px; padding: 8px; border: 1px solid #d1d7e0; background-color:#f7f7f7;}
.childleftitem li{ display: inline; list-style-type: none;  }
.childleftitem li a{ display: block; padding: 4px 10px 4px 10px; margin: 1px; text-decoration: none; border-bottom:thin solid #DDDDDD;}
.childleftitem li a:hover{ padding-left: 15px; color:#FFFFFF; font-weight:bold; background-color:#110c66; text-decoration: none; border-right:5px solid #FF6666;  }
/* Child page left end */

.left-menu-top-img{
text-align:center; border:1px solid #d1d7e0;
}
/* Highlight box */
.highlightbox { margin-top: 0px; padding: 20px; border: 0px solid #d1d7e0; background-color:#f6f6f6;}
.highlightbox li{ display: inline; list-style-type: none; }
.highlightbox li a{ display: block; padding: 0px 0px 0px 0px; margin: 1px; text-decoration: underline; }
.highlightbox li a:hover{ padding-left: 5px; color:#FFFFFF; background-color:#110c66; text-decoration: none;  }
/* Highlight box end */


.footer { background-color: #333; text-align:center; padding:25px; margin-top:7px; font-size:x-small; color:#a6a8a9; }
.footer a { color:#a6a8a9; }
.footer a:hover { color:#a6a8a9; text-decoration: underline; }

/*SUGGEST BOOKS */
.sug-table{
border: 1px solid #ccc;
padding:15px;
border-radius: 5px;
background-color:#f2f2f2;
}

.sug-input {
 width: 100%;
 border-radius: 5px;
 margin: 3px 0;
 border: 1px solid #ccc;
 padding: 10px 12px; 
 display: inline-block;
 box-sizing: border-box;
}
.sug-input:focus {
  border-color:#A0A0A4;
}

.sug-btn{
 width: 50%;
 border: none;
 color: white;
 padding: 14px 20px;
 background-color: #01c9fb;
 margin: 5px 0;
 cursor: pointer;
 border-radius: 4px;
}

.find{
font-size:20px;
}

.find1{
font-size:20px;
color:#FF00CC;
}
/*
input[type=submit]:hover {
 background-color:#009FFF;
}
*/
/*SUGGEST BOOKS */
.quote {
font-family: "Times New Roman", 'Ancient Runes', serif;
line-height:22px;
font-size:18px;

color:#9900CC;

}