body {
    margin: 0;
    padding: 0;
    color: #ffffff;
    background-color: #000;
    font-family: "MyriadProRegular";
}

.content {
    margin: 0 auto;
    margin-top: 70px;
    width: 726px;
}

.content .header {
    padding-bottom: 10px;
    border-bottom: 2px solid #ffffff
}

.content .footer {
    padding-top: 10px;
    border-top: 2px solid #ffffff
}

.content .middle {
    padding-top: 10px;
    padding-bottom: 20px;
}

.divList {

}

.divList .divListItem {
    padding: 5px;
    padding-left: 50px;
}

/* links */
@keyframes aNormalWhitetoBlue {
    from {color: #6bf;}
    to {color: #ffffff;}
}

@keyframes aNormalBluetoWhite {
    to {color: #6bf;}
    from {color: #ffffff;}
}

.aNormal {
    color: #6bf;
    text-decoration: none;
    animation-name: aNormalBluetoWhite;
    animation-duration: 1s;
}

.aNormal:link {
    text-decoration: none;
}

.aNormal:visited {
    text-decoration: none;
}

.aNormal:hover {
    color: #ffffff;
    text-decoration: none;
    animation-name: aNormalWhitetoBlue;
    animation-duration: 2s;
}

.aNormal:active {
    color: #ffffff;
    text-decoration: none;
}