.column {
	margin: auto;
	float: left;
	width: 50%;
	height: 100%;
	_padding-right: 0.1em;
}

.column + .column {
	padding-left: 0.5em;
	padding-right: 0;
}

.column_int {
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

/*
.w2 {
	width: 2%;
}

.w23 {
	width: 23%;
}

.w25 {
	width: 25%;
}

.w30 {
	width: 30%;
}

.w37 {
	width: 37.5%;
}

.w40 {
	width: 40%;
}

.w60 {
	width: 60%;
}

.w70 {
	width: 70%;
}
*/

a, nav li {
	cursor: pointer;
}

.current_page {
	font-weight: bold;
}

.popup_link {
	text-decoration: underline;
	cursor: pointer;
}


.chapter_header {
	margin-bottom: 0.5em;
}

.chapter_header h2 {
	font-size: 1.8em;
	margin: 0;
	padding-bottom: 0.5em;
}

.page_content h3 {
	font-size: 1.5em;
	margin: 0;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding-top: 0.25em;
	padding-bottom: 0.5em;
}

.page_content h4 {
	margin: 0;
	margin-top: 0.1em;
	margin-bottom: 0.5em;
	font-size: 1.2em;
}

.page_content h5 {
	margin: 0;
	font-size: 1em;
}

.page_content h5::before  {
	margin-left: 0.5em;
	content: ' ';
}

.page_content {
	margin: 0;
}

.page_content p {
	margin: 0;
	margin-bottom: 0.5em;
}

.page_content p:empty {
	margin: 0;
}

.page_content .main_col_left table,td {
	border: 2px #999966 solid;
}

.page_content .main_col_left table th {
	border: 2px #999966 solid;
	background-color: black;
	color: white;
}

.page_content .main_col_left table tr:nth-child(odd) {
	background-color: #cccc99;
}

.page_content .main_col_left table tr:nth-child(even) {
	background-color: #ffffcc;
}

.page_content .main_col_left .column .media {
	max-width: 100%;
	width: 225px;
}



.page_content .main_col_right {
	margin-bottom: 0.4em;
}

/* .page_content .main_col_right .right_box { */
.right_box {
	font-size: 0.8em;
	margin-bottom: 1em;
}

.rb_text {
	width: 100%;
}

/* .page_content .main_col_right .right_box figcaption { */
.right_box figcaption {
	font-size: 1.2em;
}



.nl {
	width: 100%;
}

/*
.row_flex {
	display: flex;
}

.main_col_left {
	align-self: flex-start;
}

.main_col_right {
	align-self: flex-end;
}

.col_flex {
}

.col_flex .left {
	align-self: flex-start;
}

.col_flex .right {
	align-self: flex-end;
}

.col_flex .center {
	align-self: center;
}
*/

.media_cont {
	float: right;
	width: 100%;
}

figure {
	float: right;
	max-width: 100%;
	margin: auto;
}

figure.media {
	margin-bottom: 1em;
}

figure .media2 {
	float: none;
}

figure img {
	border: 1px solid black;
	width: 100%;
}

figure a img { /* Not for link */
	border: 0;
	width: auto;
}

/* figure figcaption { */
figcaption {
	font-size: 0.8em;
	color: white;
	background-color: black;
	text-align: center;
	_text-shadow: 1px 0 0 black, -1px 0 0 black, 0 1px 0 black, 0 -1px 0 black;
}

figure table td:first-child {
	font-weight: bold;
	padding-right: 0.5em;
}

figure.legend {
	_float: left;
}

figure.legend {
	margin-bottom: 1em;
}

/* .page_content .main_col_right .legend { */
.legend {
	width: 100%;
	font-size: 0.8em;
}

/* .page_content .main_col_right .legend figcaption { */
.legend figcaption {
	font-size: 1.2em;
}

.legend ul {
	padding-left: 1em;
}

.legend .simple_box {
	width: 100%;
	font-size: 1em;
}



figure.left_box {
	width: 100%;
	font-size: 1em;
	background-color: #ffffcc;
	float: left;
	border: 1px solid black;
	margin-bottom: 1em;
}

figure.left_box p {
	padding: 0.2em
}

figure.right_box {
	width: 100%;
	background-color: #ffffcc;
	float: left;
	border: 1px solid black;
	margin-bottom: 1em;
}

/*
figure.right_box .rb_text > p {
*/
figure.right_box .rb_text {
	padding: 0.2em;
}

figure.right_box .rb_text a {
	_display: inline-block;
	padding-top: 0.7em;
}

figure.right_box .rb_text a:first-child {
	padding-top: 0;
}

figure.quiz {
	float: left;
	border: 1px solid #CC9933;
	margin-bottom: 1em;
	width: 100%;
}

figure.quiz .rb_texdlt {
	background-color: #ffffcc;
	font-size: 1em;
	padding: 0.2em;
}

figure.quiz .rb_text a {
	text-decoration: underline;
}



.nomenclature {
	vertical-align: bottom;
	font-size: 0.8em;
	word-wrap: break-word; /* old name */
	overflow-wrap: break-word;
	border-bottom: 1px solid grey;
	margin-right: 0.5em;
}

.nomenclature .column+.column {
	padding-left: 1em;
}

.nomenclature:empty {
	border-bottom: 0;
}

figure ~ .nomenclature {
	height: 100%;	
	_border: 0;
}

.nomen_right figure.media {
	float:left;
}

.nomen_left figure ~ .nomenclature ol {
	padding-right: 0.5em;
}

.nomen_left figure ~ .nomenclature dl {
	padding-right: 0.5em;
}

.nomen_right figure ~ .nomenclature ol {
	padding-left: 0.5em;
}

.nomen_right figure ~ .nomenclature dl {
	padding-left: 0.5em;
}

.nomenclature ol {
	display: table;
	margin: 0;
	padding: 0;
	padding-right: 0.5em;
	_padding-right: 2em;
	_margin-right: 2em;
	float: left;
	_float: right;
}

.nomenclature ol:first-of-type {
	counter-reset: nomen;
}

.nomenclature ol > li {
	margin: 0;
	padding: 0 0 0 2em;
	text-indent: -2em;
	list-style-type: none;
}

.nomenclature ol > li:before {
	display: inline-block;
	width: 1.9em;
	padding-right: 0.1em;
	font-weight: bold;
	float: left;
	counter-increment: nomen;
	content: counter(nomen);
}

.nomenclature dl {
	display: table;
	margin: 0;
	padding: 0;
}

.nomenclature dl + dl {
	padding-left: 2em;
}

.nomenclature dt {
	float: left;
	margin: 0;
	font-weight: bold;
	float: left;
	width: var(--nomen-width, 2em);
}

.nomenclature dd {
	margin: 0;
	margin-left: var(--nomen-width, 2.1em);
}


.grid_cell figure.media {
	margin-bottom: 0;
}



.media.video {
	margin: 0.5em;
	max-width: 100%;
	_float: right;
}

.media.video * {
	max-width: 100%;
}

.media video {
	border: 1px black solid;
}

.media.video .legend {
	text-align: center;
	padding: 0.4em;
	color: white;
}

.video.main_col_right {
	position: absolute;
	bottom: 2.3em;
	left: 75%;
	font-size: 0.8em;
}



.border {
/*
	width: 100%; 181121
*/
	margin: 0;
	margin-bottom: 1em;
	_margin-left: 0;
	_margin-right: 0;
	padding: 0.2em;
	border: 2px solid red;
}



a.term {
	text-decoration: underline;
}



.banner3 {
	margin-top: 0.4em;
	margin-bottom: 0.8em;
}

.banner3l {
	font-size: 1.2em;
	font-weight: bold;
}

.banner3c {
	font-weight: bold;
	color: red;
}

.banner3r {
	font-weight: bold;
}



.carnegie {
	color: #999966;
	font-size: 0.9em;
	font-weight: bold;
}

.carnegie img {
	text-decoration: none;
	max-height: 1em;
	max-width: 1em;
	border: 0;
}

.carnegie a {
	color: #999966;
}

.carnegie a * {
	vertical-align: middle;
}



.slide_show {
	margin: 0;
	_width: 100%;
}

.slide_show nav ul {
	list-style-image: url("arrow_rr.gif");
	padding-left: 1.5em;
}

.slide_show nav li {
	text-decoration: underline;
}

.slide_show nav li.current {
	color: #CC0000;
	font-weight: bold;
	text-decoration: none;
}

.slide_show .menu_arrow {
	position: relative;
	bottom: 2.8em;
	width: 100%;
}

.slide_show .menu_arrow_int {
	width: 100%;
	padding: 0.3em;
	padding-top: 0.4em;
	font-size: 0.8em;
	background-color: var(--cb-mod-bg-color);
}

.slide_show .menu_total {
	_position: relative;
	float: right;
}

._slide {
	display: block;
	height: auto;
	_overflow: auto;
  	_position: relative;
	_height: 100%;
}

._slide .legend {
	_position: absolute;
	_bottom: 0;
	display: inline-block;
	height: auto;
}

.slide .right_title {
	width: 100%;
	font-weight: bold;
	_margin-bottom: 0.5em;
	background-color: var(--cb-mod-bg-color);
}

a.slide_select + * {
	font-size: 0.8em;
}


.cfx figure {
	margin-bottom: 0;
}



section {
	_border: 1px solid pink;
}

.main_full {
	_border: 1px solid brown;
	_padding: 1px;
}

.main_col_left, .main_col_right {
	_border: 1px solid blue;
	_padding: 1px;
}

.column {
	_border: 1px solid green;
}