/* side navigation buttons */
#navdiv ul {
    padding: 0; 
    list-style-type: none; 
    list-style-image: none; 
    float: left;
    margin-right: 5%;
    margin-left: 3%;
    margin-top: 40px;
}
#navdiv li a {
    margin-top: 40px;
    margin-bottom: 40px; */
    text-decoration:none;
    padding: 5px 20px 5px 20px; 
    color: green;
    background:#d6f8cc;
    /* width:200px; */
    width: 160px;
    /* height:40px; */
    height: 30px;
    color: green;
    font-weight: bold;
    text-decoration:none;
    display:table-cell;
    vertical-align: middle;
    text-align:center;
    box-shadow: 0 0 5px #333333;
    border-radius: 18px;
 
    /* This gives gray-shaded buttons */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EFEFEF), to(#BBBBBB));
    background: -webkit-linear-gradient(top, #EFEFEF, #BBBBBB);
    background: -moz-linear-gradient(top, #EFEFEF, #BBBBBB);
    background: linear-gradient(top, #EFEFEF, #BBBBBB);

    /* following give green-shaded buttons 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9fce8), to(#caf6bb));
    background: -webkit-linear-gradient(top, #defbd7, #caf6bb);
    background: -moz-linear-gradient(top, #defbd7, #d6f8cc);
    background: linear-gradient(top, #defbd7, #d6f8cc); */
}
#navdiv li a:hover {
    color: #ef7eee; 
}