* {
    color-scheme: light dark; /* Explicitly support both modes */
    -webkit-text-fill-color: currentColor; /* Ensure text color is applied */
}

body {
	font-family: "Courier New", Courier, monospace;
}
#nav,
#nav ul {
	/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav a {
	display: inline;
}
#nav li a {
	/* Handles the main horizontal menu*/
	color: #666666;
	font-size: 24px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
}
#nav li a:hover {
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	background-color: #f0f0f0;
}
#spacer {
	color: #151515;
}

#spacer2 {
	color: #ffffff;
}

#nav li {
	/* Handles the main horizontal menu */
	list-style-type: none;
	float: left;
	font-size: 24px;
	font-weight: bold;
	xwidth: 10px; /* width needed or else Opera goes nuts */
	margin-left: 0.9em;
	margin-top: 7px;
}
#nav ul li,
#nav ul li a {
	/* CONTROLS the main horizontal MENU and its main dropdown menus*/
	font-size: 13px;
	text-align: left;
	margin-right: 5px;
	margin-left: 3px;
	padding: -5px;
	/*width: 21.5em;*/
}
#nav ul li a {
	/*Handles the color of the main drop-down items*/
	color: #cccccc;
	font-size: 14px;
}
#nav li ul {
	/* Handles properties of the main drop-downs (global properties they all share */
	position: absolute;
	width: 13em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul.flyers {
	/* handles width of the flyers drop down*/
	width: 100px;
}
#nav li ul.photos {
	/* handles width of the flyers drop down*/
	width: 900px;
}
#nav li li li {
	/* handles padding for the SUBMENU of the main drop down*/
	padding-left: 0px;
}
#nav li ul.photos {
	/* handles width of the photos drop down*/
	width: 3.5em;
}
#nav li ul.stories {
	/* handles width of the stories drop down*/
	width: 6.7em;
	padding-bottom: 0.5em;
}
#nav li ul.articles {
	/* handles width of the articles drop down*/
	width: 4em;
}
#nav li ul.zines {
	/* handles width of the zines drop down*/
	width: 4em;
	/*margin: 0 0 0 -3em;*/ /* top, right, bottom, left */
}
#nav li ul.misc {
	/* handles width of the misc drop down*/
	width: 8.5em;
	margin: 0 0 0 -2.5em; /* top, right, bottom, left */
	padding-bottom: 0.5em;
}
#nav a:hover {
	background-color: #ffffff;
	color: #0033ff;
}
#nav li a:hover {
	background-color: #ffffff;
}
#nav li:hover ul ul,
#nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
	/* lists nested under hovered list items */
	left: auto;
	background-color: #151515;
}
#nav ul li a:active {
	font-size: 13px;
	color: #33ccff;
}
.imgLink {
	color: #b1b1b1;
}
#nav li ul ul li a {
	color: #333333;
}
#nav li ul ul li a:hover {
	background-color: #f3f3f3;
}
#nav li ul ul.flyersSub {
	/* Handles the positioning of the SUBMENU of the main drop downs */
	margin: -8.2em 0 0 4.4em; /* top, right, bottom, left */
	width: 10em;
	padding-bottom: 1em;
	background-color: #ffffff;
	border: thin;
	border-color: #000000;
	border-style: outset;
	border-left-color: #ffffff;
}
#nav li ul ul.photosSub {
	/* Handles the positioning of the SUBMENU of the main drop downs */
	margin: -8.2em 0 0 5em; /* top, right, bottom, left */
	width: 251px;
	padding-bottom: 1em;
	padding-right: -6px;
	background-color: #ffffff;
	border: thin;
	border-color: #000000;
	border-style: outset;
	border-left-color: #ffffff;
}

#nav li ul ul.articlesSub {
	/* Handles the positioning of the SUBMENU of the main drop downs */
	margin: -8.2em 0 0 5.2em; /* top, right, bottom, left */
	width: 340px;
	padding-bottom: 1em;
	background-color: #ffffff;
	border: thin;
	border-color: #000000;
	border-style: outset;
	border-left-color: #ffffff;
}

#nav li ul ul.zinesSub {
	/* Handles the positioning of the SUBMENU of the main drop downs */
	margin: -8.2em 0 0 4.6em; /* top, right, bottom, left */
	width: 250px;
	padding-bottom: 1em;
	background-color: #ffffff;
	border: thin;
	border-color: #000000;
	border-style: outset;
	border-left-color: #ffffff;
}