p{
    font-size: 20px;
}

.left-menu {
    border-right: 1px solid #ccc;
    background-color: #fafafa;
}
.left-menu-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.left-menu-item a {
    text-decoration: none;
    color: #0000FF;
}
.left-menu-item a:hover {
    color: #d9534f;
}
.left-menu .sub-item {
    padding-left: 40px;   
    font-size: 0.9em;    
}

.content-area {
    padding: 20px;
    border-right: 1px solid #ccc;
}
.content-area h3 {
    font-size: 25px;
    color: #d9534f;
    padding-bottom: 10px;
    border-bottom: 2px solid #d9534f;
}
.sidebar {
    background-color: #f9f9f9;
    padding: 20px;
}
.sidebar h4 {
    font-size: 1rem;
    padding: 5px 10px;          
    border-bottom: 1px solid #ccc;
    background-color: #f8d7da; 
    width: 100%;                 
    box-sizing: border-box;      
}
.sidebar-item a {
    text-decoration: none;
    color: #0000FF;
    display: block;
    padding: 5px 0;
}
.sidebar-item a:hover {
    color: #d9534f;
}
.custom-list span {
    display: block;
    margin-bottom: 10px;
}