/* Horizontal nav w/ 2 Tier dropdown */

#nav {
height: 40px;
background: url(/assets/nav-tab-bg.gif);
}

.arrow {
background: url(/assets/nav-arrow.gif) no-repeat 8px right !important;
}

#navlast {
height: 40px;
width: 15px;
float: left;
background: url(/assets/nav-tab-left.gif) no-repeat top left;
}

#nav .bg {
height: 40px;
background: url(/assets/nav-tab-right.gif) no-repeat top right;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
display: block;
float: left;
}

#nav a {
display: block;
position: relative;
margin: 0;
padding: 12px;
text-align: center;
color: #fff;
font-weight: bold;
text-decoration: none;
background: url(/assets/nav-tab-left.gif) no-repeat top left;
}

#nav ul a:hover, #nav ul li:hover a {
background: url(/assets/nav-tab-leftb.gif) no-repeat top left;
}

#nav li {
float: left;
position: static;
}

#nav li {
background: url(/assets/nav-tab-right.gif) no-repeat top right;
}

#nav li:hover {
background-color: #f67c10;
background: url(/assets/nav-tab-rightb.gif) no-repeat top right;
}

#nav ul ul {
position: absolute;
z-index: 500 !important;
background: #d68102;
border-top: 1px solid #af6900;
}

#nav ul ul li {
clear: left;
width: 200px;
border-bottom: 1px solid #af6900;
background: url(/assets/spacer.gif) no-repeat #d68102;
position: relative;
z-index: 500 !important;
}

#nav ul ul li:hover {
background: url(/assets/spacer.gif) no-repeat #d68102;
}

#nav ul ul li a {
padding: 6px 0 6px 12px;
text-align: left;
background: none !important;
}

#nav ul ul li a:hover {
background: url(/assets/nav-tab-bg.gif) repeat-x #d68102 !important;
}

#nav ul ul ul {
margin-top: -1px;
position: absolute;
top: 0;
left: 100%;
}

#nav ul ul ul li {
width: 230px;
}

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;}