﻿/* CSS Document - CH1styles.css created: 24 JUL 2014 */
/* Updated: 28 JUL, 13 AUG 2014; 4 APR 2015; 5, 11, 13, 24 JUL, 24 DEC 2016 */
/* Updated: 23 DEC 2017; 7 JAN 2018; 04, 11 JAN 2020; 24 JUN, 23 OCT, 12, 24 DEC 2021 */
/* Updated: 27 DEC 2022; 26, 27 DEC 2023 */
/* Attached to HTML files: USA18-19c, USA20-21c, Space, Space20c, Space22c */
/* Attached to HTML files: Space23c, Space24c */

@font-face {
    font-family: 'Federation';
    src: url(http://librarytrekker.x10host.com/fonts/Federation.ttf) format('truetype');
    src: url('fonts/Federation.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@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('fonts/Montalban.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Okuda';
    src: url(http://librarytrekker.x10host.com/fonts/Okuda.otf) format('truetype');
    src: url('fonts/Okuda.otf') 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;
}

body {
	background-color: #9aa297; /* Benjamim Moore Heather Gray/2139-40 (primary color of 1701 filming model) */ 
	padding-left: 15px;
	min-width:600px; /*1280px;*/
}

.center {
	text-align:center; color: #000000; /*#8C363B; /* Valspar "Cut Ruby"/1009-4 (red markings color of 1701 filming model) */  
	font-family: Federation, Arial, Helvetica, sans-serif;
}

.main-nav {
  border: none;
  background-color: #8C363B; /* Valspar "Cut Ruby"/1009-4 (red markings color of 1701 filming model) */
  width: 100%;
  margin: 0;
  text-align: center;
}

.main-nav>ul {
  display: flex;
/*  justify-content: space-between; */
  margin: 0;
  padding: 0;
  text-align: center;
}

.main-nav>ul, .dropdown-menu>ul, .sub-dropdown-menu>ul{
  list-style-type: none; margin: 0; padding: 0;
  /*min-width: 70px;*/
  font-family: Okuda, Arial, Helvetica, sans-serif; font-size: 24px;
}

.main-nav>li {
  display: inline; text-align: center;
  font-family: Okuda, Arial, Helvetica, sans-serif;
}

.main-nav a, .dropdown-menu a, .sub-dropdown-menu a{
  color: #F1C33C; 
  text-decoration: none;
  padding: 10px;
  display: block
}

/* Applies to all links under class main-nav on hover */
.main-nav a:hover {
  background-color: #004F98; /* US AF Academy Blue */ 
  color: #F1C33C; 
}

.dropdown-menu, .sub-dropdown-menu{
  display: none;
  background-color: #00755E; /* Crayola TROPICAL RAIN FOREST */
  color: #F1C33C; /*#1B1B1B; /*Crayola EERIE BLACK*/
/*  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); */
  position: absolute;
  z-index: 1;
  min-width: 125px;
}

/* Applies to all links under class main-nav */
.dropdown-menu a {
  color: #F1C33C; /*#1B1B1B; /*Crayola EERIE BLACK*/
  font-family: Okuda, Arial, Helvetica, sans-serif;
  font-size: 24px;
  padding: 10px 10px;
  text-decoration: none;
  display: block;
  text-align: center;
}

.dropdown:hover .dropdown-menu{
  display: block;
}

.sub-dropdown:hover .sub-dropdown-menu{
  display: table;
}

main {
  padding-left: 10px;
  display: table
}

.sub-dropdown{
  position: relative;
}

.sub-dropdown-menu{
  left: 100%;
  top: 0;
}

ul.main-nav {
	text-align: center;
}

li {
	display:inline; font-family: Okuda, Calibri, Arial, Helvetica, sans-serif; font-size: 28px;
	color:#003399;
}

li a {
	background-color: #8C363B;
	color: #DAA520; /* goldenrod */
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

li a.link {
	color: #92B6D5; /* Airy Blue */
	text-align: center;
	text-decoration: none;
}

li a.active {
	background-color: #92B6D5;
	color: #F5F5F5;
}

li a:hover {
	background-color: #004F98; /* US AF Academy Blue */
	color: #FFD700; 
	text-decoration: none;
}

a {
	color: #FFD700;
}

a:link {
	color: #FFD700; text-align:center; text-decoration:none;
}

a:hover {
	color:#003399; /* text-decoration: underline; */
}

a:active {
	text-decoration: none;
}

img.text {
	float: left; 
	margin: 10px;
}

img.foot {
	vertical-align: text-bottom;
	margin: 10px;
}

#container {
	margin-left:auto; margin-right:auto; width:1280px; height:745px; overflow:auto;
}

header {
	background-color: #8C363B; color: #D7D7D7; text-align:left;
}

.hder {
	font-family: "Montalban", /*"Segoe Print",*/ Arial, Helvetica, sans-serif; 
	color: #A9A9A9; /* darkgray */ margin-left: 10px;
}

footer {
	background-color: #8C363B; color: #D7D7D7; text-align:center;
	padding-top: 2px; padding-bottom: 2px;
}

.left-bar {
	float:left; width:225px; margin-left:5px; margin-top:30px; font-size:large;
}

article {
	float:left; width:750px; padding:10px; display:block; 
	margin-left:15px; /*margin-top:5px; font-size: large;*/
}

.right-bar {
	float:right; width:225px; margin-left:5px; margin-top:25px; font-size: small;
	text-align:center; font-family: Calibri, Arial, Helvetica, sans-serif;
	/*color:#004F98; /* US AF Academy Blue */
}

hr {
	text-align: center;  width: 800px; color: #757575; /*Crayola SONIC SILVER, works only in Firefox */
}

h1 {
	font-family: Segoe Print, Arial, Helvetica, sans-serif; color: #F1C33C; /*#003399;*/
}

h1 a {
	font-family: Montalban, Arial, Helvetica, sans-serif;
	font-weight:bold; color: #8C363B; /* #A9A9A9; /* darkgray */
}

h2 {
	font-family: Segoe UI, Arial, Helvetica, sans-serif; color:#003399;
}

h3 {
	font-family: Calibri, Arial, Helvetica, sans-serif; color:#003399;
}

h4 {
	font-family: Calibri, Arial, Helvetica, sans-serif; color:#003399;
}

h5 {
	font-family: Calibri, Arial, Helvetica, sans-serif; color:#003399;
}

h6 {
	font-family: Calibri, Arial, Helvetica, sans-serif; color:#FF0000;
}

.hangingindent {
	margin-left: 20px;
	text-indent: -20px;
}

p {
	font-family: Okuda, Calibri, Arial, Helvetica, sans-serif;
	font-size: 30px; /*font-weight:bold;*/ color: #000000; /*#004F98; /* US AF Academy Blue */
}

p.margin {
	margin: 2px 8px 0px 8px; font-family: Calibri, Arial, Helvetica, sans-serif;
}

p.left {
	font-family: Okuda, Calibri, Arial, Helvetica, sans-serif; font-size: 28px;
}

p.right {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

p.note {
	font-family: Calibri, Arial, Helvetica, sans-serif; font-size:14px; text-align:left; 
}

p.footcopy {
	color: #F1C33C; /* #004F98;*/ text-align:center; 
	font-family: Gadugi, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 10px;
}

