body { 
font-family: 'Arial', sans-serif;
padding:0px;
padding-bottom:100px;
}

/* ::::: LINKS :::::- */
a.wlk:link , a.wlk:active , a.wlk:visited { color:#0000FF; text-decoration: none;} 
a.wlk:hover { color:#AA0000; }

a.mlk:link , a.mlk:active , a.mlk:visited { background-color:#000000; color:#FFFFFF; text-decoration: none;} 
a.mlk:hover { background-color:#000000; color:#FF0000; }

a.tlk:link , a.tlk:active , a.tlk:visited { font:normal 15px Arial; color:#FFFFFF; padding:3px; vertical-align:middle; text-decoration: none; } 
a.tlk:hover { color:#FF0000; }


/* ::::: menu MENU :::::- */
.menu { height: 0%; width: 100%; position: fixed; z-index: 1; top: 0; left: 0; 
 background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9);
 overflow-y: hidden; transition: 0.5s; 
}
.menu-content { position:relative; top:25%; width:100%; text-align:center; margin-top:30px; z-index:200;  }
.menu a { padding:8px; text-decoration:none; font-size:36px; color:#818181; display: block; transition:0.3s;}
.menu a:hover, .menu a:focus { color:#f1f1f1; }
.menu .closebtn { position:absolute; top:20px; right:45px; font-size:60px; }
@media screen and (max-height: 450px) {
  .menu {overflow-y: auto;}
  .menu a {font-size: 20px}
  .menu .closebtn { font-size:40px; top:15px; right:35px; }
}

/* ::::: LAYERS : <div class=page id=P..></div> ::::: */
.page { position:absolute; top:0; left:0; margin:20px; margin-left:5px; }

div.hd { font:bold 18px Arial; padding:10px 20px; background-color:#EEEEEE; }
div.shd {  font:bold 15px Arial;  padding:0px;  }
div.picon { border:3px solid #AAAAAA; background-color:#CCCCCC;padding:20px; text-align:center; }

table td { font:normal 14px Arial;  padding-left:20px;; vertical-align:top; }
table td.mnu { background-color:#000000; padding:0px; }

table td.header { font:bold 20px Arial; color:#FFFFFF; text-align:center; padding:8px; background-color:#000000; box-shadow: 4px 4px 8px #CCC; }
table td.hd { font:bold 20px Arial; padding:10px 20px; background-color:#EEEEEE; }
table td.chd { font:bold 14px Arial; padding:10px 20px; background-color:#EEEEEE; }
table td.licm { padding:0px; width:30px; background-color:#FD0100; background-image: url('../images/BGmenu.jpg'); background-repeat:repeat; }
table td.content { font:normal 14px Arial; width:100%; padding:20px; vertical-align:top; border:2px solid #AAAAAA; box-shadow: 4px 4px 8px #CCC;  }

table.pgm td { font:bold 14px Arial; text-align:center;}
table.pgm td.chd { font:bold 14px Arial; text-align:center; padding:5px; background-color:#EEEEEE; }

table.logo td { font:bold 12px Arial; text-align:center;}

ol { margin:3px 0px 0px 25px; padding:0px; } 
ul { margin:0px 0px 0px 15px; padding:0px; } 
li { margin-top:2px; }

var { font-style:regular; font-weight:bold; color:#FF0000;}

dl { margin:0px; }
dt { clear:all; font: bold 16px Arial;  } 
dd { margin:0px; padding:0px; } 

.IX { cursor:hand; cursor:pointer; margin-bottom:5px; border:3px solid #505050; box-shadow: 4px 4px 6px #AAA;  }
.IB { cursor:hand; cursor:pointer; margin-bottom:5px; border:3px solid #505050; box-shadow: 4px 4px 6px #AAA;  }

.rbrd { float:right; font:normal 10px Arial; color:#000000; text-align:center; padding:10px; margin:0px 0px 10px 10px; }
.lbrd { float:left; font:normal 10px Arial; color:#000000; text-align:center; padding:10px;  margin:0px 10px 10px 0px; }

#overlay { position:absolute; left:0px; z-index:200; text-align:center; display:none; background-image:url(overlay.png); }