div.menu
{
    clear: both;
}

div.menu ul.nav
{
    width: 100%;
	margin: 0;
	padding: 0;
	background: #0099CC url(images/menu-bg-lightblue.jpg) repeat-x top left;
	line-height:1;
	
}

div.menu li
{
    float: left;
	margin: 0;
	padding-right: 1px;
	list-style: none;
	background: url(images/menu-li-bg-lightblue.gif) repeat-y top right;
	
}

div.menu a
{
    display: block;
	padding: 8px 13px;
	text-decoration: none;
	color: #fff;
    font: 80% "Lucida Grande", verdana, sans-serif;
}

div.menu a:hover
{
	color: #fff;
	background: #4682b4;
	/*background: #404040;*/
}

div.menu li ul,
div.menu li ul li
{
    width: 10em;
	background: #0099CC;
	/*background: #404040;*/
	padding: 0;
	margin: 0;
	
}
div.menu li ul ul 
{ 
    margin: -1.6em 0 0 10em; 
    padding: 0;
}
div.menu li ul
{
    margin: 0;
    padding: 0;
	position: absolute;
	left: -9999px;
	border: solid 0.1em #0099CC;
}

div.menu li ul li
{	
    padding: 0;
}

div.menu li:hover ul ul, 
div.menu li.hover ul ul 
{ 
    left: -9999px; /*Hide the 3rd level*/
}
div.menu li:hover ul, 
div.menu li li:hover ul, 
div.menu li.hover ul, 
div.menu li li.hover ul 
{ 
    left: auto; /*Display the 3rd level*/
}
div.menu li:hover ul, div.menu li.hover ul
{
    left: auto;
}

div.menu li:hover a, div.menu li.hover a
{    
    color: #fff;
	background: #0099CC;
	/*background: #404040;*/
}

div.menu li:hover ul li a,
div.menu li.hover ul li a,
div.menu li ul li a
{
	display: block;
	padding: 0.3em 22px 0.3em 29px;
	/*background: url(images/submenu-li-bg.gif) no-repeat 12px 50% !important; */
}

div.menu li ul li a:hover,
div.menu li ul li ul li a:hover
{
    background: #4682b4 !important;
    /*background: #4682b4 url(images/submenu-li-bg.gif) no-repeat 12px 50% !important;*/
	color: #fff;
}

div.menu li ul li a.sub
{
    background: url(images/submenu-li-bg.gif) no-repeat 12px 50% !important;
}
div.menu li ul li.hover a.sub
{
    background: #4682b4 url(images/submenu-li-bg.gif) no-repeat 12px 50% !important;
}