body { background-color: black; color: a7abad; font-family: sans-serif; }
a { text-decoration: none; }

#main {
    margin-left: auto;
    margin-right: auto;
    width: 450px;
    padding: 10px;
}

div.box { 
    padding: 10px; 
    margin: 2px;
    text-align: center;
    m: expression(this.onmouseover = new Function("this.className = 'box hover';"));
}

div.hover {
    m: expression(this.onmouseout = new Function("this.className = 'box';"));
}

a div.hover {
    cursor: hand;
}

#title { 
    color: #a9abad; 
    font-size: 48px;  
    font-weight: bold; 
}
a #title:hover, a #title.hover { background-color: #57595b; }

.priority1 {     
    color: #4b85a8; 
    font-size: 36px; 
    font-weight: bold; 
}
a .priority1:hover, a .priority1.hover { background-color: #002134; }

.priority2 {
    color: #2a79a8; 
    font-size: 24px; 
    font-weight: bold;
}
a .priority2:hover, a .priority2.hover { background-color: #002134; }

.priority3 {
    color: #57595b;
    font-size: 24px;
}
a .priority3:hover, a .priority3.hover { background-color: #0f2b3c; }

.priority4 { 
    color: #424344;
    font-size: 16px;
}
a .priority4:hover, a .priority4.hover { background-color: #1c303b; }

.priority5 {
    color: #0f2b3c;
}
a .priority5:hover, a .priority5.hover { background-color: #2a79a8; }

.priority6 {
    color: #003250;
    font-size: 10px;
}
a .priority6:hover, a .priority6.hover { background-color: #4b85a8; }

#comingsoon {
    border: 1px solid #424344;
}

.content-light { position: relative; color: #000000; background-color: #4b85a8; padding: 6px; margin: 6px; }
.content-light a { color: #003250; }
.content-light a:hover { text-decoration: underline; }

.content-dark { position: relative; border: 1px solid #4b85a8; padding: 6px; margin: 6px; }
.content-dark a { color: #4b85a8 }
.content-dark a:hover { text-decoration: underline; }