#toc_container {
    border: 1px solid #aaa;
    display: table;
    margin-bottom: 1em;
    padding: 20px;
    width: 280px;
    font-size: medium;
    height: 450px;

}


.toc_title {
    font-weight: 700;
    text-align: center;
    color: black;
}

#toc_container > ul > li > a {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 10px; /* Adjust the value as needed for separation */
    margin-top: 15px; /* Adjust the value as needed for separation */
    color: black;
    display: block; /* Ensures the margin is applied properly */
    
}

#toc_container > ul > li > a:hover{

    color:  #a43030;
}




#toc_container li > ul > li > a {
    margin-top: 5px; /* Adjust the value as needed for separation */
    display: block; /* Ensures the margin is applied properly */
    color: black;

    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    padding-left: 20px; /* Adjust the value as needed for indentation */
    margin-bottom: 5px; /* Adjust the value as needed for separation */
}

#toc_container li > ul > li > a:hover{

    color:  #a43030;
}

#toc_container  ul > ul > li > a {
    margin-top: 5px; /* Adjust the value as needed for separation */
    display: block; /* Ensures the margin is applied properly */
    font-weight: normal;
    font-size: small;
    text-transform: none;
    font-style: italic;
    text-decoration: none;
    padding-left: 40px; /* Adjust the value as needed for indentation */
    margin-bottom: 10px; /* Adjust the value as needed for separation */
    color: black;

}

#toc_container  ul > ul > li > a:hover{

    color:  #a43030;
}

#toc_container li, #toc_container ul, #toc_container ul li ul li {
    list-style: outside none none !important;
    text-decoration: none;
}