/* v2.0 | 20110126
			  http://meyerweb.com/eric/tools/css/reset/ 
			  License: none (public domain)
			*/
			html, body, div, span, applet, object, iframe,
			h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			a, abbr, acronym, address, big, cite, code,
			del, dfn, em, img, ins, kbd, q, s, samp,
			small, strike, strong, sub, sup, tt, var,
			b, u, i, center,
			dl, dt, dd, ol, ul, li,
			fieldset, form, label, legend,
			table, caption, tbody, tfoot, thead, tr, th, td,
			article, aside, canvas, details, embed, 
			figure, figcaption, footer, header, hgroup, 
			menu, nav, output, ruby, section, summary,
			time, mark, audio, video {
				margin: 0;
				padding: 0;
				border: 0;
				font-size: 100%;
				font: inherit;
				vertical-align: baseline;
			}
			/* HTML5 display-role reset for older browsers */
			article, aside, details, figcaption, figure, 
			footer, header, hgroup, menu, nav, section {
				display: block;
			}
			body {
				line-height: 1;
			}
			ol, ul {
				list-style: none;
			}
			blockquote, q {
				quotes: none;
			}
			blockquote:before, blockquote:after,
			q:before, q:after {
				content: '';
				content: none;
			}
			table {
				border-collapse: collapse;
				border-spacing: 0;
			}
/* added in 2025 */
#topbar2025 {
    display: flex;
    align-items: center;        /* vertically center items */
    justify-content: space-between; /* logo left, menu right */
    background-color: #fff;     /* or transparent, depending on design */
    padding: 45px;          /* smaller padding */
    margin: 0;                  /* remove outer spacing */
}

#topbar2025 .logo {
    max-height: 50px;           /* shrink logo if needed */
    display: block;
}

#loginStatus {
    display: flex;
    list-style: none;
    margin: 0;                  /* remove default browser margins */
    padding: 0;                 /* remove default browser padding */
}

#loginStatus li {
    margin-left: 10px;          /* space between items */
    display: flex;
    align-items: center;
	font-size: 1.2em;
}