diff --git a/css/customstyles.css b/css/customstyles.css
index ed0fe6e..87248a1 100644
--- a/css/customstyles.css
+++ b/css/customstyles.css
@@ -79,8 +79,8 @@ body {
 /*h5[id],*/
 /*h6[id],*/
 /*dt[id]{*/
-    /*padding-top: 60px; */
-    /*margin-top: -40px*/
+/*padding-top: 60px; */
+/*margin-top: -40px*/
 /*}*/
 
 body h1 {margin-top:40px;}
@@ -94,44 +94,44 @@ body h1 {margin-top:40px;}
 }
 
 .post-content ol li, .post-content ul li {
-margin: 10px 0px;
+    margin: 10px 0px;
 }
 
 .pageSummary {
-  font-size:13px;
-  display:block;
-  margin-bottom:15px;
-  padding-left:20px;
+    font-size:13px;
+    display:block;
+    margin-bottom:15px;
+    padding-left:20px;
 }
 
 .post-summary {
-margin-bottom:12px;
+    margin-bottom:12px;
 }
 
 .bs-example{
-      margin: 20px;
-    }
+    margin: 20px;
+}
 
 .breadcrumb li {
-color: gray;
+    color: gray;
 }
 
 table {
-  background-color: transparent;
+    background-color: transparent;
 }
 caption {
-  padding-top: 8px;
-  padding-bottom: 8px;
-  color: #777;
-  text-align: left;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    color: #777;
+    text-align: left;
 }
 th {
-  text-align: left;
+    text-align: left;
 }
 table {
-  max-width: 90%;
-  margin-bottom: 20px;
-  border: 1px solid #dedede;
+    max-width: 90%;
+    margin-bottom: 20px;
+    border: 1px solid #dedede;
 }
 
 table > thead > tr > th,
@@ -140,18 +140,18 @@ table > tfoot > tr > th,
 table > thead > tr > td,
 table > tbody > tr > td,
 table > tfoot > tr > td {
-  padding: 8px;
-  line-height: 1.42857143;
-  vertical-align: top;
-  border-top: 1px solid #ddd;
+    padding: 8px;
+    line-height: 1.42857143;
+    vertical-align: top;
+    border-top: 1px solid #ddd;
 }
 table > thead > tr > th {
-  vertical-align: bottom;
-  border-bottom: 2px solid #ddd;
-  text-transform: uppercase;
-  background-color: #444;
-  color: white;
-  text-align: center;
+    vertical-align: bottom;
+    border-bottom: 2px solid #ddd;
+    text-transform: uppercase;
+    background-color: #444;
+    color: white;
+    text-align: center;
 }
 table > caption + thead > tr:first-child > th,
 table > colgroup + thead > tr:first-child > th,
@@ -159,31 +159,31 @@ table > thead:first-child > tr:first-child > th,
 table > caption + thead > tr:first-child > td,
 table > colgroup + thead > tr:first-child > td,
 table > thead:first-child > tr:first-child > td {
-  border-top: 0;
+    border-top: 0;
 }
 table > tbody + tbody {
-  b
+    b
 }
 table > tbody > tr:nth-of-type(odd) {
-  background-color: #f9f9f9;
+    background-color: #f9f9f9;
 }
 
 table col[class*="col-"] {
-  position: static;
-  display: table-column;
-  float: none;
+    position: static;
+    display: table-column;
+    float: none;
 }
 table td[class*="col-"],
 table th[class*="col-"] {
-  position: static;
-  display: table-cell;
-  float: none;
+    position: static;
+    display: table-cell;
+    float: none;
 }
 
 
 table td:first-child {
-  width: 150px;
-  /*font-weight:bold;*/
+    width: 150px;
+    /*font-weight:bold;*/
 }
 
 table.boldFirstColumn td:first-child {
@@ -191,19 +191,19 @@ table.boldFirstColumn td:first-child {
 }
 
 table tr td {
-  hyphens: auto;
+    hyphens: auto;
 }
 
 
 p.external a {
-  text-align:right;
-  font-size:12px;
-  font-color: #0088cc;
-  display:inline;
+    text-align:right;
+    font-size:12px;
+    font-color: #0088cc;
+    display:inline;
 }
 
 #definition-box-container div a.active {
-  font-weight: bold;
+    font-weight: bold;
 }
 p.post-meta {font-size: 80%; color: #777;}
 
@@ -211,117 +211,117 @@ p.post-meta {font-size: 80%; color: #777;}
 
 /* search area */
 #search-demo-container ul#results-container {
-list-style: none;
-font-size: 12px;
-background-color: white;
-position: absolute;
-top: 40px; /* if you change anything about the nav, you'll prob. need to reset the top and left values here.*/
-left: 20px;
-z-index: -1;
-width:223px;
-border-left: 1px solid #dedede;
-box-shadow: 2px 3px 2px #dedede;
+    list-style: none;
+    font-size: 12px;
+    background-color: white;
+    position: absolute;
+    top: 40px; /* if you change anything about the nav, you'll prob. need to reset the top and left values here.*/
+    left: 20px;
+    z-index: -1;
+    width:223px;
+    border-left: 1px solid #dedede;
+    box-shadow: 2px 3px 2px #dedede;
 }
 
 
 ul#results-container a {
-background-color: transparent;
+    background-color: transparent;
 }
 
 ul#results-container a: hover {
