/************************************************************  UL ELEMENTS */
/*Every level*/
#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: center;
   cursor: pointer;
}

/*Level 2 and 3*/
#nav ul {
	position: absolute;
   z-index: 100;
	top: -1000px;
   width: 175px;
   background-color: #5b3a1a;
   padding: 2px;
}

/*On hover of top level, move the drop down nav into position*/
#nav li:hover ul,
#nav li.iehover ul {
  top: 21px;
}
/*Move level 3 out of the way*/
#nav li:hover ul ul,
#nav li.iehover ul ul {
  top: -1000px;
}
/*On level 2 hover, move level 3 into position*/
#nav li li:hover ul,
#nav li li.iehover ul {
  left:181px;
  top:1px;
}

/************************************************************  LI ELEMENTS */
/*Every level*/
#nav li {
   text-align: center;
	position: relative;
	float: left;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0px;
   padding: 0px;
}

/*Level 2 and 3*/
#nav li li{
	top: -1px;
   margin: 0px;
   padding: 0px;
   text-align: left;
   width: 175px;
   border-top: 1px solid #5b3a1a;
}

/*On hover of levels 2 and 3*/
#nav li ul li:hover,
#nav li ul li.iehover {
}

/************************************************************  A ELEMENTS */
/*Every level*/
#nav a {
	color: white;
   text-decoration: none;
   display: block;
   font-family: Arial, sans-serif;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   padding: 3px 10px;
   font-weight: bold;
}

/*Level 2 and 3*/
#nav li li a, #nav li li li a {
   color: black;
   padding: 5px;
   font-size: 12px;
   background: white;
   height: auto;
   font-weight: normal;
}

/*On hover of level 1*/
#nav a:hover, #nav a.On {
   text-decoration: underline;
}

/*On hover of levels 2 and 3*/
#nav li.iehover li a:hover, #nav li:hover li a:hover {
   background: #C0C0C0;
}
