body      { background: rgb(255,255,255); font-family: Arial,sans-serif; }

#flushleft{ position: absolute; top: 0px; left: 0px; width: 800px; z-index: 1;}

div.thininfobox{ float: left; width: 202px; margin: 2px; 
            padding: 2px; border: thin solid gray;}
  .fatinfobox{ float: left; width: 562px; margin: 2px; 
            padding: 2px; border: thin solid gray;}
  .thinborderlessinfobox{ float: left; width: 204px; margin: 2px; 
                      padding: 2px; border: none;}  
  .medborderlessinfobox{ float: left; width: 384px; margin: 2px; 
            padding: 2px; border: none;}            
  .fatborderlessinfobox{ float: left; width: 564px; margin: 2px; 
                      padding: 2px; border: none; z-index:0;} 
  .fullinfobox{ float: left; width: 778px; margin: 2px; 
               padding: 2px; border: thin solid gray;}
  .fullborderlessinfobox{ float: left; width: 778px; margin: 2px; 
               padding: 2px; border: none;}
  .titlebox{ float: left; width: 779px; margin: 2px 0 0 2px; padding: 0 0 0 3px; 
             border: thin solid black;
             font-family:Arial, sans-serif; font-weight: bold; 
             font-size: 12px; background: rgb(160,160,255); color:white; clear:both;}
  .medtitlebox{ float: left; width: 386px; margin: 2px 0 0 2px; padding: 0 0 0 3px; 
             border: thin solid black;
             font-family:Arial, sans-serif; font-weight: bold; 
             font-size: 12px; background: rgb(160,160,255); color:white;}
  .thintitlebox{ float: left; width: 202px; margin: 2px; padding: 0 0 0 3px; 
             border: thin solid black;
             font-family:Arial, sans-serif; font-weight: bold; 
             font-size: 12px; background: rgb(160,160,255); color:white;}
  .fattitlebox{ float: left; width: 568px; margin: 2px; padding: 0 0 0 3px; 
             border: thin solid black;
             font-family:Arial, sans-serif; font-weight: bold; 
             font-size: 12px; background: rgb(160,160,255); color:white; }
  .fulltitlebox{ float: left; width: 778px; margin: 2px; padding: 0 0 0 3px; 
             border: thin solid black;
             font-family:Arial, sans-serif; font-weight: bold; 
             font-size: 12px; background: rgb(160,160,255); color:white; }
   .bottom{ float: left; width: 778px; margin:12px 0 0 2px; border-top:thin solid gray;
            clear: both; font-size: 10px; color:rgb(128,128,128); text-align:center;}
   .leftdiv{ float: left; margin: 2px; padding: 1px 12px 3px 0px; border: none; }
   .rightdiv{ float: right; margin: 2px; padding: 1px 0px 3px 12px; border: none; }
             
p{ font-size: 11px;color:rgb(0,0,64); margin: 4px 5px 3px 2px; text-align:justify; }
.hang{ margin-left:12px; text-indent:-12px; }
.indenthang{ margin-left:24px; text-indent:-12px; }
.indent1{ margin:0 0 0 12px; }
.indent2{ margin:0 0 0 24px;  }
.indent3{ margin:0 0 0 36px;  }
.indentb1{ margin:0 0 6px 12px; }
.indentb2{ margin:0 0 6px 24px;  }
.indentb3{ margin:0 0 6px 36px;  }
.contentsbig{ font-size: 14px; font-weight:bold; color:rgb(0,0,64); margin: 12px 0 0 2px; text-align:left; }
.contentsmed{ font-size: 12px; font-weight:bold; color:rgb(0,0,64); margin: 6px 0 0 11px; text-align:left; }
.contentssmall{ font-size: 11px; color:rgb(0,0,64); margin: 0 0 0 20px; text-align:left; }
.figcap{ font-size: 10px; font-style:italic; color:rgb(0,0,64); margin: 0px 0 2px 0; text-align:left; }
.starhuge{ font-size: 20px; font-weight:bold; margin:6px 0 10px 6px; }
.starhdr{ font-size: 14px; font-weight:bold; margin:6px 0 10px 15px; }
.starres{ font-size: 12px; font-weight:bold; margin:0 0 0 30px; }
.starnote{ font-size: 12px; margin:0 0 3px 40px; text-indent:-13px; }
.small{ font-size:10px; margin:0 0 0 30px; }
.data{ font-family:Courier; font-size:10px; margin:0 0 0 30px; }

h1{ font-size:16px; font-weight:bold; text-indent:0px; margin: 3px 0 3px 2px;  }
h2{ font-size:14px; font-weight:bold; text-indent:0px; margin: 3px 0 3px 2px;  }
h3{ font-size:12px; font-weight:bold; text-indent:0px; margin: 12px 0 3px 2px;  }
h4{ font-size:11px; font-weight:bold; font-style:italic; text-indent:0px; margin: 6px 0 3px 2px;  }

img { margin:0; }
.floatright   { float:right; margin-top:0px; margin-left:15px; margin-bottom:3px; }
.floatleft   { float:left; margin-top:0px; margin-right:15px; margin-bottom:3px; }

span.italic{ font-style: italic; }
.gray{ color: rgb(160,160,160); }
.green{ color: rgb(0,128,0); }
.red{ color: rgb(255,0,0); }
.bold{ font-weight:bold; }
.code{ font-family:Courier; font-weight:bold; }
.greenital{ color:green; font-style:italic}
.grayital{ color: rgb(160,160,160); font-style:italic}
.brownital{ color: rgb(128,0,0); font-style:italic}
.blueital{ color: rgb(0,0,160); font-style:italic}
.orangeital{ color: rgb(255,96,96); font-style:italic}

a{ text-decoration:none; }
.thread{ color: rgb(0,128,0); font-weight:bold; background: rgb(192,224,192); }
.techthread{ color: rgb(224,0,0); font-weight:bold; background: rgb(224,192,192); }

a:hover{ text-decoration:underline; }

a.tt{
    position:relative;
    z-index:24;
    color:#0000ff;
	 font-weight:bold;
    text-decoration:none;
    height: 90px;
    vertical-align:bottom;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #6666ff; background:yellow;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
 	 padding: 15px 0 0 0;
 	 width:200px;
	 color: #2222ff;
    text-align: justify;
    text-decoration: none;
    
}
a.tt:hover span.bubble{
	display: block;
   font-size:10px;
   font-weight:normal;
   height: 130px;
	padding: 30px 8px 0;
   background: url(gr/bubble.gif) no-repeat top;
}

th{ font-size: 12px; font-weight:bold; text-align:left; }
td{ font-size: 10px; text-align:left; vertical-align:top; width:80px;}
.right{ text-align:right; }
.thin{ width:20%; }
.thick{ width:60%; }
.suntable1{ font-size:16px; font-weight:bold; color:rgb(0,128,0); }
.suntable2{ font-size:16px; font-weight:bold; text-align:right;  }