<!--
/* Use this tag for green headers with no link and no popup text.*/
div.header1 {display: block; text-align: left; font: bold 14px sans-serif; 
   padding: 4px; margin: 1px; border-width: 0; 
   text-decoration: none; color: #387c3f; background: #FFFFFF;
   border-bottom: 1px solid #505050;}

div.text {
    font: 12px Verdana, sans-serif;
    text-decoration: none;
    line-height: 14px;
}

div.header {font-family: Verdana, sans-serif; 
   z-index: 100;}

div.header a {display: block; text-align: left; font: bold 14px sans-serif; 
   padding: 4px; margin: 1px; border-width: 0; 
   text-decoration: none; color: #387c3f; background: #FFFFFF;
   border-bottom: 1px solid #505050;}

/* dem 20jun04 Changed hover color to red. */
div.header a:hover {color: red; background: #ffffcc; font-weight: bold;
   border-left: 1px solid #ffffcc;
   border-right: 4px solid #ffffcc;}

/* dem 21sep04  For "Hot Topics".  Regular clickable header but red. */
div.hotheader a {display: block; text-align: left; font: bold 14px sans-serif; 
   padding: 4px; margin: 1px; border-width: 0; 
   text-decoration: none; color: red; background: #FFFFFF;
   border-bottom: 1px solid #505050;}

div.hotheader a:hover {color: #387c3f; background: #ffffcc; font-weight: bold;
   border-left: 1px solid #ffffcc;
   border-right: 4px solid #ffffcc;}

/* dem 14jul04  A green section header that isn't clickable but has
    popup text when moused-over.  Must have <a href="#"> for this to work. */
div.deadheader a {display: block; text-align: left; font: bold 14px 
   sans-serif; padding: 4px; margin: 1px; border-width: 0; 
   text-decoration: none; color: #387c3f; background: #FFFFFF;
   border-bottom: 1px solid #505050;}

div.deadheader a:hover {color: #387c3f; background: #ffffff;
   border-left: 0px solid #ffffff;
   border-right: 4px solid #ffffff;}

div.deadheader a span.span1 {display: none;}

div.deadheader a:hover span.span1 {display: block;
   position: absolute; top: 11em; left: 152px; width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
   color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.deadheader a span.span2 {display: none;}

div.deadheader a:hover span.span2 {display: block;
   position: absolute; top: 34em; left: 152px; width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
   color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.deadheader a span.span3 {display: none;}

div.deadheader a:hover span.span3 {display: block;
   position: absolute; top: 42em; left: 152px; width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.rmenu1 {position: relative;}
div.rmenu2 {position: static;}
div.rmenu3 {position: static;}
div.rmenu4 {position: static;}

div.deadheader a span.span4 {display: none;}

div.deadheader a:hover span.span4 {display: block;
   position: absolute; top: 62em; left: 152px; width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
   color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.header a span.span5 {display: none;}

div.header a:hover span.span5 {display: block;
   position: absolute; top: 74em; left: 152px; width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
   color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.header a span.span6 {display: none;}

div.header a:hover span.span6 {display: block;
   position: absolute; top: 76em; left: 152px; width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
   color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.deadheader a span.span7 {display: none;}

div.deadheader a:hover span.span7 {display: block;
   position: absolute; top: 27em; left: 152px; width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.header a span.span8 {display: none;}
div.header a:hover span.span8 {display: block;
   position: absolute; top: 280px; left: 504px;  width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
   color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.header a span.span9 {display: none;}

div.header a:hover span.span9 {display: block;
   position: absolute; top: 370px; left: 504px; width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
   color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.header a span.span10 {display: none;}

div.header a:hover span.span10 {display: block;
   position: absolute; top: 480px; left: 504px; width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
   color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.links {font: small Verdana, sans-serif; 
   z-index: 100;}

div.links a {display: block; text-align: left; font: 12px sans-serif; 
   padding: 2px; margin: 1px; border-width: 0; 
   text-decoration: none; color: black; background: #FFFFFF;
   border-bottom: 1px solid #505050;}

div.links a span.span11 {display: none;}

div.links a:hover span.span11 {display: block; 
   position: absolute; top: 37em; left: 152px; width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
   color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.links a span.span12 {display: none;}

div.links a:hover span.span12 {display: block; 
   position: absolute; top: 42em; left: 152px; width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
   color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.header a span.span13 {display: none;}

div.header a:hover span.span13 {display: block;
   position: absolute; top: 170px; left: 550px; width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
   color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.links a span.span14 {display: none;}

div.links a:hover span.span14 {display: block;
   position: absolute; top: 36em; left: 152px; width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
   color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.links a span.span15 {display: none;}

div.links a:hover span.span15 {display: block;
   position: absolute; top: 24em; left: 152px; width: 240px;
   padding: 5px; margin: 1px; z-index: 100;
   color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}

div.links a span.span16 {display: none;}

div.links a:hover span.span16 {display: block;
   position: absolute; top: 70em; left: 152px; width: 148px;
   padding: 5px; margin: 1px; z-index: 100;
   color: #003300; background: #ffffcc;
   font: 12px Verdana, sans-serif;}


/* dem 20jun04 "font: bold" doesn't work in Netscape 6.2. */
div.links a:hover {font-weight: bold; color: #003399; background: #ffffcc;}

div.bone {position: relative;}

H3
{
font-family: sans-serif;
font-size: 18px;
   }

/* dem 31jul06  Need something for H2 in Firefox.  */
H2
{
font-family: sans-serif;
font-size: 24px;
font-weight: bold;
   }



body {background-color: rgb(255, 255, 255);
margin-top: 0;
margin-left: 0;
margin-right: 13px;
font-family: sans-serif;
font-weight: normal;
font-size: 12px; }

img
{
font-family:sans-serif;
font-size: 80%;
background-color: #ffffff;
   }

.smalltext {font-size: 12px;}

.HelpLink
{
        font-family:  sans-serif;
        font-size: 11px;
        font-weight: normal;}

/* This is much better for report.cgi, but GG2/index.html isn't as good.
*/
table.main {font-family:  sans-serif;
        font-size: 13px;}

table.main a {font-family:  sans-serif;
        font-size: 13px;}

table.menu {font-family:  sans-serif;
        font-size: 12px;}

table.menu a {font-family:  sans-serif;
        font-size: 12px;}

td.refs {font-family:  sans-serif;
        font-size: 11px;
        font-weight: normal;}

div.feature {font: bold 16px sans-serif;}

/* Prevent the bullet-lists from indenting too much. (Works in MS IE only, 
   apparently.)    
   dem 3nov05: Maybe fixed, see below.  This version retained temporarily
      for testing.
*/
ul.icky {
    margin-left: 15px;
    list-style-type: disc;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 16px;
}

/* Prevent the bullet-lists from indenting too much.
   New version, seems to work in FireFox too. */
ul {
    padding-left: 0px;
    margin-left: 15px;
    list-style-type: disc;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 16px;
}

/* dlh ul menus */

div.leftmenu{
   display: block;
   width:150px;padding: 0;padding-right:5;
   position: absolute; left: 0px; top: 155px;
   z-index: 7;
   font-family:verdana, arial, helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   line-height: 25px;
   }

div.leftmenu span {
   display: block;
   padding:0;
   /*position: absolute; left: 0px; top: 0px;*/
   top: 2px;
   z-index: 0;
   font-family:verdana, arial, helvetica, sans-serif;
   font-size: 12pt;
   font-weight: bold;
   height:25px;
   width:200px;
   text-align:center;
   line-height: 25px;
   /*vertical-align: text-bottom;*/
   color: black;
   background-color: #ffffcc;
}
.leftmenu ul h3{
   font-family:verdana, arial, helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   line-height: 25px;

}

.leftmenu ul {
        list-style: none;
        padding: 0px;
        margin: 0;

}

.leftmenu ul li a {
      display:block;
      text-decoration: none;
      font-family: Verdana, sans-serif;
      font-weight: normal;
      color: black;
      font-size: 12px;
      line-height: 20px;
      padding: 1px;
}

/* leftmenu hover = red, firefox only */
.leftmenu ul li a:hover {
      display: block;
      font-weight: normal;
      color: black;
      background-color: #ffffcc;
}

/* this makes the leftmenu stay colored in firefox */
.leftmenu li:hover a {
      /*display: block;*/
      font-weight: normal;
      color: black;
      /*border-right: 100px solid transparent;*/
      background-color: #ffffcc;
      /*width: 200px;*/
}

.leftmenu li {
        float: left;
        position: relative;
        width: 190px;
        text-align: left;
        text-indent: 10px;
        cursor: default;
}

.leftmenu li ul {
        display: none;
        position: absolute;
        width: 120px;
}

.leftmenu li ul li {
      margin-left: 0px;
      left: expression('170px');
      top: expression('-22px');
      /*background: url(images/menu_bg_small.jpg) repeat top left;*/
}


.leftmenu li>ul {
        top: 0px;
        top: expression('0px');
        left: 160px;
}

.leftmenu ul a {
      text-decoration: none;
      font-family: Verdana, sans-serif;
      font-weight: normal;

}

/* drop down menu base */
.leftmenu ul li li a {
        display: block;
        font-weight: normal;
        padding: 1px 5px;
        text-indent: 0;
        width: 100px;
        width: expression('130px');
        background-color: #ffffcc;
        color: white;

}

/* drop down menu base when hover */
.leftmenu ul li li a:hover {
        display: block;
        padding: 0px 0px;
        border: 5px solid #000033;
        border-width: 1px 5px;
}

.leftmenu li:hover ul, li.over {
        display: block;
        z-index: 100;
}



-->


