#main {
   border: 1px solid #666;
   clear: both;
   background: #D6E7FF;/*mainpage tab base color*/
   padding-top: 2em;
}

#contents {
   padding:0.5em;
   padding-top: 1.0em;
   background: #FFFFFF; /*background content color of the selected tab*/
   min-height: 300px;
}

#header {
   position: relative;
   width: 100%;
   height: 3em;
   width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary {
   margin: 0;
   padding: 0;
   position: absolute;
   bottom: -1px;
   width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary li  {
   display: inline;
   list-style: none;
   line-height:100%;
}

#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
   width: 8em;
   display: block;
   float: left;
   padding: 4px 0;
   margin: 1px 2px 0 0;
   text-align: center;
/*   font-family: tahoma, verdana, sans-serif;   */
    font-family: verdana;
   font-size: 85%;
   text-decoration: none;
   color: #000; /*Font color in the tab*/
}

#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
   border: 1px solid #666;
   border-bottom: none;
   background: #D6E7FF; /* color of selected tab head */
   padding-bottom: 6px;
   margin-top: 0;
}

#header ul#primary a {
   background: #9CBEFF;  /* background color of unselected tabs*/
   border: 1px solid #AAA;
   border-bottom: none;
}

#header ul#primary a:hover {
   margin-top: 0;
   border-color: #666;
   background: #7396E7;  /*tab background a hover color*/
   color:#FFFFFF;
   padding-bottom: 5px;
}

#header ul#secondary {
   position: absolute;
   margin: 0;
   padding: 0;
   bottom: -1.4em;
   left: 1px;
   width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#secondary li a,#header ul#secondary li span {
   width: auto;
   display: block;
   float: left;
   padding: 0 10px;
   margin: 0;
   text-align: justify;  /*changed for css*/
   border: none;
   border-right: 1px dotted #AAA;
   background: none;

}

#header ul#secondary li a {
   color: #333333;
   text-decoration: underline;
}

#header ul#secondary li a:hover {
   color: #CE0000;
   background: transparent;
   padding: 0 10px;
   border: none;
   border-right: 1px dotted #AAA;
}

#header ul#secondary li a:active {
   color: #000;
   background: transparent;
}

#header ul#secondary li:last-child a { border: none; }
