div.p {
    font-family: Verdana, sans-serif; 
    font-size: 10pt;
    margin-left: 30px;
    spacing: 0px;
    padding: 0px;
    text-align: left;
/*
    border: 2px solid #336;
    width: 100%; */
}

div.small {
    font-family: Verdana, sans-serif; 
    font-size: 9px;
}

/* BrainJar Style */
div.BJ_menuBar, div.BJ_menuElement,
div.BJ_subMenuBar, div.BJ_subMenuElement {
    font-family: 'MS Sans Serif', Arial, sans-serif;
    font-size: 10pt;
    color: #ffffff;
    text-align: left;
    background-color: #666666;
    spacing: 0px;
}

/* this is the sub menu bar. If you add a border, etc. to the menuBar, you
   must account for that with a margin line here  (or padding) */
div.BJ_subMenuBar {
  padding: 2px;
  margin-left: 0px;
}

div.BJ_menuBar {
  border: 0;
  padding-left: 15px;
  margin: 0;
  width: 640px;
  text-align: left;
  border-top: 2px solid #336;
  border-bottom: 2px solid #336;
  border-left: 2px solid #336;
  border-right: 2px solid #336;
}

/* The main menu items in the main bar */
div.BJ_menuElement {
    padding: 2px 6px 2px 6px; 
    font-weight: bold;
    font-size: 10pt;
    margin-left: 0px;
}

/* This defines each sub-menu item, border, etc */
div.BJ_subMenuElement {
    background-color: #666666;
    padding: 2px 6px 2px 6px; 
    margin: 0px;
    border: 0px solid #0000ff;
}

div.BJ_subMenuElementHover {
    padding: 2px 6px 2px 6px; 
    background-color: #0000ff;
    border: 0;
    color: #ffffff;
    font-weight: normal;
    margin: 0;
}

div.BJ_menuElementHover {
    border: 0;
}

div.BJ_menuElementActive {
    background-color: #0000ff;
    color: #ffffff;
    border: 0;
}