/* Horizontal Menu w/ 2 Tier dropdown */


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

#nav a {
display: block;
margin: 0;
padding: 6px 6px 8px 6px;
text-align: center;
color: #ffe5c6;
text-decoration: none;
position: relative;

}
#nav a:hover {
display: block;
color: #423129;
background-repeat: no-repeat;
background-image: url(../assets/nav-right.gif);
background-position: top right;
}

#nav li {
float: left;
position: static;
border-left: 1px solid #574137;
border-right: 1px solid #423129;
}

#nav li:hover {
background-repeat: no-repeat;
background-image: url(../assets/nav-left.gif);
background-position: top left;
border-left: 1px solid #47352d;
border-right: 1px solid #47352d;
}

#nav a.focus {
display: block;
color: #423129;
background-repeat: no-repeat;
background-image: url(../assets/nav-right.gif);
background-position: top right;
}

#nav li.focus {
background-repeat: no-repeat;
background-image: url(../assets/nav-left.gif);
background-position: top left;
border-left: 1px solid #47352d;
border-right: 1px solid #47352d;
}

#nav ul ul {
position: absolute;
z-index: 500;
}

#nav ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul
{display: none;}

div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;}