div#flatmenu ul{
	float: left;
	width: 20%;
	min-width: 220px;
	height: 100%;
	position: relative;
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #183B63;
    font-weight: bold;
    font: 15px arial, sans-serif;
}

div#flatmenu li{
    
    border-right: 1px solid #bbb;
}

div#flatmenu li a {
    display: block;
    color: white;
    text-align: left;
    padding: 7px 15px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
div#flatmenu li a:hover {
    background-color: #4CAF50;
}

div#flatmenu li:first-child {
    font-weight: bold;
    background-color: #6F8ACF;
}


  
div#flatmenu active {
    background-color: #4CAF50;
}