body {
    margin:0;
    color: #000000;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 13px;
    background-image:url(sect-1.jpg); background-size: 100%;
    }    
#addl-container {
    box-sizing:border-box;
    width: 100%; height:500px;/*base500=4rows; +125addl; mx5rws*/ 
    display:flex; flex-flow:wrap; justify-content:center; align-content:flex-start;/*space-around, if <13 items*/
    padding-left:10px; padding-top:10px; padding-right:30px; padding-bottom:10px;
    overflow-y:scroll;
    -ms-overflow-style:none;
	scrollbar-width: none;
	/*scrollbar-color:rgb(104, 139, 104) #e5e5e5;*/
    }
    #addl-container::-webkit-scrollbar {display:none;} 
 #addl-title {height:55px; font-style:italic; font-size:12px; text-align:center;}
.addl-scrlw {width:100%; margin-top:-30px; text-align:center; font-size:10px; line-height:8px; color:rgb(0, 64, 0); opacity:0.85;}   
.lib-item {
	box-sizing:border-box;
    height:105px; min-width:315px; max-width:315px;
    /*min-width:165px; max-width:318px; flex-basis:30%;*/
	margin-left:20px; margin-bottom:20px;
	text-align:left; font-size:16px; 
    }	
.lib-item-img {
	height:100px; width:auto; max-width:65px;/*78px*/
	box-shadow:2px 2px 6px#555555;
	}
.lib-item-txt {
	margin-top:-105px; height:100px; margin-left:80px; overflow:hidden; 
    }
.lib-item-den {font-weight:bold; color:rgb(0, 64, 0);}   
.itl {max-height:42px; overflow:hidden; font-weight:bold;}
.itl-sub {font-size:13px; font-weight:bold}
.lib-item-info {margin-top:3px;
	font-size:12px; font-weight:normal; letter-spacing:normal;}
.lib-href {text-decoration: none; color:inherit; cursor: pointer;}
/*keep book as in lib css*/
.book-addl {
	display:none; position:fixed; z-index:2;
	top:5%; height:90%; width:100%; 
    } 
#book-addl-close {position:fixed; z-index:3; top:5%; width:100%; cursor:default;}
#b-a-c-button {
    box-sizing:border-box; width:10%; min-width: 21px; height:12px;
    margin-left:auto; margin-right:auto;   
    border: solid 1px #777777; border-radius:0 0 5px 5px;
    box-shadow:1px 1px 5px #555555; 
    text-align:center; 
    background-color:rgb(226, 162, 99);
} 
#book-addl-cont {
    position:relative;
	box-sizing:border-box; 
	width:80%; max-width:700px; max-height:480px;/*480*/
	margin-left:auto;margin-right:auto;	border-radius:8px; box-shadow:3px 3px 6px #555555; border:solid 1px #bbbbbb;
	overflow:hidden;/*overflow-y:scroll;
    -ms-overflow-style:none;
	scrollbar-width: none;*/
    }    
    /*#book-addl-cont::-webkit-scrollbar {display:none;}*/  
.book-addl-f {width:100%; height:480px;}