.hatnote
{
    border-color: #c8c8c8 ;
    border-style: solid ;
    border-width: 0.1px ;
    font-size: x-small ;
    font-style: italic ;
    margin-left: auto ;
    margin-right: auto ;
    padding: 1px 1em ;
}
.hatnote-gray { background-color: #e8e8e8 ; color: #000000 ; }
.hatnote-yellow { background-color: #ffffe8 ; color: #000000 ; }
.hatnote-red { background-color: #ffe8e8 ; color: #000000 ; }
.hatnote-icon { height: 16px ; width: 16px ; }

div.leftsidetop {
  width: 45%;
  padding: 0px 3px 5px 0px;
  float: left;
}

div.leftsidebottom {
    width: 45%;
    padding: 0px 0px 0px 0px;
    float: left;
  }

div.rightsidetop {
  margin-left: 50%;
  padding: 0px 3px 5px 0px;
}

div.rightsidebottom {
    margin-left: 50%;
    padding: 295px 0px 200px 0px;
  }