   text-indent: 0;
   text-align: center;
 }
-.tocp {
-  border: none;
-  border-collapse: collapse;
-
-}
-.chapter {
-    font-size: 120%;
-    font-weight: bold;
-    vertical-align: top;
-    padding: 4px 0px 4px 2px;
-}
-.chapters {
-    display: flex;
-    flex-wrap: wrap;
-    margin-bottom: 10px;
-}
-.chapters a {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    min-width: 32px;
-    min-height: 32px;
-    padding: 2px;
-    margin: 2px;
-    background-color: rgba(0,0,0,0.03);
-}
-.hilite {
+
+.book h3 {
+  margin: 0;
+  min-height: 32px;
+}
+.book .chapters {
+  display: none;
+  margin-bottom: 8px;
+}
+.book .chapters a {
+  display: inline-block;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 32px;
+  min-height: 32px;
+  padding: 2px;
+  margin: 2px;
+  background-color: rgba(0,0,0,0.03);
+}
+.book.active .chapters {
+  display: block;
+}
+
+.verses .active {
   background-color: #FFFF99;
 }
 .about {

}

window.addEventListener('hashchange', function(e) {
  SetHilight();
});

window.addEventListener('load', function() {
  SetHilight();
  window.setTimeout(function() { CenterElem(FindElem(lastElem)); }, 1);
});


          [:link {:rel "stylesheet" :type "text/css" :href "styles.css"}]
          [:link {:rel "canonical" :href (join-url canonical (rel-url ch))}]]
        [:body
          [:div.content.verses
            [:div.menu
              [:div.menu2
                [:a {:href (str ".#" (book-elem-id book-id))} (chapter-name ch)]
