/* ======== Latest Revision: 20070520 ======== */

   body {
   	     margin : 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
        }

/*  ======================= Banner (top) table  ========../graphics/hh_banner_bg.gif=============== */

   table.bannertable { background-image: url(../graphics/hh_banner_bg_20x105.gif);
                       width: 100%;
                       height: 105px;
                     }
   td.banner { width: 100%;
               text-align : center;
               padding: 0px 0px 0px 0px;           
               color: #1c1c1c;
             }
   td.logo   { width: 95px;
               height: 95px;
               vertical-align: top;
             }


     .date   { color: #000000;
               text-align: right;
               font : italic 11px Arial, Helvetica, sans-serif;
               white-space: pre;
             }
/* ======================= Photo head Table  ======================= */

   table.photohead { width: 770px;
                     margin-top:    3px;
                     margin-bottom: 0px;
                   }
      td.sml_photo { width: 110px;
                     height: 100px;
                     padding: 0px 0px 0px 0px;
                   }
/* ======================= Main Table  ======================= */

   table.maintable { width: 770px;
                     margin-top : 0px;
                   }

         .lefttd   { background-color: #c6c6ee;
                     width: 215px;
                     padding: 0px 0px 0px 0px; 
                     border-right : 2px solid #808080;
                     border-left  : 1px solid #000080;
                     vertical-align: top;
                   }

         .middletd { background-color: #c6c6ee;
                     /* width should be 420 but IE6 doesn't display the background correctly in the .mainhead */
                     width: 422px;
                     border-left  : 0px solid #808080;
                     border-right : 0px solid #808080;
                     padding: 0px 0px 0px 0px; 
                     vertical-align: top;
                   }

         .reporttd { background-color: #c6c6ee ;
                     width: 631px;
                     padding: 0px 0px 0px 0px; 
                     border-left  : 1px solid #808080;
                     vertical-align: top;
                   }

         .righttd  { background: #c6c6ee;
                     width: 137px;
                     padding: 0px 0px 0px 0px; 
                     text-align: center;
                     border-left : 2px solid #808080;
                     border-right: 1px solid #000080;
                     height: 100%;
                     vertical-align: top;
                   }

/* ======================= Table header and footer background-image: url(hh_tab_head.gif);====================== */

         .mainhead { background-image: url(hh_tab_head.gif);
                     color: #ff0000; 
                     font : bold 17px Arial, Helvetica, sans-serif;               
                     text-align: center;
                     border-bottom: 1px solid #ffffff; 
                     border-top: 1px solid #ffffff; 
                     height: 20px;
                   }
 
         .mainfoot { background-color: #ffffff;
                     color: #000080; 
                     font : normal 12px Comic Sans MS;               
                     text-align: left;
                     height: 58px;
                     vertical-align: top;
                     border-top:1px solid #808080;
                     padding: 5px 0px 0px 3px;
                   }

         .sg       { background-color: #ffffff;
                     font : normal 10px Arial;
                     color: #000000;
                     text-align: center;
                     border :1px solid #808080;
                   }


         .join  { font-style : italic;
                  font-family: Arial, Helvetica, sans-serif;
                }
