/* awesome horizontal menu from http://www.seoconsultants.com/css/menus/tutorial/ */

#menu {
	background: #ffffff; /*float: left;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 1px 1px 1px 1px;
	z-index: 3000;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0; 
	text-align: left;
	float: left; 
}

#menu ul:hover{
	/*border: inset 1px #9CAF44;*/
}

#menu a {
	display: block;
	color: #083463;
	background: #ffffff;
	text-decoration: none;
}

#menu a:hover {
	color: #000000;
	background: #ffffff;
	/*border: 1px solid #446783;*/
}

#menu ul ul a{
	/* sub menus */
	/*border: 1px solid #00ff00;*/
	background: #ffffff;
	color: #010066;
	padding-left: 5px;
}
#menu ul ul a:hover{
	/*border: 1px solid #ff0000;*/
	background: #010066;
	color: #ffffff;
}
#menu li {
	position: relative;
}

#menu ul ul {
	border: 1px solid #010066;
	width: 175px;
	position: absolute;
	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;}