@import "exclude.css";

/* use a more readable font, document should not have margins */
BODY { font-family: helvetica, verdana, sans-serif; padding: 0em; padding-top: 2.5em; font-size: calc(10px + (32 - 14) * ((100vw - 300px) / (2800 - 300))); line-height: calc(1.25em + (1.5 - 1.2) * ((100vw - 300px)/(2800 - 300))); }

H2, H4		{ text-align: center; }
H2			{ line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px) / (2800 - 300))); } /* needs more space between lines to wrap correctly */
LI, P		{ text-align: justify; }
H3 			{ text-align: left; }

/* Dropdown Menu */
.dropbtn { background-color: white; color: black; white-space: nowrap; font-weight:bold; width: calc(100vw / 6); padding-top: 1em; padding-bottom: 1em; border: 0; border-bottom: 0.05em solid #000000;} /* define the button */
A.dropbtn { text-align: center; position: fixed; top: 0; padding-top: 1em; padding-bottom: 1em; overflow:hidden; border-bottom: 0.05em solid #000000; }
A:link.dropbtn, A:visited.dropbtn { text-decoration:none; } /* only parent elements without children are underlined */
A:hover.dropbtn, A:active.dropbtn { text-decoration: underline; }
.dropdown { display: inline-block; position: fixed; top: 0; text-align: center; } /* The container <div> - needed to position the dropdown content */

.fsmunbtn { background-color: white; color: black; white-space: nowrap; font-weight:bold; width: calc(100vw / 7); padding-top: 1em; padding-bottom: 1em; border: 0; border-bottom: 0.05em solid #000000;} /* define the button */
A.fsmunbtn { text-align: center; position: fixed; top: 0; padding-top: 1em; padding-bottom: 1em; overflow:hidden; border-bottom: 0.05em solid #000000; }


/* Dropdown Content (Hidden by Default) */
.dropdown-content { display: none; text-align: center; font-weight:bold; font-size: 90%; position: relative; min-width: calc(100vw / 10); background-color: rgba(255, 255, 255, 0.85); border-bottom: 0.05em solid #000000; border-left: 0.05em solid #000000; border-right: 0.05em solid #000000;}
.dropdown-content A:hover { background-color: grey; }
.dropdown:hover .dropdown-content { display: block; }
.dropbtn:hover { background-color: grey; }
.fsmunbtn:hover { background-color: grey; }

/* Links inside the dropdown */
.dropdown-content A { color: black; padding: 0.6em; text-decoration: none; display: block; }

/* in-page navigational helpers are smaller */
P.navigation { font-size: 0.7em; text-align: right; margin-right: 10px; }

DIV.screenonly, PRE	 { text-align: left; }
DIV.navigation       { text-align: center; }

/* when printing, change font for readability, don't show navigational items or boxes */
@media print {
	BODY { font-family: times, serif; }
	.screenonly, .dropbtn, P.navigation, IMG.top, IMG.right { display: none; }
	H3 { border: none; text-align: center; }
	A:link, A:visited, A:hover, A:active	{ color:black; }	/* links should not change color on paper */
}

/* make things look a little nicer on screen */
@media screen { 
	BODY { margin-left: 7%; margin-right: 7%; }
	H3 { padding: 0.5em 0.8em 0.5em; float: left; z-index: -1;}
	BR.clear { clear: left; }
	IMG.top { width:117.2%; margin-left: -9%; overflow: hidden; } /* only found width by trial and error, not sure about arethmatics */
	IMG.right { width:25%; float:right; padding-left: 6%; padding-top:5%; padding-bottom:5%; }
	.button { align: left; background-color: #3333CC; border: 0.05em solid #000000; color: white; padding: 1em 2em; text-decoration: bold; display: inline-block; font-size: 1.2em; box-shadow: 0.5em 0.5em #333333; }
}