:root {
	--color-black: #000;
	--color-border-light: #F0EDC9;
	--color-divider: #424528;
	--color-yellow-soft: #f8e5a0;
	--color-category-bg: #c0b38c;
	--color-title-gold: #f8e5a0;
	--color-subtitle-gold: #d4b559;
	--color-ink: #3a3a30;
	--color-red: #8a2620;
	--color-overlay: #fff099;
}

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: var(--color-divider);
}

.t10 {
	font-size: 10px;
}

.t12 {
	font-size: 12px;
}

.14 {
	font-size: 14px;
}

.16 {
	font-size: 16px;
}

.t18 {
	font-size: 18px;
}


.t20 {
	font-size: 20px;
}

.t24 {
	font-size: 24px;
}

.left{
	float:left;
	text-align: left;
}



.aboutText a:link {
	color: var(--color-accent);
	text-decoration: none;
}
.aboutText a:visited {
	color: var(--color-accent);
	text-decoration: none;
}
.aboutText a:hover {
	color: var(--color-accent);
	text-decoration: underline;
}
.aboutText a:active {
	color: var(--color-divider);
}


.underline{
	text-decoration: underline;
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}

.justify{
	text-align: justify;
}

.imageCenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}

a {
       text-decoration: none;
}

.title_467 {
	font-size: 22px;
	font-variant: small-caps;
	color: var(--color-title-gold);
	line-height: normal;
	text-shadow: var(--color-black) 1px 1px 2px;
}

.title {
	font-size: 18px;
	color: var(--color-subtitle-gold);
	line-height: normal;
	font-style: italic;
}

.menu {
	font-size: 16px;
	font-variant: small-caps;
	color: var(--color-border-light);
	line-height: 40px;
	text-align: center;
	word-spacing: 16px;
}

.menu a:link {
	color: var(--color-border-light);
	text-shadow: var(--color-black) 1px 1px 2px;
}

.menu a:visited {
	color: var(--color-border-light);
	text-shadow: var(--color-black) 1px 1px 2px;
}
.menu a:hover {
	color: var(--color-black);
	text-shadow: var(--color-border-light) 1px 1px 2px;
}
.menu a:active {
	color: var(--color-border-light);
	text-shadow: var(--color-black) 1px 1px 2px;
}

.navTitleText {
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	color: var(--color-red);
	font-style: italic;
	font-variant: small-caps;
}

.navText {
	color: var(--color-divider);
	line-height: 16px;
}

.navText a:link {
	color: var(--color-divider);
}
.navText a:visited {
	color: var(--color-divider);
}
.navText a:hover {
	color: var(--color-accent);
	text-decoration: underline;
}
.navText a:active {
	color: var(--color-divider);
}


.contentTitleText {
	font-size: 18px;
	line-height: 70px;
	text-align: center;
	color: var(--color-red);
	font-style: italic;
	font-variant: small-caps;
}

.contentText {
	color: var(--color-ink);
	line-height: 14px;
}

.contentText a:link {
	color: var(--color-ink);
}
.contentText a:visited {
	color: var(--color-ink);
}
.contentText a:hover {
	color: var(--color-divider);
	text-decoration: underline;
}
.contentText a:active {
	color: var(--color-ink);
}







.overlayText {
	display: flex;
    align-items: center; /* Vertically centers the content */
    justify-content: center; /* Horizontally centers the content */
    height: 100%; /* Ensure the container has a defined height */

	font-size: 16px;
	line-height: 30px;
	color: var(--color-overlay);
	text-shadow: var(--color-black) 1px 1px 1px;
}

.overlayText467 {
	display: flex;
    align-items: center; /* Vertically centers the content */
    justify-content: center; /* Horizontally centers the content */
    height: 100%; /* Ensure the container has a defined height */
    
	color: #FF9;
	font-size: 16px;
	line-height: 20px;
	text-shadow: #000 1px 1px 1px;
}


.footer a:link {
	color: var(--color-subtitle-gold);
}
.footer a:visited {
	color: var(--color-subtitle-gold);
}
.footer a:hover {
	color: var(--color-black);
	text-shadow: var(--color-subtitle-gold) 1px 1px 2px;
}
.footer a:active {
	color: var(--color-subtitle-gold);
}

.headText {
	font-size: 12px;
	font-variant: small-caps;
	color: var(--color-border-light);
	text-align: center;
	line-height: 20px;
}



.categoryHead {
	font-variant: small-caps;
	color: var(--color-divider);
	text-align: center;
	padding-top: 2px;
	background-color: var(--color-category-bg);
}

.subHead {
	font-variant: small-caps;
	color: var(--color-divider);
	text-align: center;
	line-height: 16px;
	padding-top: 2px;
	border-top: 1px solid var(--color-divider);
	border-bottom: 1px solid var(--color-divider);
}




.footer {
	color: var(--color-subtitle-gold);
	text-align:right;
	padding-right: 30px;
	text-decoration: none;
	width: 100%;
}