-  color: black;
+    color: black;
 }
 
 
 #search-demo-container a:hover {
-   color: black;
+    color: black;
 }
 #search-input {
-  padding: .5em;
-  margin-left:20px;
-  width:20em;
-  font-size: 0.8em;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  float: right;
-  margin-top:10px;
-  }
+    padding: .5em;
+    margin-left:20px;
+    width:20em;
+    font-size: 0.8em;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    float: right;
+    margin-top:10px;
+}
 /* end search */
 
 .filter-options {
-margin-bottom: 20px;
+    margin-bottom: 20px;
 }
 .filter-options button {
-margin: 3px;
+    margin: 3px;
 }
 
 div#toc ul li {
-margin: 8px 0px 8px 22px;
-font-size: 90%;
-list-style: square;
+    margin: 8px 0px 8px 22px;
+    font-size: 90%;
+    list-style: square;
 }
 div#toc ul {
-background-color: whitesmoke;
-padding: 5px;
-border-radius: 5px;
-max-width: 300px;
-color: gray;
+    background-color: whitesmoke;
+    padding: 5px;
+    border-radius: 5px;
+    max-width: 300px;
+    color: gray;
 }
 
 div#toc ul li ul {
-  padding-left:8px;
+    padding-left:8px;
 
 }
 
 div#toc ul li ul li::before {
-  content: "–  ";
+    content: "–  ";
 }
 
 div#toc >ul::before {
-  content: "Table of Contents";
-  font-weight: 500;
-  color: #555;
-  text-align:center;
-  margin-left:auto;
-  margin-right:auto;
-  width:70px;
-  padding-top:20px;
-  padding-bottom:20px;
-  padding-left:10px;
+    content: "Table of Contents";
+    font-weight: 500;
+    color: #555;
+    text-align:center;
+    margin-left:auto;
+    margin-right:auto;
+    width:70px;
+    padding-top:20px;
+    padding-bottom:20px;
+    padding-left:10px;
 }
 
 li.dropdownActive a {
-  font-weight: bold;
+    font-weight: bold;
 }
 
 
 .post-content a.fa-rss {
-color: orange;
+    color: orange;
 }
 
 
 .navbar-inverse .navbar-nav > li > a {
-background-color: transparent;
-margin-top:10px;
+    background-color: transparent;
+    margin-top:10px;
 }
 
 .post-content .rssfeedLink {
-color: #248EC2;
+    color: #248EC2;
 }
 
 footer {
-font-size: smaller;
+    font-size: smaller;
 }
 
 /* FAQ page */
 #accordion .panel-heading {
-font-size: 12px;
+    font-size: 12px;
 }
 
 a.accordion-toggle, a.accordion-collapsed {
-font-size: 14px;
-text-decoration: none;
+    font-size: 14px;
+    text-decoration: none;
 }
 
 /* navgoco sidebar styles (customized) */
@@ -379,7 +379,7 @@ text-decoration: none;
 }
 
 /*.nav > li.active > a  {*/
-    /*background-color: #347DBE;*/
+/*background-color: #347DBE;*/
 /*}*/
 
 .nav li a {
@@ -395,28 +395,27 @@ text-decoration: none;
 }
 
 ul#mysidebar {
-  border-radius:0px;
+    border-radius:0px;
 }
 
 .nav ul li ul li a {
-  padding-left:20px;
+    padding-left:40px;
 }
 
