p { 
	text-align: left;
	letter-spacing: 1px; 
}
body {
    margin: auto;
	font-family: Helvetica, sans-serif;
	max-width: 1200px;
	color: black;
	background-color: #ffffff;
}
ol {
	margin: 2px 0px 2px 0px;
	padding: 2px 0px 2px 0px;
}
h3 {
	margin: 2px 0px 2px 0px;
	padding: 2px 0px 2px 0px;
}
h4 {
	font-style: italic;
	margin: 2px 0px 2px 0px;
}
.btwButton {
	margin: 0px 0px 5px 0px;
}
.btwWarning {
	background-color: #ffdddd;
}
.heading {
	font-size: 1em;
	font-weight: bold;
}	
.accordion {
	font-size: 1.2em;
	font-weight: bold;
	background-color: #fff;
    cursor: pointer;
	padding: 2px 10px 2px 10px;
	margin: 2px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
}
.accordion.active, .accordion:hover {
    background-color: #fff;
}
.accordion:after {
    content: 'Show ';
    color: red;
    float: right;
    margin-left: 5px;
}
.accordion.active:after {
	content: "Hide ";
	color: red; 
}
.small {
	font-size: .8em;
	font-style: italic;
	font-weight: normal;
	color: black;
}
.panel {
	font-size: 1.2em;
	margin-left: 20px;
	padding: 3px 0px 3px 0px ;
	display: none;
	background-color: white;
	overflow: hidden;
	}
.em1 {
	 font-size: 1em;
}
.rubric {
	margin: 8px 5px 8px 20px;
	font-size: 0.85em;
	color: red;
	font-style: italic;
}
.lead {
	margin: 0px 0px 0px 20px ;
	color: red;
	font-weight: bold;
}

.cong {
	margin: 0px 0px 10px 20px;
	font-weight: bold;
	color: blue;
	vertical-align: top; /* Added to address the vertical alignment */
}

.cong::before {
	content: '\27A4 ';
	vertical-align: top;
	display: inline-block;
	height: 0;
	font-weight: bold;
}

.congIndent {
	margin: 0px 0px 0px 0px ;
	text-indent: 20px;
 }
.name {
	font-weight: normal; 
	font-style:italic; 
	font-size: 0.85em;
	padding-top: 5px;
 }
 .red {
	color: #ff0000;
}
 .green {
	color: #00ff00;
}
 .blue {
	color: #0000ff;
}
.padding {
	padding: 10px;
}