body {
  color: #999999;
  background-color: #303030;
  margin: 4px;
  padding: 0px;
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  }
  p{ /* gap for one raw article name */
  line-height: 1pt; 
  }
form{
  margin: 0px 0px 0px 0px; /* up,right,down,left */
  }
INPUT{
  margin: 10px 0px 0px 0px; /* up,right,down,left */
  text-align: center;
  }
a img.logo { 
  border-width: 0 
  }
Li a{
  color: #ccccff;
  font-size: 7pt;
  }
Li a:visited{
  color: #ddddcc;
  }
Li a:hover{
  color: #00dddd;
  }
  #container { /* all page area*/
  text-align: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 900px;
  margin: auto; 
  }
  #top { /* top area*/
  position: relative;
  margin: 0px 0px 0px 0px;  /* up,right,down,left */
  padding: 0px 0px 0px 0px;  /* up,right,down,left */
  } 
  #banner {  /* banner and big counter*/
  margin: 0px 0px 0px 0px;  /* up,right,down,left */
  padding: 0px 0px 0px 0px;  /* up,right,down,left */
  border: 3px solid #c0c0c0;
  background: #000000;
  }  
  #tabs{ /* top navigation buttons*/
  margin: 2px 0px 0px 0px;  /* up,right,down,left */
  padding: 0px 1px 0px 2px;  /* up,right,down,left */
  border: 1px solid #c0c0c0;
  position: absolute;
  border: 3px solid #c0c0c0;
  background: #000000;
  }
  #tabs ul{  /* top navigation buttons*/
  margin: 0px 0px 0px 0px;  /* up,right,down,left  */
  padding: 3px 2px 0px 1px;  /* up,right,down,left */
  list-style: none;
  }
  #tabs li{  /* top navigation buttons*/
  display: inline;
  margin: 0px 0px 0px 0px;  /* up,right,down,left  */
  padding: 0px 0px 0px 0px;  /* up,right,down,left  */
  }
  #tabs a{  /* top navigation buttons*/
  float: left;
  text-decoration: none;
  }
  #tabs span a{  /* top navigation buttons*/
  float: left;
  display: block;
  margin: 0px 0px 2px 1px;  /* up,right,down,left  */
  padding: 1px 7px 0px 6px;  /* up,right,down,left  */
  background: #9999bb;
  border: 3px outset #9999bb;
  color: #000000;
  line-height: 21px;
  font-size: 10pt;
  font-family: helvetica, serif;
  font-weight: bold;
  text-align: center;
  }  
  #tabs span a:hover{  /* top navigation buttons*/
  color: #ffffff; 
  background: #0066cc;
  border: 3px inset #c0c0c0;
  }
  #containerul, #containerul ul{
  text-align: left;
  margin: 0px 0px 0px 1px; /* Removes browser default margins applied to the lists. */
  padding: 0px 0px 0px 0px; /* Removes browser default padding applied to the lists. */
  font-size: 8pt;
  font-weight: bold;
  color: #ccccff;
  }
  #containerul li {
  margin: 2px 0 0px 12px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding: 2px 0 0 0 ; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
  }
  #containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  padding: 0px 6px 0 0px; /* up,right,down,left */
  background-position: bottom center;
  background-repeat:no-repeat;
  }
  #main { /* left & right & middle text areas  */
  margin: 43px 0px 0px 0px;  /* up,right,down,left  */
  background: #000000 url(../image/vmain-bg.gif) repeat-y;
  border: 3px solid #c0c0c0; 
  text-align: center;
  height: 546px;
  } 
  #left { /* left area -articles */
  float: left;
  text-align: center;
  width: 150px;
  margin: 0px 0px 0px 1px; /* up,right,down,left */
  }
  #right { /* right area */
  float: right;
  text-align: center;
  width: 148px;
  margin: 0px 2px 0px 0px; /* up,right,down,left */
  }
  #middle { /* middle area */
  position: relative;
  text-align: center;
  width: 574px;
  margin: 0px 0px 0px 160px; /* up,right,down,left */
  padding: 0px 0px 0 0px; /* up,right,down,left */
  }
  #video-frame{
  margin: 8px 0px 0px 0px; /* up,right,down,left */
  padding: 12px 0px 0 0px; /* up,right,down,left */
  color: #dddddd;
  }
  #vc-box-left{ /* small counter box */
  height: 50px;
  float: right;
  margin: 20px 0px 0px 0px;  /* up,right,down,left */
  padding: 56px 2px 0px 6px;  /* up,right,down,left */
  font-size: 10pt;
  font-weight: bold;
  font-family: helvetica, serif;
  color: #dddddd;
  width: 142px;
  text-align: center;
  }
  #space {
  height: 24px;
  }
  #vc-box-right{ /* small counter box */
  height: 50px;
  float: right;
  margin: 16px 0px 0px 0px;  /* up,right,down,left */
  padding: 56px 2px 0px 6px;  /* up,right,down,left */
  font-size: 10pt;
  font-weight: bold;
  font-family: helvetica, serif;
  color: #dddddd;
  width: 142px;
  text-align: center;
  }
  #header { /* section header  */
  position: relative;
  float: right;
  width: 220px;
  line-height: 22px;
  display: block;
  margin: 6px 176px 10px 0px;  /* up,right,down,left */
  padding: 2px 0px 0px 0px;  /* up,right,down,left */
  border: 3px ridge #c0c0c0;
  color: #000000; 
  background: #cccccc;
  font-size: 12pt;
  font-family: helvetica, serif;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
  #home-link a{ /* link back to home */
  float: left;
  line-height: 18px;
  width: 76px;
  margin: 0px 0px 0px 240px;  /* up,right,down,left */
  padding: 0px 0px 2px 0px;  /* up,right,down,left */
  color: #c0c0c0; 
  background: url(../image/ico_home.gif) no-repeat top left;
  font-size: 12pt;
  font-family: helvetica, serif;
  font-weight: bold;
  text-align: right;
  text-decoration: none;
  }  
  #an {
  float: left;
  width: 496px;
  padding: 8px 0px 0px 16px; /* up,right,down,left */
  margin: 10px 20px 0px 20px; /* up,right,down,left */
  color: #ffffff; 
  text-align: justify;
  line-height: 11pt;   
  } 
  #footer { /* footer area */
  width: 894px;
  height: 78px;
  text-align: center;
  margin: 2px 0px 0px 0px; /* up,right,down,left */
  padding: 0px 0px 0px 0px; /* up,right,down,left */
  border: 3px solid #c0c0c0; 
  background: #000000;
  }
  #footer-box  a{ 
  line-height: 28px;
  float: left;
  display: block;
  margin: 16px 0px 2px 80px;  /* up,right,down,left */
  padding: 6px 6px 6px 6px;  /* up,right,down,left */
  border: 3px outset #c0c0c0;
  color: #0000cc; 
  background: #c0c0c0;
  font-size: 10pt;
  font-family: helvetica, serif;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
  #footer-logo  a{ 
  width: 150px;  
  height: 54px;
  line-height: 28px;
  float: left;
  display: block;
  margin: 6px 34px 0px 128px;  /* up,right,down,left */
  padding: 3px 2px 3px 2px;  /* up,right,down,left */
  border: 3px outset #c0c0c0;
  color: #000000; 
  background: #cccccc url(../image/logo.gif) no-repeat top;
  font-size: 10pt;
  font-family: helvetica, serif;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
  #footer-logo a span{
  display: none;
  }
  #footer-logo  a:hover { 
  background: #9999ff url(../image/logo-over.gif) no-repeat top;
  border: 3px inset #c0c0c0;
  } 
  #footer-box  a:hover { 
  background: #9999ff;
  border: 3px inset #c0c0c0;
  } 
  #dhtmlfloatie{ /*float text*/
  position: absolute;
  padding: 6px 6px 6px 6px;  /* up,right,down,left */
  opacity: 30;
  z-index: 100;
  font-size: 11px;
  font-weight: bold;
  font-family: helvetica, serif;
  text-align: center;
  color: #ffffff;
  }