body{
    background-color: #3F3F3F;   
    font-family:"Merriweather",Arial; 
}

.header{
    background-color:#FFFFFF;
    width: 90%;
    margin:0px;
    margin-left:auto;
    margin-right:auto;    
}

.content{
    background-color:#FFFFFF;
    width: 90%;
    margin:0px;
    margin-left:auto;
    margin-right:auto;    
}

div.padded{
    padding:10px;    
}

div.center{   
    text-align:center;
}

div.copyright{
    color:#555555;
    font-size:80%;
    text-align:center;    
}

.header .logo{
    display:block;
    height:128px;
    padding:10px;
    margin-left:auto;
    margin-right:auto;
}

a{
    text-decoration:none;
    color:#7C57A4;    
}

a:hover{
    text-decoration:none;
    color:#9A71C6;    
}

.roadmap_item{
    background-color:#EEEEEE;
    color:#777777;
    
    cursor:pointer;    
    max-height:96px;
    overflow:hidden;
    border: 3px solid #DDDDDD;
    padding:8px;
    border-radius:11px;
    margin-bottom:8px;
}

.roadmap_item.complete{
    background-color:#EEFFEE;
    border-color:#DDFFDD;
    color:#000000;
}

.roadmap_item.inprogress{
    background-color:#FFEEDD;
    border-color:#EEDDCC;
    color:#000000;
}

.roadmap_item:hover{
    background-color:#F5F5F5;
    border-color:#EEEEEE;
    color:#999999;
}

.roadmap_item.active{
    background-color:#FFFFFF;
    color:#000000;
    overflow:auto;
    max-height:none;
}