/* @@@ ID Selectors @@@ */

/* @@@ ID Selectors Miscellaneous @@@ */

#cherubim_l {
	float: left;
	width: 125px;
	height: 185px;
	border: 0px;
}

#cherubim_r {
	float: right;
	width: 125px;
	height: 185px;
	border: 0px;
}

/* Certain links are presented in beveled button format */

#mybttn {
    border-style: inset;
    border-color: #FF2222;
    background-image: url(../images_bg/bg20.gif);
    text-decoration: none;
    width: 106px;
    text-align: center
}

/*
UL.sumbul1a {
    list-style-image: url(images/sumbul1a.gif);
    line-height: 1.5Rem;
}
*/

/* The tables on certain pages need a smaller font so that they can fit on the pages. */

#acronyms table tr th,
#noteneti table tr th,
#chrism01 table tr th,
#protocol table tr th,
#notetrad table tr th,
#commandments table tr th,
#checklist table tr th {
    font-family: Calibri, "Trebuchet MS", Arial, Georgia, "Times New Roman", Helvetica, Serif;
    font-size: .9rem;
    text-align: center;
    font-weight: bold
}

#acronyms table tr td,
#noteneti table tr td,
#chrism01 table tr td,
#protocol table tr td,
#notetrad table tr td,
#commandments table tr td,
#checklist table tr td {
    font-family: Calibri, "Trebuchet MS", Arial, Georgia, "Times New Roman", Helvetica, Serif;
    font-size: .9rem;
    text-align: left;
}

/* Where are these classes used? */

.selinc         {
    text-decoration: underline; color: blue
}

.indent    {
    margin-left: 40px
}

.history-links {
    /* background-color: white; */
    background-image: url(../images_bg/bg48.gif); /* bg66.png, bg17.gif */
    border: 3px groove gray;
    border-radius: 5px;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 1rem;
    width: 96%;
}

/* images_arch/bg_responsive_margins.gif */

/*
On a black background, the high-chroma colors yellow (#FFFF00), green (#00FF00), cyan (#00FFFF), and magenta (#FF00FF) provide the best contrast. While white text on a black background provides very high value contrast, it is less readable and causes greater eye fatigue than black text on a white background.

Remember that light text on dark backgrounds provide a high level of contrast—to ensure readability, decrease font-weight and increase leading and tracking so the letters are wider apart and have more space in between lines (learn more).

Black backgrounds: High-chroma colors are best for black backgrounds because they offer a good contrast ratio without the eye fatigue (which occurs with white text on a black background). Yellow, green, cyan and magenta are good colors to choose if you want to make text stand out, such as headings or important links on a webpage. Avoid red, purple and blue on black.

.paintedblack div,
.paintedblack p,
.paintedblack span {
    font-size: 1rem;
    line-height: 1.75Rem;
    word-spacing: .22REM;
    letter-spacing: .18Rem;
}
*/

.paintedblack a:link {
    color: lightskyblue;
}
.paintedblack a:visited {
    color: #6d4b8d;
}
.paintedblack a:hover {
    color: #ffffff;
}
.paintedblack a:active {
    color: #ff4040;
}

/* Flexbox after the "base styles" */

.display-flex {
    display: flex;
    flex-direction: row; /* default is row */
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: evenly;
}