#menu {
	width: 758px;
	float: left;
	margin: 0 10px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 7.5em;
float: left;
}

#menu a, #menu a.main {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 0px 2px 10px;
}


#menu a {
color: #fff;
background-color: #17152b;;
text-decoration: none;
line-height: 22px;
vertical-align: 22px;
}

#menu a:hover {
color: #fff;
background-color: #6c6cce;
}

#menu a.top {
color: #fff;
background-color: #17152b;
text-transform: uppercase;
text-align: vertical;
line-height: 45px;
text-align: center;
padding: 0;
width: auto;
}

#menu a.parent {
	background: #17152b url(img/rightarrow2.gif) 16em center no-repeat;
}

#menu a.parent:hover {
	background: #6c6cce url(img/rightarrow2.gif) 16em center no-repeat;
}

#menu a.top:hover {
	background-color: #6c6cce;
}

#menu ul:hover li, #menu li:hover {
	background-color: #6c6cce;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
width: 12em;
z-index: 500;
}

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

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