nav {position: relative;  }

nav ul { list-style:none; margin:0; padding:0; }


nav ul::after {content:''; display: block; clear: both;}

nav ul li:hover {}

nav ul li:hover > ul {display:block;}



nav ul li a {display: inline-block; color:#069; font-size: 180%; padding:10px 60px 0px 30px; text-decoration:none; width: 700px;  }


nav ul li a:hover {}

nav ul ul {display:none; position:absolute; top:100px; background-image: url(../images/hatch2.png); width:900px; padding:10px 20px 10px 60px; }


nav ul ul li {position: relative;  width:400px;}





nav > ul > li {}
nav > ul > li > a {width:940px; background-color:rgba(255,255,255,0.4); padding:20px 0px 0px 40px;}


.black {color:#000;}