#header {
  margin-bottom: 40px;
}
#navbar {
  float: left;
  width: 160px;
}
#content {
  float: left;
}


a:link { 
	color: #dfddef;
	}
a:visited { 
	color: #dfddef;
	}
a:hover { 
	color: #000000;
	background-color: #dfddef;
	text-decoration: none;
	}
a:active { 
	color: #4DF843;
	}


a.imagelink:link { 
	color: #000000;
	background-color: #000000;
	text-decoration: none;
	}
a.imagelink:visited { 
	color: #000000;
	background-color: #000000;
	text-decoration: none;
	}
a.imagelink:hover { 
	color: #000000;
	background-color: #000000;
	text-decoration: none;
	}
a.imagelink:active { 
	color: #000000;
	background-color: #000000;
	text-decoration: none;
	}

body {
    background-color: #000000 ;
    color: white ;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif ;
    font-size: 10pt ;
    width: 800px;
    margin: auto;
    padding-top:200px;
}

form, table {display:inline; margin:0px; padding:0px;}

/* Keep hash-anchor targets visible below the fixed admin header. */
html {
	scroll-padding-top: 100px;
}

/* Fallback for browsers that ignore scroll-padding on anchor jumps. */
:target::before {
	content: "";
	display: block;
	height: 100px;
	margin-top: -100px;
	pointer-events: none;
}

h1 {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif ;
    font-size: 24pt ;
}

h2 {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif ;
    font-size: 18pt ;
}

h3 {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif ;
    font-size: 14pt ;
}

h4 {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif ;
    font-size: 12pt ;
}

table {
    color: white ;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif ;
    font-size: 10pt ;
}


#h2 {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif ;
    font-size: 18pt ;
    font-weight: bold ;
}

#h3i {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif ;
    font-size: 14pt ;
    font-weight: bold ;
    font-style: italic ;
}

#h4i {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif ;
    font-size: 12pt ;
    font-weight: bold ;
    font-style: italic ;
}

#small {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif ;
    font-size: 8pt ;
}

#tiny {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif ;
    font-size: 6pt ;
}

/* Standalone FYD navbar styles (scoped under .fyd-navbar) */
.fyd-navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #0b0b0b;
  border-bottom: 1px solid #222;
  z-index: 9999;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  color: #fff;
}
.fyd-navbar__inner {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 16px;
  gap: 180px;
}
.fyd-logo img { display:block; max-height:100px; }
.fyd-navbar__toggle { display:none; background:transparent; border:0; color:#fff; font-size:22px; }

.fyd-menu 
{ list-style:none; 
  margin:0; 
  padding:0; 
  display:flex; 
  gap:6px; 
  align-items:center; }
.fyd-menu > li { position:relative; }
.fyd-menu a 
{ color:#fff; 
  text-decoration:none; 
  padding:8px 10px; 
  display:inline-block; 
  border-radius:4px; }
.fyd-menu a:hover { background:#1b1b1b; color:#c1bde3; }

/* Submenu */
.fyd-menu .submenu 
{ position:absolute; 
  left:0; 
  top:100%; 
  background:#111; 
  border:1px solid #222; 
  padding:6px 0; 
  min-width:150px; 
  display:none; 
  z-index:10000; 
  font-size: 0.8em;
}
.fyd-menu .submenu li { display:block; }
.fyd-menu .submenu a { display:block; padding:8px 12px; }
.fyd-menu li:hover > .submenu { display:block; }
.fyd-menu .has-submenu.open > .submenu { display:block; }

.fyd-account-links 
{ color:#ddd; 
  font-size:0.9em; 
  margin-left: auto; 
  display: block;
  min-width: 180px;
  text-align: center;
}

/* Mobile */
@media (max-width: 820px), (max-device-width: 820px) {
  .fyd-navbar__toggle { display:none; }
  .fyd-navbar__inner { width: 100%; max-width: none; padding: 5px 6px; gap: 4px; box-sizing: border-box; }
  .fyd-logo img { max-height: 72px; }
  .fyd-menu { position:static; top:auto; left:auto; right:auto; background:transparent; flex-direction:row; display:flex; padding:0; gap:2px; flex:1 1 auto; min-width:0; }
  .fyd-menu > li { width:auto; display:block; }
  .fyd-menu a { display:inline-block; color:#fff; padding:4px 5px; font-size: 0.9em; }
  .fyd-menu .submenu { position:absolute; border:1px solid #222; padding:6px 0; display:none; }
  .fyd-account-links { min-width: 0; font-size: 0.8em; text-align: right; white-space: nowrap; }
  body { width: auto; max-width: 100%; padding-top:64px; }
}

/* Desktop spacing */
@media (min-width: 821px) {
  .fyd-menu a {
    font-size: 1.4em;
  }
  body { padding-top:105px; }
}