BODY {
    /*background: #f0f0f0*/
    background-color: #efffff;
    color:      #000000;
    font-size:  smaller;
    /*font-size: medium;*/
}     

.hedder {
    margin-left: 10px;
    margin-top: -10px;
    font-weight: bold;
}


.hbox {
    border-style:  solid;
    border-width:   thin;
    border-color:#008000;
    background:  #33ff99;
    padding-top:     3px;
    padding-bottom:  3px;
}    


.mbox {
    color:        yellow;
    background:     gray;
    padding:         5px;
    font-weight:    bold;
}    


.details02 {
    margin-left: 2px;
}


.details05 {
    margin-left: 5px;
}


.details10 {
    margin-left: 10px;
}


.details20 {
    margin-left: 20px;
}


.details30 {
    margin-left: 30px;
}


.details40 {
    margin-left: 40px;
}


.details50 {
    margin-left: 50px;
}


.footer {
    margin-left: 10px;
    /*text-align: center;*/
    border-top:   2px #00cc00 dotted;
    /*font-size: smaller;*/
}


a:link    {color: #0000ff}
/*a:visited {color: #999999}*/
a:visited {color: #000000}
a:hover   {color: #ff0000}
a:active  {color: #ffff00}