ul.a {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 18%;
    background-color: #ffffff;
    position: fixed;
    height: 100%;
    overflow: auto;
}

li.a a {
    display: block;
    color: #000;
    padding: 8px 0 8px 16px;
    text-decoration: none;
}

li.a a.active {
    background-color: #4CAF50;
    color: white;
}

li.a a:hover:not(.active) {
    background-color: #555;
    color: white;
}


body { background-color:rgb(237, 219, 152); }

h1,h2,h3,h4,p,li,table { font-family:Arial,Helvetica,sans-serif; margin-left:20%;}


h1 { font-size:48px; text-align:center;}

h2 { font-size:32px; text-align:left;}

h3 { font-size:22px; text-align:left;}

h4 { font-size:16px; text-align:left; font-weight:bold;}

p,li { font-size:16px; text-align:left;}

span { font-family:Arial,Helvetica,sans-serif; font-size:16px; text-align:left;}




<!--
h1 { font-size:42px; text-align:center;}

h2 { font-size:28px; text-align:left;}

h3 { font-size:18px; text-align:left;}

h4 { font-size:14px; text-align:left; font-weight:bold;}

p,li { font-size:14px; text-align:left;}

span { font-family:Arial,Helvetica,sans-serif; font-size:14px; text-align:left;}
-->

/*text-decoration:underline;*/
/*text-decoration:none;*/
/*font-weight:bold;*/
/*font-style:italic;*/