body{
font-family: 'lucida grande', Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.5;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
         }

#ti { background-color: #FFF; /*#CAEEFD; */
      margin-left: 25px;
                 }

#framecontentTop{
position: absolute;
top: 0;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: 100%;
height: 114px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #FFF; /* #CAEEFD; */
         }

#framecontentLeft{
position: absolute;
top: 0px;
left: 0;
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #FFF; /* #CAEEFD; */
         }

#lineLeft {
/* background-image: linear-gradient(white, black); */
position: absolute;
top: 0px;
left: 194px;
width: 6px; /*Width of left frame div*/
height: 100%;
background-image: linear-gradient(45deg, blue, transparent, white);
         }
#lineTop {
/* background-image: linear-gradient(white, black); */
position: absolute;
top: 114px;
left: 194px;
width: 100%; /*Width of left frame div*/
height: 6px;
background-image: linear-gradient(90deg, transparent, blue);
         }
aside {
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#framecontentBottom{
position: absolute;
top: auto;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
bottom: 0;
right: 0;
height: 32px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #fff;
font-size: 0.8em;
color: #585858;
         }

#maincontent{
position: fixed;
top: 158px; /*Set top value to HeightOfTopFrameDiv*/
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
padding-right: 10%;
bottom: 33px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto;
background: #fff;
         }

.innertube{
margin: 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
         }

* html body{ /*IE6 hack*/
padding: 110px 0 120px 200px; /*Set value to (HeightOfTopFrameDiv  0 HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
         }

* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
         }

* html #framecontentTop, * html #framecontentBottom{ width: 100%;   /*IE6 hack*/
         }

/* ============================ */

canvas {
    padding: 0;
    margin: auto;
    display: block;
    width: 800px;
    height: 600px;
    position: fixed;
    top: 140px;
    bottom: 0;
    left: 200px;
    right: 15%;
}
.canvasTop1 {
    padding: 0;
    margin: 0;
    display: block;
    width: 640px;
    height: 480px;
/*    position: absolute;
    top: 300px; */
    position: relative;
    top: 0px;
    bottom: 0;
    left: 100px;
    right: 0;
}
.canvasTop2 {
    padding: 0;
    margin: 0;
    display: block;
    width: 640px;
    height: 480px;
/*    position: absolute;
    top: 1150px; */
    position: relative;
    top: 0px;
    bottom: 0;
    left: 100px;
    right: 0;
}

hr {
        border: none;
        height: 5px;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(75, 8, 138, 1), rgba(0, 0, 0, 0));
        margin-top: 25px;
        margin-bottom: 25px;
        }
#styleone { position:relative;
         width: auto;
         left: 200px;
         top: 118px;
         display:block;
         height:2.5em;
         font-size: 1.2em;
         font-weight:bold;
         background:#F1F1F1 repeat-x top left;
         font-family:Verdana, Arial, Helvetica, sans-serif;}
#styleone ul{margin:0;
         padding:0;
         list-style-type:none;
         width:auto;}
#styleone ul li{display:block;
         float:left;
         border-left:3px solid #fff;
         border-top:3px solid #fff;
         border-right:3px solid #4F4F4F;
         border-bottom:3px solid #4F4F4F;
         font-size: 1em;
         margin:0 1px 0 0;}
#styleone ul li a{display:block;
         float:left;
         color:#3F3F3F;
         text-decoration:none;
         font-size: 1.0em;
         padding:2px 10px 2px 10px;
         height:29px;}
#styleone ul li a:hover {color:#0000FF;
         background:#CFCFCF repeat-x top left;}
#styleone ul li a:active {color:#FF0000;
         background:#AFAFAF repeat-x top left;}
#styleone1 { position:relative;
         width: auto;
         left: 20px;
         top: 20px;
         display:block;
         height:3.5em;
         font-size: 2.5em;
         font-weight:bold;
/*         background:#F0F0F0 ; */
         font-family:Verdana, Arial, Helvetica, sans-serif;}
#styleone1 ul{margin:0;
         padding:0;
         list-style-type:none;
         width:auto;}
#styleone1 ul li{display:block;
         float:left;
         border-left:3px solid #eaeaea;
         border-top:3px solid #eaeaea;
         border-right:3px solid #4F4F4F;
         border-bottom:3px solid #4F4F4F;
         font-size: 1em;
         text-decoration:none;
         background:#FF7F7F repeat-x top left;
         margin:0 1px 0 0;}
#styleone1 ul li a{display:block;
         float:left;
         color:#3F3F3F;
         text-decoration:none;}

