body {
margin-left: 5px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
line-height: 170%;
font-family: Arial, sans-serif; 
font-size: 12px;
color: #333333;
}

div.head {
position: fixed;
left: 5px;
top: 5px;
width: 30%;
padding: 0px;
}

div.foot {
margin: auto;
position: fixed; 
bottom: 5px;
#width: 130px;
padding: 5px;
background-color: #70ffe7;
}

div.leftbar {
position: relative;
top: 5px;
left: 30%;
width: 70%;
padding: 0px;
}

div.main {
position: relative;
top: 5px; 
left: 5px;
width: 99%;
}

h1 {
font-family: Arial, sans-serif; 
font-size: 16px; 
color: #555555; 
font-weight:bold; 
}

h2 {
font-family: Arial, sans-serif; 
font-size: 14px; 
color: #555555; 
font-weight:bold;
}

.h2 {
font-family: Arial, sans-serif; 
font-size: 14px; 
color: #555555; 
}

.backcolor{
width: 100%;
background-color: #70ffe7;
}

tr {
text-align: left;
}

tr.elev {
background-color: #70ffe7;
}

thead{
width: 100%;
background-color: #70ffe7;
}

td {
vertical-align: top;
}

td.elev {
background-color: #70ffe7;
}

td.normal {
min-width: 250px;
text-align: left;
}

#myProgress {
    width: 100%;
    background-color: #70ffe7;
}

#myBar {
    width: 1%;
    height: 30px;
    background-color: #70ffe7;
}

a {
font-family: Arial, sans-serif; 
font-size: 12px; 
}

tr.emp {
background-color: #70ffe7;
}