@charset "utf-8";
/* CSS Document */		

nav {
	/*font-family: 'Source Sans Pro', sans-serif;*/ /* define font family for menu if different than in body */
/*		font-weight: 400; */ 
/*		margin: 0em auto; */
	font-size: 1.25em;
/*		font-size: 1.0em;*/
	font-variant: small-caps;
	/*text-transform: uppercase;*/
	text-align: center;
	position: relative;
/*	background: #666666;*/ /*FOR WORK*/
		background: #ffffff; /* defines color of nav background - this is wider than just buttons */
/*		width: 100%; */
/*		padding: 0% 0% 0% 0%; */ /* top right bottom left */
/*		border: 0px solid #f00; */
	/*border-top: 2px solid #dddddd;*/ /* line above menu buttons inside wrapper */
	}

nav a {
	color: #333333;
	font-weight: 600;
/*	background: #ff0000;*/ /* defines color of menu background including dropdown area */
	}
			
nav a:hover {
	color: #333333;
	/* color: #fe94f6; */ 
	background: #ffffff;
	}

	nav ul li:hover > ul {
		display: block;
		}
		
	nav ul { 
		/* area stretching from menu butons to wrapper */ 
		list-style: none;
		position: relative;
		padding: 0.0em 0.0em 0.0em 0.0em;
		display: inline-table; /* this centers menu! for menu on the left just delete or comment this line */
				/* border-top: 2px solid #dddddd; */ /* line above menu buttons */
		}
		
	nav ul:after {
		content: ""; 
		clear: both; 
		display: block;
		}
	
	nav ul li {
		font-size: 1.0em; /* this sets ratio between main menu buttons text and drop down menu buttons text */
		display:inline-block;
		/* float: left; */ /*	main menu is centered when this line and also line "display" in "nav ul" is commented */
		/* background: transparent; */ /* this is background color of main "menu buttons" */
/*		background: #c6980b;*/ /*golden*/
				background: #ffffff; /* this is background color of main "menu buttons" */
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
/*				border: 2px solid #ffffff;*/
		}
	
	nav ul li:hover {			
		background: #ffffff; /* defines background of main menu cell when dropdown is hovered */
			/*	border-top: 1px solid #183861; */
		border-bottom: 1px solid #fe94f6;
/*				border: 2px solid #183861;*/
		}
		
	nav ul li a {
		display: block;
/*			color: #1f1f1f;
			font-weight: bold;*/
		padding: 0.5em 1.5em 0.5em 1.5em; /* top right bottom left */
		text-decoration: none;
		}
		
	nav ul li:hover a {
		text-decoration: none;
/*			color: #c6980b;
			background: #ffffff;*/
		}

/* dropdown main area */			
		nav ul ul {
			display: none;
			/*background: #00ff00;*/ /* color below buttons */
			border-width: 0px 0.0em 10px 0em;
			border-style: solid;
			border-color: #ffffff #ffffff #dddddd #ffffff;
/*			border-radius: 0em 0em 0em 0.0em;*/
			padding: 0;
			position: absolute; 
			top: 100%;
/*			box-shadow: 0em 0em 0.625em #686868;*/
			z-index: 5; /* overlays dropdown over other content */
			}


/* dropdown */	
		nav ul ul li {
			display: block;
        	text-align: left;
			float: none;
			background: #ffffff;
/* 			border-radius: 0.0em 0.0em 0.0em 0.0em;*/
/*			border-width: 0.0em 0.0em 0.0em 0.0em;*/
/*				border-style: solid;
				border-color: #000000 #000000 #eaf2f6 #000000; */
			}

/*		nav ul ul li:hover { 
			background: #c6980b;
			box-shadow: none;
				box-shadow: 0.0em 0.0em 0.25em 0.0em #666666 inset; 
			}*/ /*not needed ??? */

/* dropdown txt */
		nav ul ul li a {
			font-size: 1.0em;
			font-weight: normal;
			color: #000000;
			text-align: left;
			min-width: 10em;
			padding: 0.25em 1.5em;
			}	
			
		nav ul ul li a:hover {
/*			background: #c6980b;*/
			color: #000000;
			text-decoration: none;
			}

@media screen and (max-width: 48em) {
	
nav { 
	margin: 0em auto; /* wtf ??? */
	font-size: 1.25em;
	}
	
		nav ul li a {
			display: block;
			padding: 0.75em 1.0em 0.75em 1.0em; /* top right bottom left */
			text-decoration: none;
			}
			
		nav ul ul li a {
/*			font-size: 1.0em;*/
			padding: 0.75em 1.5em;
			}
	
}