body {
    font-family: verdana;
}

.section {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: white;
}

.ex {
    background-color: #5bcad9;
}

.ap {
    background-color: rgba(255, 49, 150, 0.39);
}

.ss {
    background-color: #00c56e;
}

.is {
    background-color: #f5e152;
}

.wb{
    background-color: #ff6428;
}

.ab{
    background-color: #ff6428;
}


p {
    line-height: 1px;
}

h2 {
    color: black;
}

img.ex
{
vertical-align:middle;
width:50px;
height:50px;
background:url(img/button_sprites.png) 0 0;
}
img.ap
{
vertical-align:middle;
width:50px;
height:50px;
background:url(img/button_sprites.png) -50px 0;
}
img.ss
{
vertical-align:middle;
width:50px;
height:50px;
background:url(img/button_sprites.png) -100px 0;
}

img.is
{
vertical-align:middle;
width:50px;
height:50px;
background:url(img/button_sprites.png) -200px 0;
}

img.wb
{
vertical-align:middle;
border-style: none;
width:50px;
height:50px;
background:url(img/button_sprites.png) -150px 0;
}

img.ab
{
vertical-align:middle;
border-style: none;
width:50px;
height:50px;
background:url(img/button_sprites.png) -250px 0;
}

.navi {
    float: right;
}