/* -------------------------------------------------- */
	/* MENU BAR */
	/* -------------------------------------------------- */

#menu {
width:988px;
background: url(../images/navbar.jpg);
float: left; z-index: 1000; position: relative; top: 5px; left: 0;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 164px;
float: left; position: relative;}

#menu a, #menu h2 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-bottom: 1px solid #ddd;
margin: 0;
padding: 3px 0px; text-align: center; width: 167px;
}

#menu h2 {
color: #663366;
background: url(../images/navbar2.png);
text-transform: uppercase; 
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #663366;
background: #f8f8f8;
}

#menu li {position: relative;}

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

#menu ul ul {
position: absolute;
z-index: 900;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{display: block;}

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

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