body {
    display:grid;
    margin:0;
    grid-template-rows:40px 1fr 100px;
    grid-template-columns:300px 1fr;
}

.pageHeader {
    grid-row:1;
    grid-column: 1/ span 2;
    background-color: lightsteelblue;
    border-radius: 10px 10px 0 0 ;
    padding: 8px;
}

.pageMenu {
    grid-row:2;
    grid-column:1;
    background-color:lightsteelblue;
    padding:8px;
}

.pageMain {
    grid-row:2;
    grid-column:2;
    background-color:cornsilk;
}

.pageFooter {
    grid-row:3;
    grid-column: 1 / span 2;
    background-color: lightsteelblue;
    border-radius: 0 0 10px 10px;
    padding: 8px;
}

.divInfo {
    background-color: antiquewhite;
    border: 1px solid burlywood;
    border-radius: 8px;
    padding: 10px 10px 10px 10px;
    width: 260px;
}

.btnA {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(#36a0dd, #005586 100%);
    border: 1px solid #005e94;
    border-radius: 8px;
    box-shadow: inset 0px 0px 2px 0px rgb(255,255,255);
    box-shadow: 0px 2px 2px 0px rgb(175,175,175);
    box-sizing: border-box;
    width: 80%;
    height: 36px;

    margin: 10px 10px 0px 0px;
    color:#ffffff;
    font-size:16px;
    text-align: left;
    text-decoration: none;
    position:relative;
    transition-duration: 0.2s;
}
.btnA:hover {
    opacity: .7;
}

.btnA:before {
    content:"";
    display: inline-block;
    width:0;
    height: 0;
    border-style:solid;
    border-width: 7px 0 7px 8px;
    border-color: transparent transparent transparent white;
    position: absolute;
    top: 50%;
    left: 23px;
    margin-top: -6px;
}

.btnA:after {
    content:"";
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #005e94;
    box-shadow: 0px 0px 2px 0px rgb(255,255,255);
    position: absolute;
    top: 0px;
    left: 50px;
}

.divMgn{
    margin-bottom: 12px;
}

.divMgnLeft{
    margin-left: 100px;
}

.rightFit {
    display: grid;
    justify-content: right
}