hmtl, body{
  font-family: arial;
}

body {
 /* background: #6b757e; */
}

.container{
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  word-wrap: break-word;
}

#pgtitle {
    padding-left: 5px;
    font-weight: bold;
}

#pgftnotes {
    padding-left: 5px;
    font-weight: lighter;
}

#menuOverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 8px;
  padding: 0px;
}


.header{
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  background: #ffd1d1;
}

.content{
  width: 300px;
  height: 400px;
  overflow: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  background: #dffcd1;
}

.footer{
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  background: #d1daff;
}

.nav-btn-right {
    float: right;
}

.nav-btn-left {
    float: left;
}

div.menu {
	text-align: center ;
	}

div.buttonpart {
	color: black ;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	background-color: #eb9375 ;
	width: 250px ;
	padding: 0 ;
	margin: 0 ;
	}
div.buttonpart:hover {
	color: yellow ;
	cursor: pointer;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	background-color: #ba765f ;
	width: 250px ;
	padding: 0 ;
	margin: 0 ;
	}
div.buttonpart-active {
	color: black ;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	background-color: #f56238 ;
	font-weight: bold;
	width: 250px ;
	padding: 0 ;
	margin: 0 ;
	}
div.buttonpart-active:hover {
	color: yellow ;
	cursor: pointer;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	background-color: #f56238 ;
	font-weight: bold;
	width: 250px ;
	padding: 0 ;
	margin: 0 ;
	}

div.buttonbook {
	color: black ;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	background-color: #9cf ;
	width: 220px ;
	padding: 0 ;
	margin: 0 ;
	}
div.buttonbook:hover {
	color: yellow ;
	cursor: pointer;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	background-color: #000090 ;
	width: 220px ;
	padding: 0 ;
	margin: 0 ;
	}
div.buttonbook-active {
	color: black ;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	background-color: #4a7aff ;
	font-weight: bold;
	width: 220px ;
	padding: 0 ;
	margin: 0 ;
	}

div.buttonbook-active:hover {
	color: yellow ;
	cursor: pointer;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	background-color: #4a7aff ;
	font-weight: bold;
	width: 220px ;
	padding: 0 ;
	margin: 0 ;
	}
div.buttonchapter {
	color: black ;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	background-color: #ff99ff ;
	width: 30px ;
	padding: 0 ;
	margin: 0 ;
	line-height: 150%;
	display: inline-block;
	}
div.buttonchapter:hover {
	color: yellow ;
	cursor: pointer;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	background-color: #ff99ff ;
	width: 30px ;
	padding: 0 ;
	margin: 0 ;
	line-height: 160%;
	display: inline-block;
	}
div.buttonchapter-active {
	color: black ;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	background-color: #ff0066 ;
	font-weight: bold;
	width: 30px ;
	padding: 0 ;
	margin: 0 ;
	line-height: 150%;
	display: inline-block;
	}
div.buttonchapter-active:hover {
	color: yellow ;
	cursor: pointer;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	background-color: #ff0066 ;
	font-weight: bold;
	width: 30px ;
	padding: 0 ;
	margin: 0 ;
	line-height: 160%;
	display: inline-block;
	}