
.tabs-menu {
    height: 30px;
    float: left;
    clear: both;
    list-style-type: none;
    width: 1000px;
}

.tabs-menu li {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
    background-color: #ccc;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
}

.tabs-menu li.current {
    position: relative;
    background-color: orange;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tabs-menu li a {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none; 
}

.tabs-menu .current a {
    color: black;
}

#tabs-container {
    width: 100%;
    height: 1100px;
}
#center{
    width: 1100px;
    margin-left: auto;
    margin-right: auto;

}
.tab {
    border: 1px solid #d4d4d1;
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.tab-content {
    width: 1100px;
    padding: 20px;
    display: none;
    margin-left: auto;
    margin-right: auto;
}

#HW7 {
 display: block;   
}
