/*  frame.css */

@import "base.css";

/* banner */

#banner {
   height: 75px;
   width: 99%;
   margin: auto;
   border-style: ridge;
   border-width: 5px;
   border-color:  gold;   /*#eb8d0c;*/
   background-image: url(../images/genbkg.gif);
   color: gold;
   line-height: 75px; 
   text-align: center;
}

#title {
  width: 100%;
  max-height: 75px;
  max-width: 1000px;
  margin: auto;
  vertical-align: middle;
}

/*navigation*/

#navbar {
   background-image: url(../images/genbkg.gif);
   border-right: 2px solid var(--bdcolour);
   width: 200px;
   height: 2000px;
\*   scrollbars: no;  *\
   overflow-y: hidden;
}

#tabs {
   color: #fff;
   list-style-type: none;
}

#tabs li {
   margin: 5px 0px 5px -35px;
}

#tabs li a { 
   display: block;
   width: 136px;
   color: black;
   background: var(--bgcolour);   
   text-decoration: none;
   border: 2px  solid var(--bdcolour);
   border-top-left-radius: 7px;
   border-bottom-left-radius: 7px;
   padding-left: 5px;
   font-family: Arial, Helvitica, sans-serif;
   font-size: 13pt;
}

#tabs li a.normal {
  background: var(--bdcolour);
}
#tabs li a:hover {
  background: var(--bgcolour);
}
#tabs li a.selected {
  background: var(--bgcolour);
  border-right-color: var(--bgcolour);
}
#tabs li a:active {
  background: var(--bgcolour);
  border-right-color: var(--bgcolour);
}
#tabs li.hidden a {
 /* visibility: hidden; */
  background: none;
 border: none;
}