#first_menu {
    text-align: center;
}

#puzzle {
    position: relative;
    width: 490px;
    height: 485px;
    background-color: #00314c;
    border: 6px solid #00314c;
    margin: 0 auto;
}

.menu1 {
    background-color: #b4ddb4;
    width: 100%;
    display: block;
    color: #00314C;
}

.menu2 {
    background-color: #f5c692;
    width: 100%;
    display: block;
    color: #00314C;
}

.menu3 {
    background-color: #bbecfa;
    width: 100%;
    display: block;
    color: #00314C;
}

.menu4 {
    background-color: #fbbdb7;
    width: 100%;
    display: block;
    color: #00314C;    
}

.menu5 {
    background-color: #dacce7;
    width: 100%;
    display: block;
    color: #00314C;    
}

.menu6 {
    background-color: #fedee7;
    width: 100%;
    display: block;
    color: #00314C;    
}

.menu7 {
    background-color: #ffffc0;
    width: 100%;
    display: block;
    color: #00314C;    
}

.menu8 {
    background-color: #8eabbf;
    width: 100%;
    display: block;
    color: #00314C;
}

.menu9 {
    background-color: #f7ecce;
    width: 100%;
    display: block;
    color: #00314C;    
}

.l_menu1 {
    text-align:center;
    border: none;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #b4ddb4;
    width: 100;
}
.l_menu1h {
    text-align:center;
    border: none;
    border-left: 6px solid #00314C;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #64b863;
    width: 94;
}

.l_menu2 {
    text-align:center;
    border: none;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #f5c692;
    width: 100;
}
.l_menu2h {
    text-align:center;
    border: none;
    border-left: 6px solid #00314C;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #eb891c;
    width: 94;
}

.l_menu3 {
    text-align:center;
    border: none;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #bbecfa;
    width: 100;
}
.l_menu3h {
    text-align:center;
    border: none;
    border-left: 6px solid #00314C;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #65b3ca;
    width: 94;
}

.l_menu4 {
    text-align:center;
    border: none;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #fbbdb7;
    width: 100;
}
.l_menu4h {
    text-align:center;
    border: none;
    border-left: 6px solid #00314C;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #f32412;
    width: 94;
}

.l_menu5 {
    text-align:center;
    border: none;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #dacce7;
    width: 100;
}
.l_menu5h {
    text-align:center;
    border: none;
    border-left: 6px solid #00314C;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #8655ae;
    width: 94;
}

.l_menu6 {
    text-align:center;
    border: none;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #fedee7;
    width: 100;
}
.l_menu6h {
    text-align:center;
    border: none;
    border-left: 6px solid #00314C;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #fc93b1;
    width: 94;
}

.l_menu7 {
    text-align:center;
    border: none;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #ffffc0;
    width: 100;
}
.l_menu7h {
    text-align:center;
    border: none;
    border-left: 6px solid #00314C;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #ffe118;
    width: 94;
}

.l_menu8 {
    text-align:center;
    border: none;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #8eabbf;
    width: 100;
}
.l_menu8h {
    text-align:center;
    border: none;
    border-left: 6px solid #00314C;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #2b6187;
    width: 94;
}

.l_menu9 {
    text-align:center;
    border: none;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #f7ecce;
    width: 100;
}
.l_menu9h {
    text-align:center;
    border: none;
    border-left: 6px solid #00314C;
    display:block;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom: 6px;
    background-color: #c29f65;
    width: 94;
}

#l_menu1 a, #l_menu2 a, #l_menu3 a, #l_menu4 a, #l_menu5 a, #l_menu6 a, #l_menu7 a, #l_menu8 a, #l_menu9 a  {
    font-weight: bold;
    color: #00314C;
    text-decoration: none;
    border: none;
    font-size: 14px;
}

#l_menu1 a:hover, #l_menu2 a:hover, #l_menu3 a:hover, #l_menu4 a:hover, #l_menu5 a:hover, #l_menu6 a:hover, #l_menu7 a:hover, #l_menu8 a:hover, #l_menu9 a:hover {
    background-color: transparent;
    color: #ffffff;
}