@charset "utf-8";

nav {
/*
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  margin: 50px auto;
*/
  font-size: 1em;
  width: 100%;
  line-height: 1.7em;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
     -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
          box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

.menu-item {
  background: #fff;
  width: 100%; 
  cursor: pointer;
}

/*Menu Header Styles*/
.menu-item h4 {
  border-top: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding: 3px 10px;	/* top & bottom, left & right */  
  background: #f0f0f0; 
}
.menu-item h4.link {
  color: black;
}

.menu-item.sub h4 {
  border-bottom: 0;
  border-top: 0;
  background: #f8f8f8; 
  width: 90%;
}

.menu-item.sub.closed ul{
	display:none;
}



.menu-item h4 a {
  color: #777777;
  display: block;
  text-decoration: none;
  width: 100%;
}

.menu-item h4 a:hover {
  color: #444444;
}

/*ul Styles*/
.menu-item ul {
  background: #fff;
  line-height: 1.7em;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  
}

.menu-item.sub h4 {
  padding: 0px 20px;
}
.menu-item .sub ul {
  padding: 0px 15px;
}

.menu-item ul a {
  text-decoration: none;
  color: #777777;
  width:100%;
	display: block;
}

/*li Styles*/
.menu-item li{
  margin-left: 20px;
  font-weight:normal;
  color:black;
}
.menu-item li:hover {
  background: #eee;
}