.bbbs
  {border-bottom: 1px #000 solid;}
.btbs
  {border-top:    1px #000 solid;}
.c
  {text-align: center;}
.l
  {text-align: left;}
.r
  {text-align: right;}
a
  {text-decoration: none;}
a:link img
  {border: 0;}
a:visited img
  {border: 0;}
body
  {margin: 0; padding: 0;}
div.b
  {clear: both;}
div.l
  {float: left;}
div.r
  {float: right; text-align: right;}
p
  {margin-bottom: 0; margin-top: 0; text-align: justify; text-indent: 0;}
p+p
  {text-indent: 1em;}
#foot
  {clear: both; padding: 5px; position: relative;}
#lnk1
  {clear: both; padding: 0px; position: relative;}
#lnk2
  {clear: both; padding: 5px; position: relative;}
#logo
  {background-position: right; background-repeat: no-repeat; height: 180px;}
#main
  {float: left; padding-top: 5px; position: relative;}
#main h1, h2, h3, h4, h5, h6, p
  {padding: 0 5px;}
#menu
  {float: left; padding-top: 5px; position: relative; width: 240px;}
#menu ul
  {list-style: none; margin: 0; padding-left: 1em;}
#wrap
  {margin: 0 auto;}
@media print
{
  #menu
  {
  }
}

#lnk1
{
  border-color: #000;
  border-style: solid;
  border-width: 1px 0;
  float: left;
  position: relative;                   /* This can also be fixed or absolute */
  width: 100%;
}

#lnk1 > ul
{
}

#lnk1 ul
{
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  white-space: nowrap;
}
                                        /* add more for each extra submenu level */
#lnk1 ul li,
#lnk1 ul li ul li,
#lnk1 ul li ul li ul li,
#lnk1 ul li ul li ul li ul li
{
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none;
}
                                        /* add more for each extra submenu level */
#lnk1 ul li ul,
#lnk1 ul:hover li ul li ul,
#lnk1 ul:hover li ul li ul li ul,
#lnk1 ul:hover li ul li ul li ul li ul
{ 
  display: none;
  z-index: 1000;
}
                                        /* First submenu level */
#lnk1 > ul > li:hover > ul
{
  display: block;                       /* unhide it */
  float: right;
  position: absolute;                   /* It needs to be absolute for the effect to work. */
  top: 2em;                             /* This is the important part of the effect. */
  width: 48ex;
}

#lnk1 ul li:hover ul li
{ 
  display: block;
  float: left;
  width: 100%;
}
                                        /* For the remaining submenu levels */
#lnk1 ul li ul li:hover ul,
#lnk1 ul li ul li ul li:hover ul,
#lnk1 ul li ul li ul li ul li:hover ul
{
  display: block;
  float: right;
  left: 36ex;
  position: absolute;
  top: -1em;                            /* Required with some value or the effect will not work */
  width: 48ex;
}

#lnk1 ul li a
{
  display: block;
  float: left;
  padding: 5px;
}
                                        /* The on state for the link when you are on the submenu. */
                                        /* This should be before the hover state for the link itself */
#lnk1 ul li:hover > a
{
  border-color: #000;
  border-style: solid;
  border-width: 0px 1px;
}

#lnk1 ul li ul li a,
#lnk1 ul li ul li:first-child ul li a,
#lnk1 ul li ul li:first-child ul li:first-child ul li a
{ 
  float: none;
  padding: 5px;	
  border-color: #000;  
  border-style: solid; 
  border-width: 0px 1px 1px 1px !important;
  white-space: normal;
}

#lnk1 ul li ul li:first-child a,
#lnk1 ul li ul li:first-child ul li:first-child a,
#lnk1 ul li ul li:first-child ul li:first-child ul li:first-child a
{
  border-width: 1px 1px 1px 1px !important;
}