body {
      width:96%;
}
@media screen and (min-width: 480px) {
    body {
        width: 100%;
    }
}
.sitehead {
    min-height:100px;
    background-color:#4CAF50;
    color:#ffffff; 
    padding:10px;
}

.ledger-title {
    font-family:Calibri;
    font-size:20px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    margin:auto;
    width:90%;
    margin-top:20px;
}
.ledger-card {
    width:90%;
    margin:auto;
    padding: 5px 2px 0px 2px;
}
.ledger-head {
         padding: 15px 2px 10px 2px;
     background-color:#F0F0F0;
     color:#202020;
     margin-top: 20px;
     margin-bottom:10px;
    box-shadow: 2px 2px 1px #888888;
}

.ledger-detail-head {
    padding: 15px 2px 10px 2px;
    background-color:#910101;/*#772d05;/*#cc500e; /*#4f7ede;*/
    color: #F0F0F0;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 2px 2px 2px 2px;
 
}

.ledger-detail {
    padding: 2px 2px 2px 2px;
    background-color:#CACACA;
}