body {
    background-color:white;
    font-family:"Verdana", "Geneva", "sans-serif";
}
h1 {
    text-align: center;
}

h2 {
  /* font-size: xx-large;  */
  margin-top:20px;
  margin-bottom:5px;
  /* color:#8B0000; */
}

h3 {
  margin-top: 10px;
  margin-bottom: 0px;
}

h3.main {
  color:#006400;
}

h4 {
  margin-top:0px;
  margin-bottom:5px;
}

h4.menu {
  color:#191970;
}

#content a:link {
  color:#191970;
}
#content a:visited {
  color:brown;
}
#content a:hover {
  color:red;
}

#navigation a:link {
  color:#191970;
  text-decoration: none; 
}
#navigation a:visited {
  color:#191970;
  text-decoration: none; 
}
#navigation a:hover {
  color: #ffffff;
  text-decoration: none; 
}
#navigation li:hover {
  background: #4caf4f44;
  color: #000000;
}
#navigation a.active {
    background-color: #4CAF50;
    color: #ffffff;
}
#navigation li.active {
  background: #4CAF50;
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
}

#header {
    color:black;
    text-align:center;
    padding:0px;
}
#navigation div .category_title {
  margin-top:10px;
  margin-bottom:5px;
}
#navigation div ul {
    list-style-type:none;
/*
    margin-top:5px;
    margin-bottom:10px;
*/
    margin: 0;
    padding: 0;
}

#navigation div ul li {
/*    background: skyblue;*/
    display: block;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 3px;
    cursor: pointer;
}

#navigation {
    float: left;
    background-color:#eeeeee;
    width:25%;
    min-width: 250px;
    height: 100%;
    padding-right:5px;
    overflow: auto;  
/*    scroll:auto;*/
}
#content {
    display: block;
    padding-left: 15px;
    height: 100%;
    overflow: auto;
}
#content p {
    text-align: center;    
}
#content table {
    margin: 0 auto;
}

p.centered {
    text-align: center;
}

#footer {
    color:#000000;
    text-align:center;
}

table {
  border-collapse: collapse;
}

tr.sermon {
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}

tr.sermon:hover {
  background-color: lightyellow;
  border: 1px solid lightgray;
}

td {
  padding: 5px;
}