.join a:link     {color: #0000ff ;  text-decoration: underline; }
.join a:visited  {color: #0000ff ;  text-decoration: underline; }
.join a:active   {color: #ff0000 ;  text-decoration: none; }
.join a:hover    {color: #ff0000 ;  text-decoration: none; }

         .join1  { font: bold 12px Arial, Helvetica, sans-serif
                 }
.join1 a:link     {color: #0000ff ;  text-decoration: underline; }
.join1 a:visited  {color: #0000ff ;  text-decoration: underline; }
.join1 a:active   {color: #0000ff ;  text-decoration: underline; }
.join1 a:hover    {color: #000000 ;  text-decoration: none; }

/* ==================== Left box ============================== */

        .odd        { background-color: #e1e1ff; }

        .even       { background-color: #c6c6ee; }

        .event_date { 
                      width: 50px; 
                      vertical-align: top;
                      color: #000080;
                      font : 11px Arial, Helvetica, sans-serif;
                      padding: 2px 0px 2px 2px; 
                      text-align: left;
                    }

        .event_year { 
                      color: #ffffff;
                      font : bold 11px Arial, Helvetica, sans-serif;
                      text-align: center;
                      background-color: #000080; 
                    }

        .event      { 
                      width: 160px; 
                      color: #000080;
                      font : 11px Arial, Helvetica, sans-serif;
                      padding: 2px 2px 2px 2px; 
                      text-align: left;
                    }

   td.tdphoto       { padding-top: 10px;
                      border-top: 1px solid #000000;
                      text-align: center;
                      font : 11px Arial, Helvetica, sans-serif;
                      color: #000080;
                    }

/* ==================== Middle box ============================== */

   td.bluehead   { height: 20px;
                  font : bold 15px Arial, Helvetica, sans-serif;
                  background-color: #000080;
                  color: #ffffff;
                }


   td.subject   { width: 260px;
                  font : bold 12px Arial, Helvetica, sans-serif;
                  background-color: #e1e1ff;
                  padding-left: 3px; 
                  white-space : pre;
                  text-align : left;
                }

                .subject a:link    {color: #000000 ;  text-decoration: underline; }
                .subject a:visited {color: #000000 ;  text-decoration: underline; }
                .subject a:active  {color: #ff0000 ;  text-decoration: none; }
                .subject a:hover   {color: #ff0000 ;  text-decoration: none; }

   td.author    { width: 162px;
                  font : italic 8pt Arial, Helvetica, sans-serif;
                  background-color: #e1e1ff;
                  text-align: right;
                  padding-right: 3px; 
                  white-space : pre;
                }

   td.repsubject   { width: 431px;
                  height: 20px;
                  font : bold 12px Arial, Helvetica, sans-serif;
                  background-color: #c6c6ee;
                  padding-left: 10px; 
                  white-space : pre;
                  text-align : left;
                  border-top: 1px solid #000000;
                  border-bottom: 1px solid #ffffff;
                }

      .repsubject a:link    {color: #000000 ;  text-decoration: none; }
      .repsubject a:visited {color: #000000 ;  text-decoration: none; }
      .repsubject a:active  {color: #ff0000 ;  text-decoration: none; }
      .repsubject a:hover   {color: #ffffff ;  text-decoration: none; }

   td.repauthor    { width: 200px;
                  font : italic 8pt Arial, Helvetica, sans-serif;
                  background-color: #c6c6ee;
                  text-align: right;
                  padding-right: 3px; 
                  white-space : pre;
                  border-top: 1px solid #000000;
                  border-bottom: 1px solid #ffffff;
                }

   td.news      { 
                  font : normal 12px Arial, Helvetica, sans-serif;
                  background-color : #e1e1ff;
                  border-bottom: 1px solid #000000;
                  padding-left: 3px;
                  padding-right: 3px;
                  text-align: left;
                }

   td.repnews   { 
                  font : normal 12px Arial, Helvetica, sans-serif;
                  padding-left: 40px;
                  padding-right: 40px;
                  text-align: left;
                }

     .Gnews      { 
                  font : normal 12px Arial, Helvetica, sans-serif;
                  background-color : #ffffff;
                  border-top: 0px solid #000000;
/*                  border-bottom: 2px solid #000000; */
                  border-left: 0px solid #000000;
                  border-right: 0px solid #000000;
                  padding: 2px 3px 4px 3px;
                  text-align: left;
                  color: #000000; 
                }
     .training  { 
                  font : normal 11px Arial, Helvetica, sans-serif;
                  background-color : #e1e1ff;
                  border-top: 0px solid #000000;
/*                  border-bottom: 2px solid #000000; */
                  border-left: 0px solid #000000;
                  border-right: 0px solid #000000;
                  padding: 2px 3px 4px 35px;
                  text-align: left;
                  color: #000000; 
                }


     .more      { font: bold 10px Arial, Helvetica, sans-serif;
                  color: #000080;
                } 
/*
         .more  { font-style : italic;
                }
.more a:link     {color: #0000ff ;  text-decoration: none; }
.more a:visited  {color: #0000ff ;  text-decoration: none; }
.more a:active   {color: #ff0000 ;  text-decoration: none; }
.more a:hover    {color: #ff0000 ;  text-decoration: none; }

         .less  { font-style: italic;
                  text-align: center;
                }
.less a:link     {color: #0000ff ;  text-decoration: none; }
.less a:visited  {color: #0000ff ;  text-decoration: none; }
.less a:active   {color: #ff0000 ;  text-decoration: none; }
.less a:hover    {color: #ff0000 ;  text-decoration: none; }
*/

/* ====================== Right box ============================ */

/*        a { text-decoration: none; }  */

        .link { text-align: center;
                font : 10px Arial, Helvetica, sans-serif;
                border-bottom: 2px solid #808080;
                background-color: #e1e1ff;
                padding: 2px 0px 2px 0px; 
/*                cursor: pointer; cursor: hand; */
              }
.link a:link     {color: #000080 ;  text-decoration: none; }
.link a:visited  {color: #000080 ;  text-decoration: none; }
.link a:active   {color: #ff0000 ;  text-decoration: none; }
.link a:hover    {color: #000000 ;  text-decoration: none; }

        .nonlink { text-align: center;
                   font : 10px Arial, Helvetica, sans-serif;
                   border-bottom: 2px solid #808080;
                   background-color: #c6c6ee;
                   padding: 2px 0px 2px 0px; 
              }
/* Small (12px) bold font    */
.font12bold { font: bold 12px Arial; }

/* Small (12px) bold red font    */
.font12redbold { font: bold 12px Arial; color: #ff0000;}

.red      {color: #ff0000;} 
.blue     {color: #0000ff;} 
.gray     {color: #949494;}

/* set properties for text links - blue/red with no underlines */
a.blueredx:link    {color: blue ;  text-decoration: none;}
a.blueredx:visited {color: blue ;  text-decoration: none;}
a.blueredx:active  {color: red  ;  text-decoration: none;}
a.blueredx:hover   {color: red  ;  text-decoration: none;}

/* set properties for text links - blue/red with underlines */
a.blueredul:link    {color: blue ;  text-decoration: underline;}
a.blueredul:visited {color: blue ;  text-decoration: underline;}
a.blueredul:active  {color: red  ;  text-decoration: underline;}
a.blueredul:hover   {color: red  ;  text-decoration: underline;}

/* set properties for text links - black/red with no underlines */
a.blackredx:link    {color: black ;  text-decoration: none;}
a.blackredx:visited {color: black ;  text-decoration: none;}
a.blackredx:active  {color: red   ;  text-decoration: none;}
a.blackredx:hover   {color: red   ;  text-decoration: none;}