-
 .nav li.thirdlevel > a {
-background-color: #FAFAFA !important;
-color: #248EC2;
-font-weight:bold;
+    color: #248EC2;
+    font-weight:bold;
+    padding-left:20px;
+    background-color: whitesmoke !important;
 }
 
 
 .nav ul li a {
-background-color: #FAFAFA;
+    background-color: #FAFAFA;
 }
 
 .nav li a {
-    background-color: #e9e9e9;
-  padding-right:10px;
+    padding-right:10px;
 }
 
 .nav li a:hover {
@@ -424,17 +423,17 @@ background-color: #FAFAFA;
 }
 
 .nav ul li a {
-border-top:1px solid whitesmoke;
-padding-left:10px;
+    border-top:1px solid whitesmoke;
+    padding-left:10px;
 }
 /* end sidebar */
 
 .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
-  border-radius:5px;
+    border-radius:5px;
 }
 
 .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
-border-radius: 5px;
+    border-radius: 5px;
 }
 
 span.projectTitle {
@@ -443,21 +442,21 @@ span.projectTitle {
 }
 
 .footer {
-text-align: right;
+    text-align: right;
 }
 
 .footerMeta {
-background-color: whitesmoke;
-padding: 10px;
-max-width: 250px;
-border-radius: 5px;
-margin-top: 50px;
-font-style:italic;
-font-size:12px;
+    background-color: whitesmoke;
+    padding: 10px;
+    max-width: 250px;
+    border-radius: 5px;
+    margin-top: 50px;
+    font-style:italic;
+    font-size:12px;
 }
 
 img.screenshotSmall {
-max-width: 300px;
+    max-width: 300px;
 }
 
 
@@ -479,79 +478,79 @@ figcaption {
 
     padding-bottom:12px;
     padding-top:6px;
-  max-width: 90%;
-  margin-bottom:20px;
+    max-width: 90%;
+    margin-bottom:20px;
     font-style: italic;
     color: gray;
 
 }
 
 .testing {
-  color: orange;
+    color: orange;
 }
 
 .preference {
-  color: red;
+    color: red;
 }
 
 
 table.dataTable thead {
-  background-color: #444;
+    background-color: #444;
 }
 table td {
-  hyphens: auto;
+    hyphens: auto;
 }
 
 section table tr.success {
-  background-color: #dff0d8 !important;
+    background-color: #dff0d8 !important;
 }
 
 table tr.info {
-  background-color: #d9edf7 !important;
+    background-color: #d9edf7 !important;
 }
 
 section table tr.warning, table tr.testing, table tr.testing > td.sorting_1  {
-  background-color: #fcf8e3 !important;
+    background-color: #fcf8e3 !important;
 }
 section table tr.danger, table tr.preference, table tr.preference > td.sorting_1  {
-  background-color: #f2dede !important;
+    background-color: #f2dede !important;
 }
 
 .orange {
-  color: orange;
+    color: orange;
 }
 
 table.profile thead tr th {
-background-color: #248ec2;
+    background-color: #248ec2;
 }
 
 table.request thead tr th {
-background-color: #ED1951;
+    background-color: #ED1951;
 }
 
 .audienceLabel {
-  margin: 10px;
-  float: right;
-  border:1px solid #dedede;
-  padding:7px;
+    margin: 10px;
+    float: right;
+    border:1px solid #dedede;
+    padding:7px;
 }
 
 .prefaceAudienceLabel {
-  color: gray;
-  text-align: center;
-  margin:5px;
+    color: gray;
+    text-align: center;
+    margin:5px;
 }
 span.myLabel {
-  padding-left:10px;
-  padding-right:10px;
+    padding-left:10px;
+    padding-right:10px;
 }
 
 button.cursorNorm {
-cursor: default;
+    cursor: default;
 }
 
 a.dropdown-toggle, .navbar-inverse .navbar-nav > li > a  {
-  margin-left: 10px;
+    margin-left: 10px;
 }
 
 hr.faded {
@@ -585,26 +584,26 @@ i.border {
 }
 
 a[data-toggle] {
-  color: #248EC2;
+    color: #248EC2;
 }
 
 .summary {
-  font-size:120%;
+    font-size:120%;
     color: #808080;
-  margin:20px 0px 20px 0px;
+    margin:20px 0px 20px 0px;
     border-left: 5px solid #ED1951;
     padding-left: 10px;
 
 }
 
 .summary:before {
-  content: "Summary: ";
-  font-weight: bold;
+    content: "Summary: ";
+    font-weight: bold;
 }
 
 
 a.fa.fa-envelope-o.mailto {
-  font-weight: 600;
+    font-weight: 600;
 }
 
 h3 {color: #ED1951; font-weight:normal; font-size:130%;}
@@ -630,8 +629,8 @@ div#toc ul li ul li {
 }
 
 .tab-content {
-  padding: 15px;
-  background-color: #FAFAFA;
+    padding: 15px;
+    background-color: #FAFAFA;
 }
 
 span.tagTitle {font-weight: 500;}
@@ -653,7 +652,7 @@ li.activeSeries {
 div.alert code, h2 code {
     background-color: transparent !important;
 }
-    /* without this, the links in these notes aren't visible.*/
+/* without this, the links in these notes aren't visible.*/
 .alert a {
     text-decoration: underline;
 }
@@ -683,7 +682,7 @@ h2  {
     line-height:29px;
 }
 span.otherProgrammingLanguages {
-font-style: normal;
+    font-style: normal;
 }
 
 a[data-toggle="tooltip"] {
@@ -911,101 +910,101 @@ span.soft {
     }
 }
 
-*:hover > .anchorjs-link {
-    transition: color .25s linear;
-    text-decoration: none;
-}
+    *:hover > .anchorjs-link {
+        transition: color .25s linear;
+        text-decoration: none;
+    }
 
-.kbCaption {
-    color: white;
-    background-color: #444;
-    padding:10px;
-}
+    .kbCaption {
+        color: white;
+        background-color: #444;
+        padding:10px;
+    }
 
-/* this part adds an icon after external links, using FontAwesome*/
-a[href^="http://"]:after, a[href^="https://"]:after {
-    content: "\f08e";
-    font-family: FontAwesome;
-    font-weight: normal;
-    font-style: normal;
-    display: inline-block;
-    text-decoration: none;
-    padding-left: 3px;
-}
+    /* this part adds an icon after external links, using FontAwesome*/
+    a[href^="http://"]:after, a[href^="https://"]:after {
+        content: "\f08e";
+        font-family: FontAwesome;
+        font-weight: normal;
+        font-style: normal;
+        display: inline-block;
+        text-decoration: none;
+        padding-left: 3px;
+    }
 
-/* Strip the outbound icon when this class is present */
-a[href^="http://own-domain.com"]:after,
-a.no_icon:after {
-    content:"" !important;
-    padding-left: 0;
-}
+    /* Strip the outbound icon when this class is present */
+    a[href^="http://own-domain.com"]:after,
+    a.no_icon:after {
+        content:"" !important;
+        padding-left: 0;
+    }
 
-.btn-default {
-    margin-bottom: 10px;
-}
+    .btn-default {
+        margin-bottom: 10px;
+    }
 
-/* algolia search */
+    /* algolia search */
 
-.search {
-    text-align: left;
-}
-.search input {
-    font-size: 20px;
-    width: 300px;
-}
-.results {
-    margin: auto;
-    text-align: left;
-}
-.results ul {
-    list-style-type: none;
-    padding: 0;
-}
+    .search {
+        text-align: left;
+    }
+    .search input {
+        font-size: 20px;
+        width: 300px;
+    }
+    .results {
+        margin: auto;
+        text-align: left;
+    }
+    .results ul {
+        list-style-type: none;
+        padding: 0;
+    }
 
-/* algolia */
+    /* algolia */
 
-div.results {
-    position: absolute;
-    background-color: white;
-    width: 100%;
-}
+    div.results {
+        position: absolute;
+        background-color: white;
+        width: 100%;
+    }
 
-.post-meta {
-     font-size: 14px;
-     color: #828282;
- }
+    .post-meta {
+        font-size: 14px;
+        color: #828282;
+    }
 
-.post-link {
-    font-size: 22px;
-}
+    .post-link {
+        font-size: 22px;
+    }
 
-.post-list p {
-    margin: 10px 0px;
-}
+    .post-list p {
+        margin: 10px 0px;
+    }
 
-time {
-    margin-right: 10px;
-}
+    time {
+        margin-right: 10px;
+    }
 
-p.post-meta time {
-    margin-right: 0px;
-}
+    p.post-meta time {
+        margin-right: 0px;
+    }
 
-span.label.label-default {
-    background-color: gray;
-}
+    span.label.label-default {
+        background-color: gray;
+    }
 
-span.label.label-primary {
-    background-color: #f0ad4e;
-}
-.col-lg-12 .nav li a {background-color: white}
+    span.label.label-primary {
+        background-color: #f0ad4e;
+    }
+    .col-lg-12 .nav li a {background-color: white}
 
-li.sidebarTitle {
-    margin-top:40px;
-    font-weight:normal;
-    font-size:130%;
-    color: #ED1951;
-    margin-bottom:10px;
-    margin-left: 5px;
+    li.sidebarTitle {
+        margin-top:40px;
+        font-weight:normal;
+        font-size:130%;
+        color: #ED1951;
+        margin-bottom:10px;
+        margin-left: 5px;
 
-}
+    }