* {margin:0; padding:0;}
div.menu {height:25px;border:1px solid red; background:#d4ecfb;}
nav.menu  {
	margin:0px auto; 
	padding:0;
	font-size:.8em;
	text-align:center; 
	}
nav.menu > ul {
	display:inline-block;
	}
nav.menu li {  
	float:left; /* makes menu horizontal */
	list-style-type:none; /* removes default bullets off lists */
	position:relative; /* position context for child list */
	}
nav.menu ul li a {
	display:block; /* makes link fill li */
	padding:.25em .8em;
	background-clip:padding-box; /* background only under padding, not border */  
	text-align:left;
	text-decoration:none; /* removes link underlining */
	font-family:"Source Sans Pro", helvetica, sans-serif;
	font-style: normal;
	font-weight:600;
	font-size:1.2em;
	color:#0000ff;
	-webkit-font-smoothing: antialiased; /* prevents pop of anti-alias change at end of opacity transition */
	}
nav.menu li.topmenu a {
	background:#d4ecfb;
	}
nav.menu li.choice1 a {
	background:#f58c21;
	}
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:#555;
	border-color:#fff;
	border:0;
	}
nav.menu li.xxx1 a {
	background:#ffff00;
	}
nav.menu li.xxx2 a {
	background:#00FF00;
	}
nav.menu li:last-child a  {
	border-bottom-right-radius:10px;
	}
nav.menu li:first-child a  {border-top-left-radius:10px;}

nav.menu li:hover>a,nav.menu li a.pressed{
	background-color:#aaffff;border-color:#C0C0C0;border-style:solid;color:#ff0000;text-shadow:#FFF 0 0 1px;background-image:url("mainbk.png");background-position:0 100px;text-decoration:none;}


/* level 2 menus */
nav.menu li ul { 
	opacity:0; 	
	visibility:hidden; position:absolute; /* position relative to parent menu */
	width:12em;
	left:0px;   /* aligns left of sub-menu to parent */
	top:100%; 	/* aligns bottom of sub-menu to parent */
	}
	
nav.menu li li {
	position:relative; /* position context for child list */
	float:none; /* kills inherited float - makes list stack */
	}

/* level 3 */
nav.menu li li ul {
	position:absolute; /* position relative to parent menu */
	left:100%; /* aligns menu with right of parent */
	top:40%; /* aligns with parent menu choice top */
	}

 .touch nav.menu li ul { /* uses modernizer to only transition opacity of touch devices */	
	-webkit-transition: 1s opacity; 
	   -moz-transition: 1s opacity;
	        transition: 1s opacity; 
	}
nav.menu li ul { 
	-webkit-transition: 1s all .2s; 
	   -moz-transition: 1s all .2s;
	        transition: 1s all .2s; 
	}
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 */
	}
@media only screen and (max-width:460px) { /* portrait iPhone */
	nav.menu ul li a {font-size:.9em;} /* scales menu to fit */
	}
@media only screen and (max-width:320px) { /* portrait iPhone */
	nav.menu ul li a {font-size:.8em;} /* scales menu to fit */
	}
