html {
    width: 100%;
    height: 100%;
    min-width: 800px;
    min-height: 600px;
    position: absolute;
}

body {
    width: 100%;
    height: 100%;
}

header {
    width: 100%;
    height: 9%;
    top: 0;
    left: 0;
}

header headl {
    position: absolute;
    width: 15%;
    height: 9%;
    top: 0;
    left: 0;
}

header headm {
    position: absolute;
    width: 70%;
    height: 9%;
    top: 0;
    left: 15%;
    border-bottom: solid;
    border-color: gray;
    border-bottom-width: 1px;
}

header headr {
    position: absolute;
    width: 10%;
    height: 9%;
    top: 0;
    left: 90%;
}

header headm headml {
    position: absolute;
    width: 30%;
    height: 100%;
    left: 0%;
    top: 0%;
}
header headm headmm {
    position: absolute;
    width: 25%;
    height: 100%;
    left: 30%;
    top: 0%;
}
header headm headmr {
    position: absolute;
    width: 25%;
    height: 100%;
    left: 75%;
    top: 0%;
}

main {
    position: absolute;
    width: 100%;
    top: 9%;
    left: 0;
    height: 82%;
}

main mainl {
    position: absolute;
    width: 15%;
    height: 100%;
    left: 0;
}

main mainm {
    position: absolute;
    width: 70%;
    height: 100%;
    left: 15%;
    top: 0;
}

main mainr {
    position: absolute;
    width: 15%;
    height: 100%;
    left: 85%;
}

main mainm mainmt {
    position: absolute;
    width: 100%;
    height: 8%;
    left: 0%;
    top: 0%;
}

main mainm mainmm {
    position: absolute;
    width: 100%;
    height: 46%;
    top: 8%;
    left: 0%;
}

main mainm mainmb {
    position: absolute;
    width: 100%;
    height: 46%;
    top: 54%;
    left: 0%;
}

footer {
    position: absolute;
    width: 100%;
    height: 8%;
    top: 91%;
    left: 0;
}

footer footl {
    position: absolute;
    width: 15%;
    height: 100%;
    top: 0;
    left: 0;
}

footer footm {
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    left: 15%;
    border-top: solid;
    border-color: gray;
    border-top-width: 1px;
}

footer footr {
    position: absolute;
    width: 15%;
    height: 100%;
    top: 0;
    left: 85%;
}

footer footm footml {
    position: absolute;
    width: 30%;
    height: 100%;
    left: 0%;
    top: 0%;
}
footer footm footmm {
    position: absolute;
    width: 40%;
    height: 100%;
    left: 35%;
    top: 0%;
}
footer footm footmr {
    position: absolute;
    width: 30%;
    height: 100%;
    left: 70%;
    top: 0%;
}

/*  Applications Layout */

appl {
    position: absolute;
    width: 25%;
    height: 100%;
    left: 0%;
    top: 0%;
}

appm {
    position: absolute;
    width: 75%;
    height: 100%;
    left: 25%;
    top: 0%;
    overflow: auto;
}

appm appml {
    position: absolute;
    width: 33%;
    height: 100%;
    left: 0%;
    top: 0%;
}

appm appmm {
    position: absolute;
    width: 33%;
    height: 100%;
    left: 33%;
    top: 0%;
}

appm appmr {
    position: absolute;
    width: 34%;
    height: 100%;
    left: 66%;
    top: 0%;
}