body {
}

.mainmenu{
    color:white; 
    font-size:18px; 
    font-weight:normal;
    text-decoration:none;
    border:1px solid #4C4C4C;
    padding:4px 10px;
    margin-top:-1px;
    margin-right:-5px; 
}
.mainmenu:hover{background-color:black; color:plum; font-weight:normal;}


.shadow {
    box-shadow:3px 3px 7px #777;

}

.bottomshadow {
    box-shadow:0px 4px 8px #545454;

}

.curveborder {
    border-radius:6px;

}

.bottomcurveborder {
    border-radius:0px 0px 6px 6px;
}

.purplefadeinout {
    background: linear-gradient(to right, plum, purple, purple, plum);
}

.fadeoutin {
    background: linear-gradient(to right, #3E3E3E, #4C4C4C, #4C4C4C, #4C4C4C, #3E3E3E);
}

.fadeinout {
    background: linear-gradient(to right, #4C4C4C, #3E3E3E, #3E3E3E, #3E3E3E, #4C4C4C);
}

.toppurplefadeinout{
    background: linear-gradient(purple, plum);
}

.afadeinout {
    -o-transition: background-color 1s linear;
    -ms-transition: background-color 1s linear;
    -moz-transition: background-color 1s linear;
    -webkit-transition: background-color 1s linear;
    transition: background-color 1s linear;
}