/* Shuran Yang: CSS code for two column floating layout. */
header {
    width: 100%;
    border-bottom: 2px double cadetblue;
    background-color: #ff8566;
    margin-top: -0.5em;
    min-height: 100px
 }
     
header h2{
    text-align: center; 
    
}
 nav {
    background-color: #666699;
    float: left;
    width: 20%;
    clear: left;
    min-height: 1480px;
    border-right: 1px solid cadetblue;
 }

nav h3 {
    color: white;
    margin-bottom: -0.5em;
    margin-left: 0.5em;
}
.menu {
    width: 20%;
}

.menu li {
 list-style-type: none;
 margin-right: 0.5em;  
 margin-left: -2.5em;
 background-color: #00cca3; 
}

.menu a { 
    color: white; 
    display: block;
    padding: 10px;
    text-decoration: none;
}

.menu a:hover {
    background-color: #b8b894;
}

 section {
    float: left;
    width: 76%;
    padding-left: 1em;
    background-color: #e6f7ff;
}

 footer {
    clear: both;
    border-top: 2px double cadetblue;
    text-align: center;
    background-color: #ffcccc;
 }