body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0; 
    padding: 0; 
} 

header {
    background: rgb(7, 51, 7); 
    color: white; 
    font-size: 2em; 
    padding: 1em; 
    text-align: center; 
}

.container {
    margin: auto; 
    width: 1100px; 
}

menu {
    background: #ccc; 
    width: 250px; 
    float: left; 
    margin: 0; 
    padding: 0; 
}

menu ul {
    margin: 0; 
    padding: 0; 
}

menu li {
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    border-bottom: 1px solid white; 
}

menu li a {
    color: black; 
    text-decoration: none; 
    display: block; 
    padding: 5px; 
}

menu li a:hover {
    color: white; 
    background:rgb(7, 51, 7); 
    text-decoration: none; 
    display: block; 
}



main {
    float: left; 
    width: 700px; 
    padding: 1em; 
}

footer {
    background: rgb(7, 51, 7); 
    color: white; 
    font-size: 1em; 
    font-weight: bold; 
    padding: 0.5em; 
    text-align: center; 
    clear: both; 
}