/* ============================ */

 a:visited  { }
 a:link     { }
 a:hover    { color:#FF0000; text-decoration:none; background-color:#CAEEFD; }
 a:active   { color:#000000; text-decoration:none; background-color:#33FFFF; }

p           { font-size: 1.5em;
              margin-left: 2%;
              margin-right: 1em;
              text-align: justify; }
#pk          { margin-left: 2%;
              margin-right: 2em; }

#p1         { font-size: 14px;
              margin-left: 0em;
              margin-right: 2em; }

li          { font-size: 1.4em;
            }
#ul1        { margin-left: 0;}

#ul2        { margin-left: 2%;
              color:#9F0000; }
#ul3        { margin-left: 5%;
              color:#9F0000; }

#h1         { margin-top: 0%;
              font-size: 2em;
}

h1          { margin-top: 10px;
              font-size: 2em;
              font-weight: bold;
              letter-spacing: 2px;
              color: #0000FF;
              margin: 0;
              padding: 0;
              }
h2          { font-size: 16px;
              margin-top: 10px;
              color:#000000; }
h3          { margin-top: 10px;
              font-size: 15px;
              color:#600000; }

.h1k          { margin-top: 1em;
              margin-left: 10%;
              margin-bottom:1em;
              letter-spacing:6px;
              font-size: 18px;
              color:#0000FF; }
.h2k          { margin-top: 1em;
              margin-left: 10%;
              margin-bottom:0.5em;
              font-size: 16px;
              color:#000000; }

/* #mitte td   { font-size: 2.5em;  vertical-align: top; color:#0000FF; }
#mitteg td  { font-size: 1.8em; vertical-align: middle; color:#0000FF; } */
#mitteR td  { font-size: 20px;
              color:#0000FF;
            }

.answer      { margin-left: 5%;
              color:#800000;
              font-style:italic;
              letter-spacing:1px;
              font-size: 15px;}

img         { margin-top: 0em; }

#htmltagcloud{

/******************************************
 * CUSTOMIZE CLOUD CSS BELOW (optional)
 */
        font-size: 60%;
        width: 70%;                /* auto or fixed width, e.g. 500px   */
        font-family:'lucida grande','trebuchet ms',arial,helvetica,sans-serif;
        background-color:#fff;
        margin:1em 1em 0 1em;
        border:0;
        padding:2em;
/******************************************
 * END CUSTOMIZE
 */
}

#htmltagcloud{line-height:2.4em;word-spacing:normal;letter-spacing:normal;text-transform:none;text-align:justify;text-indent:0}
#htmltagcloud a:link{text-decoration:none}
#htmltagcloud a:visited{text-decoration:none}
#htmltagcloud a:hover{color:white;background-color:#05f}
#htmltagcloud a:active{color:white;background-color:#03d}
.wrd{padding:0;position:relative}
.wrd a{text-decoration:none}
.tagcloud0{font-size:1.0em;color:#ACC1F3;z-index:10}
.tagcloud0 a{color:#ACC1F3}
.tagcloud1{font-size:1.4em;color:#ACC1F3;z-index:9}
.tagcloud1 a{color:#ACC1F3}
.tagcloud2{font-size:1.8em;color:#86A0DC;z-index:8}
.tagcloud2 a{color:#86A0DC}
.tagcloud3{font-size:2.2em;color:#86A0DC;z-index:7}
.tagcloud3 a{color:#86A0DC}
.tagcloud4{font-size:2.6em;color:#607EC5;z-index:6}
.tagcloud4 a{color:#607EC5}
.tagcloud5{font-size:3.0em;color:#607EC5;z-index:5}
.tagcloud5 a{color:#607EC5}
.tagcloud6{font-size:3.3em;color:#4C6DB9;z-index:4}
.tagcloud6 a{color:#4C6DB9}
.tagcloud7{font-size:3.6em;color:#395CAE;z-index:3}
.tagcloud7 a{color:#395CAE}
.tagcloud8{font-size:3.9em;color:#264CA2;z-index:2}
.tagcloud8 a{color:#264CA2}
.tagcloud9{font-size:4.2em;color:#133B97;z-index:1}
.tagcloud9 a{color:#133B97}
.tagcloud10{font-size:4.5em;color:#002A8B;z-index:0}
.tagcloud10 a{color:#002A8B}
.freq{font-size:10pt !important;color:#bbb}
#credit{text-align:center;color:#333;margin-bottom:0.6em;font:0.7em 'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif}
#credit a:link{color:#777;text-decoration:none}
#credit a:visited{color:#777;text-decoration:none}
#credit a:hover{color:white;background-color:#05f}
#credit a:active{text-decoration:underline}