@charset "UTF-8";
/* CSS Document */
nav.menu  {
	position:relative; top:-10px;
	margin:19px auto; 
	padding:0;
	font-size:1.4em;
	text-align:center; 
	/* border: 1px solid */  /* temp for screenshots */
	}
nav.menu > ul {
	display:inline-block;
	/* border: 2px solid blue; */ /* temp for screenshots */
	}
nav.menu li {  
	float:left; /* makes menu horizontal */
	list-style-type:none; /* removes default bullets off lists */
	position:relative; /* position context for child list */
	line-height:1.15;
	}
nav.menu li a {   
	display:block; /* makes link fill li */
	padding:.25em .8em;
	font-family:"Balthazar", "Lato", sans-serif;
	font-style: normal;
	font-weight:600;
	font-size:1.2em;
	text-align:left;  
	color:#FC6;
	text-decoration:none; /* removes link underlining */
	z-index:20;
	-webkit-font-smoothing: antialiased; /* prevents pop of anti-alias change at end of opacity transition */
	}
nav.menu li.choice1 a {
	background:#911a0d;
	}
nav.menu li.choice2 a {
	background:#4eb8ea;
	}
nav.menu li.choice3 a {
	background:#d6e636;
	}
nav.menu li.choice4 a {
	background:#ee4c98;
	}
nav.menu li.choice5 a {
	background:#f58c21;
	}
nav.menu li:hover > a {
	color:#282928;
	border-color:#fff;
	border:0;
}
nav.menu li:last-child a  {
	border-bottom-right-radius:10px;
	}
nav.menu li:first-child a  {border-top-left-radius:10px;}

/* level 2 menus */
nav.menu li ul { 
	opacity:0; visibility:hidden; /* hides drop-down */	
	position:absolute; /* position relative to parent menu */
	width:12em;
	left:0;   /* aligns left of sub-menu to parent */
	top:100%; /* aligns bottom of sub-mneu to parent */
	-webkit-transition: 1s all; /* sets up transition of opacity and visibility*/
	-moz-transition: 1s all;
	     transition: 1s all;
	}
.touch nav.menu li ul { /* modernizr touch screen detect - transitioning visibility breaks touch menus */
	-webkit-transition: 1s opacity; 
	   -moz-transition: 1s opacity;
	        transition: 1s opacity; 
	}
/**:hover nav.menu li ul {visibility:hidden;} */ /* closes menus */
nav.menu li:hover > ul {
	opacity:1; /* both properties are transitioned */
	visibility:visible;
	}
nav.menu li li {
	float:none; /* kills inherited float - makes list stack */
}
nav.menu li li:first-child a {
	border-radius:0;
	}
nav.menu li li:last-child a {
	border-bottom-left-radius:10px;
	}
	
.no-csstransitions nav.menu li ul { /* for no-transitions browsers */
	visibility:visible; /* overrides transitions version */
	opacity:1;  /* overrides transitions version */
	display:none; /* hides menu if no css transition capability */
}
.no-csstransitions nav.menu li:hover > ul {
	display:block; /* displays menu when parent hovered */
}
