/****
TJK_keyBoardDropDown
Pure CSS Drop Down Menu [TJK_keyBoardDropDown] v1.2
Copyright 2006, Thierry Koblentz - TJKDesign.com - All rights reserved.
Read www.TJKDesign.com/articles/Pure_CSS_dropdown_Menus.asp
****/

div#navbar {
z-index: 10;
height: 20px;
width: 100%;
background: #565656 url(/images/navbg6.jpg);
}

/* "Master" UL (the whole Menu) */
#navbar ul {
font-size: 12px;
letter-spacing: 2px;
z-index: 5;
background: url(/images/navbgr.png) no-repeat top right;
height: 20px;
width: 100%;
}

/* Top/All LIs */
#navbar li {
list-style-type: none;
display: block;
float: left;
width: 12.45%;
text-align: center;
}

li.first {background:url(/images/navbgl.png) no-repeat}

/* All anchors */
#navbar li a {
text-transform: uppercase;
color: #fff;
height: 20px;
/* padding:; */
display: block;
text-align: center;
font-weight: bold;
}

/* sub-menu ULs */
#navbar li ul,
#navbar li ul ul {
cursor: pointer;
width: 15.6%;
height: auto;
background: url(/images/navbg6.jpg);
border-left: 3px solid #f90;
}

/* sub-menu LIs */
#navbar ul ul li {
height: 25px;
width: auto;
border-top: 1px dashed #aaa;
float: none;
}

/* sub menu anchors */
#navbar li li a {
text-align: left;
font-size: 12px;
text-transform: uppercase;
padding: 2px 0 0 10px;
height: 25px;
width: inherit;
}

#navbar li ul { /* second-level lists */
position: absolute;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navbar li ul ul { /* third-and-above-level lists */
margin: 0 0 0 100%;
top: 50px;
width: 100%;
}

/* keep third level lists hidden on first level hover */
#navbar li:hover ul ul,
#navbar li.sfhover ul ul {
left: -999em;
margin-top: -50px;
}

/* lists nested under hovered list items */
#navbar li:hover ul, 
#navbar li li:hover ul, 
#navbar li.sfhover ul, 
#navbar li li.sfhover ul { 
left: auto;
}

#navbar li:hover ul { 

}

#navbar li li:hover ul {

}

#navbar li li:hover li a,
#navbar li li.sfhover li a { /*keep 3rd level style on 2nd level hover */
}

/* sub menu hover styles */
#navbar li:hover,
#navbar li.sfhover,
#navbar li li:hover, 
#navbar li li.sfhover,
#navbar li li li:hover,
#navbar li li li.sfhover {
background: url(/images/navhover3.jpg) left top;
}