html {background: #FFFEDB;}
body {margin:0; padding:0 10px 0 10px; border:0; height:100%; overflow-y:auto; background: transparent; 
font-family: Arial, Times, sans-serif; font-size:1.2em;}
.box1 {margin:20px 100px 2px 85px; height: 500px; display: block; overflow: scroll; background: transparent; padding:2px;}
.box2 {margin:20px 100px 2px 85px; height: 500px; display: block; background: transparent; padding:2px;}
.box3 {margin:2px 100px 10px 85px; height: auto; display: block; text-align: left; 
background: transparent; padding:2px;}
.box4 {float: left; width: 420px; height: 400px; display: block; overflow: scroll; background: transparent; margin: 10px; padding: 5px;}
.box5 {margin: 10px 100px 20px 85px; display: block; background-image: url(bkgimage.gif);
  background-repeat: repeat-x repeat-y; font-family: Arial, Verdana, Helvetica, 
sans-serif; color: #000000; text-align: center; padding: 1px}
.box9 {margin:2px 5px 10px 85px; height: auto; display: block; text-align: left; 
background: transparent; padding:2px;}

.inbox {margin-left: 100px; margin-right: 100px; background: white}
.book {font-weight: 700; text-decoration: underline;}
.famtitle {color: red}
#box6 {margin: 0px 50px 1px 50px; display: block; text-align: left; width auto; border: none; background: #FFFFFF; padding: 10px}
#box7 {margin-top: 80px; margin-left: 80px; padding: 1px; display: block; text-align: left; color: #000000; background: transparent;}
#box8 {margin: 30px 160px 20px 70px; padding: 1px; width: 610px; display: block; text-align: left; color: #000000; 
background: transparent; white-space: pre;}
#boxlet {float: right; padding-left: 8px;}
.boxletleft {float: left; padding-left: 2px;}
h1 {text-align: left font-size: 1.5em; font-weight: bold;}
h2 {text-align: left font-size: 1.3em; font-weight: bold;}
h3 {text-align: left font-size: 1.2em; font-weight: bold;}
h4 {text-align: center; font-size: 1.4em; font-weight: bold;}
h5 {text-align: center; font-size: 1em;}
r {font-weight: bold; color: red;}
bl {font-weight: bold; color: blue;}
gr {font-weight: bold; color: green;}
pre {white-space: pre;}
u { text-decoration: underline }
strong {font-weight: 700;}
sup { vertical-align: super; font-size: 70%;}

#navigation {display: block; top:1px; left:1px; width:70px; position:fixed; padding: 2px; text-align: center; font-size: .8em; 
font-weight:bold; color:#CC33CC; background: transparent; background-image: url(bkgimage.gif); background-repeat: repeat-x repeat-y;}
       
#navigation a:visited, #navigation a {display:block; width:70px; height:40px; margin:0 auto; border-top:1px solid #000000; 
border-bottom:1px solid #000; text-align: left; text-decoration:none; line-height:20px; color:#CC33CC;}
#navigation a:hover {background:#aaa; color:#fff;}

#navigation ul {
      display: none;
      list-style: none;
      margin: 0 0 0 1px;}
    
#navigation ul li {
      display: block;
      padding: 0 0 0 1px;}
    
#navigation:hover ul {
      display: block;
      margin: 0 0 0 30px;
      padding: 0;}


#navigationR {display: block; top:1px; right:30px; width:70px; position:fixed; padding: 2px; text-align: center; font-size: .8em; 
font-weight:bold; color:#CC33CC; background: transparent; background-image: url(bkgimage.gif); background-repeat: repeat-x repeat-y;}
       
#navigationR a:visited, #navigationR a {display:block; width:70px; height:40px; margin:0 auto; border-top:1px solid #000000; 
border-bottom:1px solid #000; text-align: left; text-decoration:none; line-height:20px; color:#CC33CC;}
#navigationR a:hover {background:#aaa; color:#fff;}

#navigationR ul {
      display: none;
      list-style: none;
      margin: 0 0 0 1px;}
    
#navigationR ul li {
      display: block;
      padding: 0 0 0 1px;}
    
#navigationR:hover ul {
      display: block;
      margin: 0 0 0 30px;
      padding: 0;}




.centerpict {display: block; width: 200px; margin-left: auto;
margin-right: auto; padding: 0;}
#fixedpict {display:block; width:108px height:145px; position:fixed; top:40px; left:1000px;}

div.special {background: yellow;}
div.special a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 20px 1px; margin: 0 0 1px; border-width: 1; border-color: black;
   text-decoration: none; color: black; position: relative;}
div.special a:hover {color: red; background: #33CCFF;
   border: none;}

div.special a span {display: none;}
div.special a:hover span {display: block;
   position: absolute; top: 80px; right: -20px; width: 300px;
   padding: 5px; margin: 10px;
   color: black; background: beige;
   font: 16px Ariel, sans-serif; text-align: left; z-index: 99}
 table {background:white; text-align: center; table-layout: fixed; border: 1px; 
 width: 90%;}
 table a {text-decoration: none;}
 caption {background: blue; color: yellow; font-size: 12pt; caption-side: top;}
 tr.heading {height: 30px; background: transparent; color: black; font-size: 10pt; 
 font-weight: 700;}
 tr.heading2 {height: 1px; width: auto; background: #CCCC99; color: #FFFEDB; 
 font-size:10pt; 
 font-weight: 700;}
 .fam1 {background: #FFCC99; font-size: 10pt; font-weight: 400;}
 .fam2 {background: #FFFF99; font-size: 10pt; font-weight: 400; min-height: 50px}
 .fam3 {background: #CCFFFF; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fam4 {background: #99FF99; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fam5 {background: #CCCCFF; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fam6 {background: #00CCCC; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fam7 {background: #FFCC33; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fam8 {background: #FFCCFF; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fam9 {background: #CCCCCC; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fam10 {background: #CCCC00; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fam11 {background: #FFFF66; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fam12 {background: #FFFFBB; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fam13 {background: #FFFFDD; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fam14 {background: #99DD33; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fam15 {background: #00FFFF; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fami0 {background: #CCCC00; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fami1 {background: #FFFF66; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fami2 {background: #FFFF66; font-size: 10pt; font-weight: 400; min-height: 30px}
 .fami4 {background: #99FF66; font-size: 10pt; font-weight: 400; min-height: 30px}

 .nofam {background: #CCCC99; font-size: 10pt; font-weight: 400; min-height: 30px}

 td {min-width: 30px;}
 td.special {background: #FFF000;}
 td.fast {background: red;}

 table2 {width: 30px; background: #CCCC99; empty-cells: show;}
table.center {margin-left:auto; margin-right:auto;}
caption.center {margin-left:auto; margin-right:auto; background:blue; color: yellow; font-size: 12pt; caption-side:top;}