/* CSS Document - URZAstyles.css created: 18 JAN 2026 */
/* New style sheet for ZungAlexia pages; variant of x10Styles */
/* Updated:  */
/* Attached to HTML files: ZAindex,  */

body {
	background-color: #1B1B1B; /*Crayola EERIE BLACK*/ 
	padding-left: 15px;
	min-width:600px; /*1280px;*/ 
}

@font-face {
    font-family: 'Burma';
    src: url(http://librarytrekker.x10host.com/fonts/Burma-Regular.ttf) format('truetype');
    src: url('fonts/Burma-Regular.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('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: #00755E; /* Crayola TROPICAL RAIN FOREST */ 
	font-family: Jefferies, "Segoe Print", Arial, Helvetica, sans-serif;
}

ul.main-nav {
	background: none repeat 0 0; background-color: #00755E; /* Crayola TROPICAL RAIN FOREST */  
	color: yellow; text-align: right; font-size: 20px;
}

header {
	background-color: #00755E; /* Crayola TROPICAL RAIN FOREST */ 
	color: #D7D7D7; text-align: left;
}

.hder {
	font-family: Jefferies, Arial, Helvetica, sans-serif;
	color: #1B1B1B; /* Crayola EERIE BLACK */  margin-left: 10px; margin-top: 23px; margin-bottom: 23px;
}

footer {
	background-color: #00755E; /* Crayola TROPICAL RAIN FOREST */
	color: #00468C; /* Crayola MIDNIGHT BLUE */ text-align: center;
	padding-top: 2px; padding-bottom: 2px;
}

.fter {
	font-family: Gadugi, Arial, Helvetica, sans-serif; font-size: 11px;	
	color: #1B1B1B; /* Crayola EERIE BLACK */
}

li {
	display:inline; font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size: 20px; 
	color:#00468C; /* Crayola MIDNIGHT BLUE */
}

li a, .dropbtn {
	background-color: #00755E; /* Crayola TROPICAL RAIN FOREST */ 
	color: #1B1B1B; /* Crayola EERIE BLACK */ 
	padding: 5px 10px; /* 10px 15px; */
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

li a.link {
	color: #1B1B1B; /* Crayola EERIE BLACK */ 
	text-align: center;
	text-decoration: none;
}

li a.active {
	background-color: #00468C; /* Crayola MIDNIGHT BLUE */
	color: #F5F5F5;
}

li a:hover {
	background-color: #555555; /* Davys Gray (deep, muted gray) */
	text-decoration: none;
}

.dropdown:hover .dropbtn {
	background-color: #555555; /* Davys Gray */
	color: #00308F; /* USAF Air Force Blue */
	text-decoration: none;
}

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

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #00468C; /* Crayola MIDNIGHT BLUE */
    color:black;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    font-family: Burma, Arial;
}

.dropdown-content a {
    color: #1B1B1B; /* Crayola EERIE BLACK */
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: right; /* left; */
}

.dropdown-content a:hover {
	background-color: #50BFE6; /* Crayola BLIZZARD BLUE */ 
	color: #1B1B1B; /* Crayola EERIE BLACK*/ 
}

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

ul {
	background:none repeat 0 0; text-align: right; list-style-type:disc; color: #AD5D5D;
}

li a {
	background-color: #00755E; /* Crayola TROPICAL RAIN FOREST */
	color: #1B1B1B; /* Crayola EERIE BLACK */ 
    padding: 10px 15px;
    text-align: center;	
    text-decoration: none;
    display: inline-block;
}

li a.link {
	color: #92B6D5; 
	text-align:center;
	text-decoration:none;
}

li a.active {
	background-color: #92B6D5; /* Airy Blue */
	color: #F5F5F5;
}

li a:hover {
	background-color: #50BFE6; /* Crayola BLIZZARD BLUE */ 
	color: #1B1B1B; /* Crayola EERIE BLACK */  
	text-decoration:none;
}

a {
	color: #299617; /* Crayola SLIMY GREEN */
}

a:link {
	text-align:center;
	text-decoration:none;
}

a:hover {
	color: #50BFE6; /* Crayola BLIZZARD BLUE */ 
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

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

.left-bar {
	float:left; min-width:50px; width:225px; margin-left:5px; margin-top:45px; 
}

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

.right-bar {
	float:right; min-width:50px; width:225px; margin-left:5px; margin-top:45px;
}

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

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

/*
h1 {
	font-family: Montalban, "Segoe Print", Arial, Helvetica, sans-serif;
	color: #00468C; /* Crayola MIDNIGHT BLUE 
}

h1 a {
    font-family: Montalban, "Segoe Print", Arial, Helvetica, sans-serif;
	color: #DAA520;
}
*/

h1.center {
	font-family: Burma, Arial, Helvetica, sans-serif; font-size: 36px;
}

h2 {
	font-family: Candara, Arial, Helvetica, sans-serif;
	color: #214559; /* astronautblue [Resene - Australia] */
}

h3 {
	font-family: Candara, Arial, Helvetica, sans-serif;
	color: #214559;
}

h3.center {
	font-family: Burma, Arial, Helvetica, sans-serif; font-size: 36px;
}

h4 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #214559; /* astronautblue [Resene - Australia] */
}

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

h5.right {
	font-family: Calibri, Arial, Helvetica, sans-serif; font-style: italic; 
	margin-left:20px; margin-right:20px;
	text-align: right; color: #A6A6A6; /* Crayola QUICK SILVER */
}

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

p {
	font-family: KirvyRegular, "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 18px; color: #00755E; /* Crayola TROPICAL RAIN FOREST */
}

p.margin {
	margin: 2px 8px 0px 8px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

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

p.right {
	text-align:left; font-family: Candara, 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: #1B1B1B; /* Crayola EERIE BLACK*/ 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;
}