/* Style sheet for EFMB web page for small devices */

/* General instructions for font, color, and background image */
body {
	font-family: Ariel, Futura, Verdana;
	color: #344152;
	margin: 10px;
	background-image: linear-gradient(to bottom, rgba(255,187,0,1), white);
	background-size: contain;
}

/* General selector values */

/* Paragraph break height */
p {
	line-height: 1.4em;
}

#wrapper {
	width: 30px;
}

/* Page Layout */


#header {
	position: absolute;
	top: 10;
	left: 10;
	text-align: center;
	}

#content {
	margin-top: 80px; 
	margin-left: 40px; 
	font-size: 2em; 
}
				
			
/* Layout for divisions containing images and their captions */

#picture {
	padding: 1px;
	float: right;
	text-align: center;
	font-size: 8pt;
	margin-right: 10px; 
	margin-left: 10px; 
}

#content img {
	margin-right: 10px; 
	margin-left: 10px; 
		}

/* Heading fonts and formats */
h2 {
	font-family: Skia, Futura, Verdana, Ariel;
	color: #344152;
	font-size: 4.0em;
	margin: 0;
	padding: 0.1em;
	padding-left: 1em;
	text-align: center;
	font-weight: plain;
}

/* Margins and alignment for images in the content division */					
#content img {
	margin-right: 10px; 
	margin-left: 10px; 
		}
a {
	text-decoration: none;
}

/* Colors for linked text, before and after being clicked */			
a:link {
	color: #1C86EE;
}

a:visited {
	color: #104E8B;
}

/* dropdown layout */


ul { /* all lists... */
	padding: 0;
	margin: 0;
	background-color: white;
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,1);
}
	
li { /* all list items... */
	display: inline; /* set the list items left-to-right */
	position: relative; /* set the origin for child boxes to be positioned from */
	font-size: 1em;
}

ul ul { /* lists within lists... */
	position: absolute; /* place them over the top of everything */
	left: 0; /* align them to the left of the parent list item  - necessary for some older browsers */
	top: 100%; /* align them to the bottom of the parent list item - again only necessary for older browsers */
	display: none; /* hide 'em */
}
	
li:hover ul { /* when list items are hovered over, do this to lists contained within them... */
	display: block; /* show 'em */
}