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


#menu {
	margin-top: 0.6em;
	margin-bottom:0.6em;
	padding-left:0;

}


aside ul#menu,  {
    padding: 0;
	margin-left: 0;
}




ul#menu ul.sub-menu {
    /*move submenu down and away */
	padding-bottom: 0px;
    margin: 0px;
}




ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}
/*Link Appearance*/
ul#menu li a {
    text-decoration: none;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 2em;
	color: #fff;
    background: #36c;
	padding-top: 22px;
	padding-bottom: 22px;
	padding-left: 20px;
	padding-right: 20px;
	/* margin-left: 0 px; Didn't move submenu to left */
    display:inline-block;
}


ul#menu li ul.sub-menu li a {
    text-decoration: none;
		font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	/*  font size affects position Small font (1 em) makes horizontal 1.5 em makes runover*/
	/*  3 em makes  vertical*/
	/*staying vertical at lower font sizes  */
	font-size: 1.5em;
    color: #FFF;
    background: #36c;    
	/* this top property doesn't seemt do anything */
	top: 0px;
	/* margin-left: 0;  Didn't move submenu to the left*/
	/*padding prevented open space between list items*/
	padding-top: 5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:15px; 
	/*minwidth worked in browser doesn't seem to work */
	/*larger minimum width keeps menu vertical */
	min-width: 300px;
    display:inline-block;
}

/*  Make every child item of a menu entry have a blue background. Previously children were getting a yellow background from contrast. */
ul#menu li ul.sub-menu li a * {
	background: #36c; 
}
/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
   /*When top is zero submenu sits on main menu */
   /*  When top value is too high, submenu is removed from main menu and doesn't work */
   top: 60px;
   /* This moved submenu under menu */
   padding-left: 0;
   margin-left: 0px;
	min-width:200px;
   
}

ul#menu li:hover ul.sub-menu {
    display:block;
}