body             { background-color: #d0e0ee;
            /* good color: background-color:#7799AA; */
            font-family: arial, helvetica, sans-serif;
            font-size: 13px;
           }


.title_left_a              {  position:absolute;
                       top:0px;
                       left:0px;
                       width:350px;
                       height:77; 
                    }
                    
.title_left_b              {  position:absolute;
                       top:20px;
                       left:30px;
                       color:#FFFFFF;
                       font-family:sun serif,arial,helvetica;
                       font-size: 20px;
                       font-weight: bold;
                    }
                       
                    
.title_right                {  position:absolute;
                       top:20px;
                       right:30px;
                       color:#FFFFFF;
                       font-family:sun serif,arial,helvetica;
                       font-size: 20px;
                       font-weight: bold;
                    }
                     
           
.center_side                {  position:absolute;
                       left:0px;
                       top:77px;
                       height:100%;
                       background-image:url(left_side_image.png);
                    }
               
.center_padding          {  padding-left:95px; padding-top:10px; }

.left_side_menu          {  position:absolute;
                       top: 15;
                       left: 10;
                       color:#FFFFFF;
                       font-family:sun serif,arial,helvetica;
                       font-size: 15px;
                       font-weight: bold;
                    }
                       
            
a                                      { text-decoration:none;       }


/*=============== set contents ===============*/
.contents          { background-color: #99a0aa;
                color: #ffffff;
              }
.cont_title      { background-color: #889099;
                   color: #ffffff;
                   font-weight:bold;
              }

a.cont:link        { color:#eee0ff; 
               }  
a.cont:visited   { color:#ffe0ee;
               }  
/*============================================*/

                 /* style for navigation (buttons): */
a.navi           {  position:absolute;
              border-style:outset; 
              border-size:3px;
              font-family:sun serif,arial,helvetica; 
              font-size:10px;
              padding-top:2px; 
              padding-bottom:2px;       
              padding-left:4px;
              padding-right:4px;
              /* background-color:#88a0aa; */
              color:#FFFFFF;
           } 

a.lcsn          { font-size:10px; }

                 /* to highlight special files: */
.highlight       { font-weight: bold;
                background-color: #448088;
                color: #aaf0ff;
             }
/*=============================================
    light stripe:                           
---------------------------------------------*/
                 /*for folder*/
.dl              { background-color: #88a0aa;
            color: #ffffff;
          }
                 /*for files*/
.fl              { background-color: #eef0ff;
          }
/*---------------------------------------------
   light stripe                            
=============================================*/

/*=============================================
     dark stripe:                            
---------------------------------------------*/
          /*for folder*/
.dd              { background-color: #88a0aa;
            color: #ffffff;
          }
                 /*for files*/
.fd              { background-color: #eef0ff;
          }
/*--------------------------------------------
     dark stripe:                            
============================================*/