body {
    font-family: sans-serif;
	width: 80%;
	padding-left: 10%;
  }
  
  .content {
	margin: auto;
	max-width: 960px; 
    padding-left: 10%;
  }

 table {
	border-collapse: collapse; /* This is crucial for single lines */
	width: 100%; /* Optional: Makes the table take full width */
}

 th, td {
	border: 1px solid black; /* Applies a border to all header and data cells */
	padding: 8px; /* Optional: Adds some space inside the cells */
	text-align: left; /* Optional: Aligns text to the left */
}

.sidebar-top {
            color: white;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
            writing-mode: vertical-rl;
            text-orientation: mixed;
            transform: rotate(180deg);
            padding: 10px 0;
            font-size: 1.5em;
            text-transform: uppercase;
        }
.sidebar-bottom {
            color: #007bff;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
            writing-mode: vertical-rl;
            text-orientation: mixed;
            transform: rotate(180deg);
            padding: 10px 0;
            font-size: 1.5em;
            text-transform: uppercase;
        }

.stitle {
			font-style: italic; 
			font-family: 'Times New Roman', serif; 
			font-size: 2.5em;
			font-bold;
}
.common-name{
			padding-bottom:10px;
			font-size: 1.0em;

}