/* style sheet for template file hh_template.inc */

/* Top banner table */
table.bannertable { background-image: url(graphics/hh_banner_bg_20x105.gif);
                    width: 100%;
                    height: 105px;
                  }
td.bannerlogo     { vertical-align: top;
                    padding-right: 10px;
                  }
td.banner         { width: 100%;
                    text-align: center;
                    padding: 0px 0px 0px 0px;
                    color: #ffffff;
                    font: bold 16px Arial;
                  }

/* Base table (entire webpage) */
table.basetable   { width: 100%;
                  }

td.options        { 
                    border-right : 2px solid #808080;
                    width: 110px;
                    padding: 0px 0px 0px 0px; 
                    text-align: center;
                    vertical-align: top;
                    background-color: #e1e1e1;
                  }
td.main           { 
                    padding: 0px 0px 0px 0px;
                    vertical-align: top;
                  }

/* Left navigation panel */
.link    { text-align: center;
           font : 12px Arial, Helvetica, sans-serif;
           border-bottom: 1px solid #ffffff;
           background-color: #e1e1e1;
           padding: 2px 0px 2px 0px; 
/*         cursor: pointer; cursor: hand; */
         }

.link      a:link     {color: #000080 ;  text-decoration: none; font-weight: bold; }
.link      a:visited  {color: #000080 ;  text-decoration: none; font-weight: bold; }
.link      a:active   {color: #ff0000 ;  text-decoration: none; font-weight: bold; }
.link      a:hover    {color: #000000 ;  text-decoration: none; font-weight: bold; }

.nonlink { text-align: center;
           font : bold 12px Arial, Helvetica, sans-serif;
           border-bottom: 1px solid #ffffff;
           background-color: #c6c6ee;
           padding: 2px 0px 2px 0px; 
         }

.lvl2menu { text-align: left;
           font : 12px Arial, Helvetica, sans-serif;
           border-top: 1px solid #ffffff;
           border-left: 1px solid #ffffff;
           border-right: 1px solid #ffffff;
           background-color: #e1e1e1;
           padding: 2px 0px 2px 5px; 
         }

.lvl2menu  a:link     {color: #000080 ;  text-decoration: none; }
.lvl2menu  a:visited  {color: #000080 ;  text-decoration: none; }
.lvl2menu  a:active   {color: #ff0000 ;  text-decoration: none; }
.lvl2menu  a:hover    {color: #000000 ;  text-decoration: none; }

/* set properties for Add to Favorites link */
a.fav:link   {color: #800000;  text-decoration: underline; font-family: arial; font-size: 9pt; font-weight: bold}
a.fav:visited{color: #800000;  text-decoration: underline; font-family: arial; font-size: 9pt; font-weight: bold}
a.fav:active {color: #ff0000;  text-decoration: none; font-family: arial; font-size: 9pt; font-weight: bold}
a.fav:hover  {color: #ff0000;  text-decoration: none; font-family: arial; font-size: 9pt; font-weight: bold}

/* set properties for bottom nav bar links - dark blue with no underlines */
a.bottomnav:link     {color: #000090 ;  text-decoration: none; font-weight: bold}
a.bottomnav:visited  {color: #000090 ;  text-decoration: none; font-weight: bold}
a.bottomnav:active   {color: #ff0000 ;  text-decoration: none; font-weight: bold}
a.bottomnav:hover    {color: #ff0000 ;  text-decoration: none; font-weight: bold }

/* properties for photos displayed down left side */

.nav_photos {padding-top: 5px;
             padding-bottom: 0px;
            }    
.nav_jp_photo {padding-top: 0px;
               padding-bottom: 0px;
               border-top: solid 3px #000000; 
               border-bottom: solid 3px #000000; 
               border-right: solid 3px #000000; 
               border-left: solid 3px #000000; 
              }

/* set properties for bottom nav bar */

td.navbar { border-top: solid 1px #808080;
            border-bottom: solid 1px #808080;
            height: 20px;
            text-align: center;
            padding: 0px 0px 0px 0px;
            background-image: url(graphics/hh_tab_head.gif);
            font: bold 11px Arial;
          } 
