body {
    color:#000000;
/*    background:#99ffcc;*/
/*    background:#ccccff;*/
    margin-left: 0; 
    margin-right: 0;
    margin-top: 0;
    font-family: monospace;
}

h1 { 
  padding:15px 0px 6px 40px;
  color:#ffffff;
  background:#0000ff;
  font:normal bold 300% Verdana,Sans-Serif;
  letter-spacing:-2px;
/*  margin-left: -10%;
  margin-right: -10%;*/
  margin-top: 0;
  margin-bottom: 0;
} 
  
h2 {
  color: #cc0066;
  font:normal bold 125% Verdana,Sans-Serif;
  margin-bottom: 4px;
}

h3 { 
  padding:6px 0px 4px 5%;
  color:#000000;
  background:#9999ff;
  font:normal bold 100% Verdana,Sans-Serif;
/*  margin-left: -10%;
  margin-right: -10%;*/
  margin-top: 0;
  margin-bottom: 0;
} 

.fnt7 {
font:normal 11px Verdana,Sans-Serif;
}
.fnt8 {
font:normal 14px Verdana,Sans-Serif;
}
.sinkbox {
margin:0 30px 4px 30px;
padding:4px;
background-color:#d8d8ff;
text-align:center;
border-left:1px solid #666;
border-top:1px solid #333;
border-right:1px solid #f0f0f0;
border-bottom:1px solid #f8f8f8;
}

em { font-style: italic;}

p {
  font:normal 100% Verdana, Sans-Serif;
  }

p.warn {
  color:#000000;
  background:#ffffff;
  margin:0 5px 0 4%;
  font:normal 100% Verdana, Sans-Serif;
  padding:10px 10px 10px 10px;
  }
span.w2 {
  color: #cc0066;
  font:normal bold 150% Verdana, Sans-Serif;
  margin-bottom: 0;
  }
  
p.c1 {
  color:#0000ff;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 5px;
  margin-right: 3px;
  font:normal bold 90% Verdana,Sans-Serif;
  }
span.c2 {
  color:#000000;
  font:normal 90% Verdana, Sans Serif;
  }
span.alert {
  color:#ff0000;
  font:normal bold 90% Verdana, Sans Serif;
  }

p.t1 {
  color: #cc0066;
  font:normal bold 125% Verdana,Sans-Serif;
  }
span.t2 {
  color:#cc0066;
  font:normal 90% Verdana, Sans Serif;
  }
span.t3 {
  color:#000000;
  font:normal 80% Verdana, Sans Serif;
  }

p.reg {
  color:#000000;
  font:normal 100% Verdana, Sans Serif;
  margin-left: 4%;
/*  margin: 4px 8px 4px 4%; */
  }
span.regr {
  color:#cc0066;
  font: bold 100% Verdana, Sans Serif;
  }
span.zone {
  color:#0000ff;
  font:normal 100% Verdana, Sans Serif;
  }
span.mono {
  font:normal 100% monospace;
  }

p.eg {
  color:#000000;
  font:normal 100% Verdana, Sans Serif;
  margin-left: 4%; 
  }
p.err {
  color:red;
  font:normal 115% Verdana, Sans Serif;
  }
p.title {
  font:normal 200% Verdana, Sans Serif;
  color:#cc0066;
  }
p.date {
  font:normal 200% monospace;
  }
p.sec {
  font:normal 300% monospace;
  }
p.coverup {
  font:normal 150% Verdana, Sans Serif;
  color:#0000ff;
  background:#0000ff;
  }

.TstZ {
position:absolute;
padding:0;
margin:0;
visibility:hidden;
}
.rev {
color:#000000;
font:normal 60% Verdana,Sans-Serif;
}

div#warn {
    margin:0px 0px 0px 5%;
    padding:0px 5px 0px 10px;
    background:#ffffff;
    text-align:left;
    width: 90%;
    border-left: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
    border-right: solid 2px #666666;
    border-bottom: solid 3px #666666;
/*    word-wrap: break-word; */
  } 

div#rtbar {
    border-left: solid 1px #000000;
    padding:0px 5px 0px 10px;
  } 

div#bgleft {
    background-image: url(images/b.gif);
}

div#dpleft {
    background-image: url(images/bg_.gif);
    background-position: top left;
    background-repeat: repeat-y;
}

@media all  {
  div#grp_main {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
/*    float: center; */
    width: 100%;
  } 
  div#grp_left {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float: left;
    width: 75%;
  } 
  div#contents {
    padding:0px 5px 0px 10px;
    text-align:left;
    background:#ffffff;
    border-left: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
    border-right: solid 2px #666666;
    border-bottom: solid 3px #666666;
/*    word-wrap: break-word; */
  } 
  div#link116x36 {
    margin: 5px 0 5px 0;
    float: left;
    width: 116px;
    height: 36px;
    border-right: solid 2px #666666;
    border-bottom: solid 3px #666666;
  } 
  div#grp_right {
    background:#cccccc;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float: right;
    width: 25%;
  } 
  div#notes {
    margin-bottom: 5px;
    padding: 0px 5px 0px 10px;
    background:#cccccc;
    border-right: solid 2px #666666;
    border-bottom: solid 3px #666666;
/*    word-wrap: break-word; */
    overflow: hidden;
  } 
  div#feedback {
    padding: 0px 5px 0px 10px;
    background:#ffcccc;
    border-right: solid 2px #666666;
    border-bottom: solid 3px #666666;
/*    word-wrap: break-word; */
    overflow: hidden;
  } 
  div#general {
    margin:0px 3px 0px 30px;
    padding:0px 0px 0px 0px;
    text-align:left;
    float: left;
/*    word-wrap: break-word; */
  } 
  div#gen2 {
    margin:0px 6px 0px 30px;
    padding:0px 0px 0px 0px;
    text-align:left;
  } 
  div#gen3 {
    margin:0px 6px 0px 6px;
    padding:0px 10px 0px 10px;
    text-align:left;
  } 
} 
                        
@media handheld  {
  div#contents {
    background:#ffffff;
    padding:30px 7% 10px 3%;
  }                          
  div#notes {
   background:#cccccc;
   float:none;
   width:90%; 
 } 
  div#spacer {
   float:none;
   width:90%; 
 } 
  div#link116x36 {
   float:none;
   width:90%; 
 } 
  div#general {
   width:100%; 
  }                          
  div#gen2 {
   width:100%; 
  }                          
}
