#rootmenucontainer {
    position : fixed;
    top : 1px;
    left : 1px;
    width : 0px;
    -webkit-transition-duration : 0.3s;
    -moz-transition-duration : 0.3s;
    -o-transition-duration : 0.3s;
    transition-duration : 0.3s;
    z-index : 98;
}

#rootmenucontents {
    position : fixed;
    top : 0px;
    left : -200px;
    height : 100%;
    width : 200px;
    -webkit-transition-duration : 0.3s;
    -moz-transition-duration : 0.3s;
    -o-transition-duration : 0.3s;
    transition-duration : 0.3s;
    text-align : center;
    background-color : #EEEEEE;
    z-index : 99;
}

#rootmenucontainer:hover {
    width : 200px;
    left : 200px;
}

#rootmenucontainer:hover #rootmenucontents {
    left : 0px;
}

#rootmenucontainer #rootmenucontents h2 {
    font-size : 12pt;
    font-weight : bold;
    text-align : center;
    margin : 0px;
    background-color : black;
    color : white;
    height : 20px;
}

#rootmenucontainer #rootmenucontents h2 a {
    text-decoration : none;
    color : #DDDDDD;    
}

#rootmenucontainer #rootmenucontents h2 a:hover {
    text-decoration : underline;    
}

#rootmenuicon {
    width : 20px;
    height : 20px;
}

#rootmenuentries {
    margin : 3pt;
    padding : 3pt;
    width : 92%;
    background-color : #DDDDDD;
    border-radius : 3px;
    -o-border-radius : 3px;
    -webkit-border-radius : 3px;
}

#rootmenuentries p {
    background-color : black;
    width : 92%;
    border-radius : 3px;
    -o-border-radius : 3px;
    -webkit-border-radius : 3px;    
    margin : 3pt;
    padding : 3pt;
    text-align : center;
    font-size : 10pt;
    font-weight : bold;
}

#rootmenuentries a {
    text-decoration : none;
    color : gold;
}

#rootmenuentries p:hover {
    background-color : gold;    
}

#rootmenuentries a:hover {
    text-decoration : underline;
    color : black;
}