/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton_left.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, #nav ul {
float: left; 
padding: 0; margin: 0; 
list-style: none;
background: url(images/bg-nav.jpg) top left no-repeat #E9B76E; 
position: relative; 
z-index: 100;
border: 3px solid #AC7849;
}

#nav li li {
background: #581E12;
}
/* a hack for IE5.x and IE6 */
* html #nav li {
float:left;
}

#nav li a {
display: block;
font: 11px "Lucida Grande", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000; 
padding: 0 0 0 14px; 
margin: 0; 
height: 40px; 
line-height: 40px; 
text-decoration: none; 
white-space: nowrap; 
width: 170px;
border-bottom: 1px dotted #963;
}

#nav li a:hover {
background: #b37a53; 
color: #6a2210;
}

#nav li:hover {
position: relative; 
z-index: 300;
}

#nav li a.bottom {
border-bottom: 0;
}

#nav ul {
position: absolute; 
left: -9999px; 
top: -9999px;
}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {
width: 1px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {
left: -15px; 
margin-left: 100%; 
top:-1px;
border: 0;
}
/* keep further levels hidden */
#nav li:hover > ul ul {
position: absolute; 
left: -9999px;
top: -9999px;
width: auto;
}
/* show path followed */
#nav li:hover > a {
text-decoration: none; 
color: #000;
}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul {
left: -15px; 
margin-left: 100%; 
top: 0px;
}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul {
position: absolute; 
left: -9999px; 
top: -9999px;
}

/* show path followed */
#nav li:hover a {
text-decoration: none;
color: #fff; 
background: #E3A04F;
}

#nav li:hover li:hover a {
text-decoration: none; 
color: #fff; 
background: #C67B38;
}

#nav li:hover li:hover li:hover a {
text-decoration: none; 
color: #fff; 
background: #975026;
}

#nav li:hover li:hover li:hover li:hover a {
text-decoration: none; 
color: #fff; 
background: #83411E;
}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a {
text-decoration: none;
color: #000;
}