html {
   background-color: #111111;
   color: #ffffff;
   border: 0px;
   margin: 0px;
   padding: 0px;

   text-align: center;
}

body {
   height: 100%; width: 100%;
   margin: 0px;
   padding: 0px;
   font-family: Verdana;
   font-size: 10pt;
   text-align: justify;
}

div#copy {
   position: absolute; bottom: 4px; right: 4px;
   color: #cccccc;
   font-size: 8pt;
}

a:link,a:visited {
   color: #ffffff;
   text-decoration: none;
}

a:active,a:hover {
   color: #00aedc;
}

div.bg {
   background-attachment: fixed;
   background-repeat: no-repeat;
   position: absolute; top: 0px; left: 0px;
   width: 100%; height: 100%;
   opacity: 0.0;
   filter: alpha(opacity=0);
}

div#bg0 { z-index: -2; }
div#bg1 { z-index: -1; }

img#logo{
   margin: 10px 20px;
   width: 300px;
}

img#preload{ display: none; }

div#stdout {
   display: none;
   background-color: #333333;
   color: #ddddff;
   margin: 10px; padding: 10px;
   height: 500px; width: 400px;
   overflow-y: scroll;
   opacity: 0.9;
   filter: alpha(opacity=90);
   position: absolute; top: 10px; right: 10px;
}

div.logo {
   background-color: #aaaaaa;
   float: left;
   height: 40px; width: 200px;
   margin-top: 0px;
   margin-right: 40px;
}

div.toc {
   color: #ffffff;
   margin-top: 40px;
   border-top: #ffffff solid 1px;
   border-right: #ffffff solid 1px;
   border-bottom: #ffffff solid 1px;
   background-image: url(/images/bg/toc.png);
   width: 180px;
}

div.tocitem {
   margin: 20px;
}

div.tocsubitem {
   display: none;
   font-size: 8pt;
   margin: 20px 40px;
}

div.tocsection {
   border-top: #ffffff solid 1px;
   font-size: 8pt;
   text-align: left;
   margin: 20px;
   padding-top: 20px;
}

div.tochere {
   color: #00aedc;
}