ul{
        margin:0;
        padding:0;
}

ul.container{
        /* The topmost UL */
        width:620px;
        margin:0 auto;
        padding:0px;
}

li{
        list-style:none;
        text-align:left;
}

li.menu{
        /* The main list elements */
        padding:1px 0;
        width:100%;
}

li.button a{
        /* The section titles */
        display:block;
        color:black;
        font-family:Helvetica,sans-serif;
        font-size:10.5px;
        font-weight: bold;
        height:16px;
        overflow:hidden;
        padding:2px 10px 0;
        position:relative;
        width:620px;
}

li.button a:hover{
        /* Removing the inherited underline from the titles */
        text-decoration:none;
        vertical-align:bottom;
}

li.button a span{
        /* This span acts as the right part of the section's background */
        height:44px;
        position:absolute;
        right:0;
        top:0;
        width:0px;
        display:block;
}

/* Setting up different styles for each section color */

li.button a.blue{background-color:#57aafc;}
li.button a.blue span{background-color:#57aafc;}

li.button a.green{background-color:#74cf2a;}
li.button a.green span{background-color:#74cf2a;}

li.button a.orange{background-color:#FF9933;}
li.button a.orange span{background-color:#FF9933;}

li.button a.yellow{background-color:#fdd30f;}
li.button a.yellow span{background-color:#fdd30f;}

li.button a.pink{background-color:#FF7F7D;}
li.button a.pink span{background-color:#FF7F7D;}

li.button a.turq{background-color:#66CCCC;}
li.button a.turq span{background-color:#66CCCC;}
/* The hover effects */

li.button a.green:hover{background-color:#9CE900;}
li.button a.green:hover span{background-color:#9CE900;}

li.button a.yellow:hover{background-color:#EBFF5B;}
li.button a.yellow:hover span{background-color:#EBFF5B;}

li.button a.orange:hover{background-color:#FF7800;}
li.button a.orange:hover span{background-color:#FF7800;}

li.button a.blue:hover{background-color:#248CC4;}
li.button a.blue:hover span{background-color:#248CC4;}

li.button a.pink:hover{background-color:#FFAAAB;}
li.button a.pink:hover span{background-color:#FFAAAB;}

li.button a.turq:hover{background-color:#88CCBB;}
li.button a.turq:hover span{background-color:#88CCBB;}

.dropdown{
        /* The expandable lists */
        display:none;
        padding-top:2px;
        width:100%;
}

.dropdown li{
        /* Each element in the expandable list */
        background-color:#373128;
        border:0px solid #40392C;
        color:black;
        margin:1px 0;
        padding:2px 0px;
}