body {
    font-family: 'Quicksand', sans-serif;
    font-weight:bold;
}
#wrapper {
    position:relative;
}
#topbar {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    height:50px;
    border-bottom:1px solid #c0c0c0;
    background-color:#f0f0f0;
    color:white;

}

#sidebar {
    position:absolute;
    top:50px;
    left:0px;
    width:220px;
    bottom:32px;
    background-color:#c0c0c0;
    border-bottom:1px solid #c0c0c0;
    border-right:1px solid #c0c0c0;
}


#sheet {
    background: #ffffff;
    position:absolute;
    top:50px;
    left:220px;
    right:0px;
    height:24px;

}

#breadcrumb_content {
    background: #ffffff;
    position:absolute;
    top:90px;
    left:220px;
    right:0px;
    height:24px;
    border-top:1px solid #c0c0c0;
    font-size:14px;
    color:#c0c0c0;



}

#content {
        background: white;
        position:absolute;
        top:120px;
        left:220px;
        right:0px;
        bottom:32px;

}
#footer {
    background: rgb(54, 58, 80);
    position:absolute;
    height:32px;
    left:0px;
    right:0px;
    bottom:0px;

}


.cat-card {
    position:relative;
    background-color:#ffffff;
    min-height:300px;
}
.cat-card-img {
    border:3px solid;
}
.cat-card-body {
    position:absolute;
    top:130px;
    bottom:40px;
    text-align:center;
    width:100%;
}
.cat-card-footer {
    position:absolute;
    bottom:10px;
    right:10px;
}
.cat-card-title {
    font-size:16px;
    font-weight:bold;
}
.cat-card-description {
    font-size:12px;
    font-weight:bold;
}
.cat-card-statistics {
    position:absolute;
    bottom:46px;
    width:100%;
    text-align:center;
    padding:4px;
    border:1px solid #f0f0f0;
    background-color:#c0c0c0;
}