/* CSS Document - WB27colorStyles.css created: 04 OCT 2026 */
/* EXPERIMENTAL x10Styles VARIANT - 2027/2028 Layout */
/* Hex-color.com Color Palettes: Quiet Library, Sage Fall */
/* Updated:  */
/* Updated:  */
/* Updated:  */
/* Attached to HTML files: WB27Colors */

body {
	background-color: #F5F0E8; /*#B3B3B3; /* light shade of gray */
	padding-left: 15px;
	min-width:600px; /*1280px;*/ 
}

@font-face {
    font-family: 'Jefferies';
    src: url(http://librarytrekker.x10host.com/fonts/Jefferies.ttf) format('truetype');
    src: url('fonts/Jefferies.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KirvyRegular';
    src: url(http://librarytrekker.x10host.com/fonts/KirvyRegular.otf) format('truetype');
    src: url('fonts/KirvyRegular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KirvyBold';
    src: url(http://librarytrekker.x10host.com/fonts/KirvyBold.otf) format('truetype');
    src: url('fonts/KirvyBold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montalban';
    src: url(http://librarytrekker.x10host.com/fonts/Montalban.ttf) format('truetype');
    src: url('Montalban.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url(http://librarytrekker.x10host.com/fonts/Ubuntu.ttf) format('truetype');
    src: url('fonts/Ubuntu.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.center {
	text-align:center; color: #363848; /* Aircraft Insignia Blue */  
	font-family: "Jefferies", "Segoe Print", Arial, Helvetica, sans-serif;
}

ul.main-nav {
	background: none repeat 0 0; background-color: #5F6F62; /* #2D5373; /* Venice Blue (source: https://www.htmlcsscolor.com/hex/2D5373) */
	color: yellow; text-align: right; font-size: 20px;
}

header {
	background-color: #5F6F62; /* #2D5373; */ color: #D7D7D7; text-align:left;
}

.hder {
	font-family: "Jefferies", "Segoe Print", Arial, Helvetica, sans-serif;
	color: #A9A9A9; /* darkgray */ margin-left: 10px;
}

footer {
	background-color: #5F6F62; /* #2D5373;*/ color: #D7D7D7; text-align:center;
	padding-top: 2px; padding-bottom: 2px;
}

.fter {
	font-family: Gadugi, Arial, Helvetica, sans-serif; font-size: 11px;	
	color: #F5F0E8; /* #A9A9A9; /* darkgray */
}

li {
	display:inline; font-family: Ubuntu, Gadugi, Arial, Helvetica, sans-serif; font-size: 20px; 
	color: #D7D7D7; /* shade of gray */ /*#BCAB90; */
}

li a, .dropbtn {
	background-color: #5F6F62; /* #2D5373;*/ /* #004F98;  */
	color: #F5F0E8; /*#D7D7D7; /* shade of gray */ /* #F5F5F5; WhiteSmoke */
	padding: 5px 10px; /* 10px 15px; */
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

li a.link {
	color: #D7D7D7; /* #92B6D5; /* Airy Blue */
	text-align: center;
	text-decoration: none;
}

li a.active {
	background-color: #92B6D5;
	color: #F5F5F5;
}

li a:hover {
	background-color: #E4C68B; /* "tan" from Sage Fall palette*/ /* #555555; */
	/*color: #D7D7D7; /* #46554f; /* Gunship Green */
	text-decoration: none;
}

.dropdown:hover .dropbtn {
	background-color: #E4C68B; /* #555555;  */
	color: #00308F; /* #D7D7D7; */
	text-decoration: none;
}

li.dropdown {
    display: inline-block;
    /* background-color: #708090; /* slategray */
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #00308F;/* #f9f9f9; */
    color:black;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: #D7D7D7; /* #00308F; US Air Force Blue */
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
	background-color: #D4DDDB; /* #555555; /*#f1f1f1*/
}

.dropdown:hover .dropdown-content {
    display: block;
}

a {
	color: #9B9A86; /*#00477e; /* Highway Blue */
}

a:link {
	/* color: #004F98; /* US AF Academy Blue */
	text-align:center;
	text-decoration:none;
}

a:hover {
	color: #893104; /* "dark red" from Sage Fall palette*/ /*#D7D7D7; /* shade of gray */ 
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

#container {
	margin-left:auto; margin-right:auto; width: 1280px; height: 740px; overflow:auto;
}

.left-bar {
	float:left; min-width:50px; width:225px; margin-left:5px; margin-top:80px; /*font-size: large;*/
}

article {
	float: left; min-width:150px; max-width:775px; padding: 10px; display:block; 
	margin-left:5px; margin-top:5px; /*font-size: large;*/
}

.right-bar {
	float:right; min-width:50px; width:225px; margin-left:5px; margin-top:80px; /*font-size: medium;*/
}

img {
	vertical-align: middle;
	text-align: center;
}

h1 {
	font-family: Jefferies, "Segoe Print", Arial, Helvetica, sans-serif;
	color: #54483F; /*#A9A9A9; /* darkgray */ 
}

h2 {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	color: #54483F; /*#708090; /* slategray */
}

h3 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #54483F; /*#004F98;*/
}

h4 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #004F98;
}

h5 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #F8F8FF;
}

h6 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #AD5D5D;
}

p {
	font-family: "KirvyRegular", "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 18px; color: #54483F; /*#2D5373;*/
}
/*
p.margin {
	margin: 2px 8px 0px 8px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
*/
p.left {
	font-family: Ubuntu, "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 11px; max-width:200px; margin-top: 25px; margin-right:25px;
}

p.right {
	text-align:left; font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 11px; max-width:200px; margin-top: 25px;
}

p.center {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px; text-align: center; 
}

p.footcopy {
	color: #F5F0E8; /*#A9A9A9; /* darkgray */ text-align:center; 
	font-family: Ubuntu, Gadugi, Arial, Helvetica, sans-serif; font-size: 11px;
}

p.sig {
	font-family: "KirvyRegular", Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: right;
}

table, th, td {
	vertical-align:middle; width:750px; border-collapse:collapse;
}

th {
	text-align:center; width:335px; height:24px;
	font-family: Ubuntu, Calibri, Arial, Helvetica, sans-serif; color: #828282;
}

td {
	text-align:center; width:335px; color: #363848; /* Aircraft Insignia Blue */
	font-family: "KirvyRegular", "Segoe UI", Arial, Helvetica, sans-serif; font-size: 18px;
}