/*#logo { background:url(../images/bg-logo.gif) no-repeat left top; }*/

/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */
/*
	this rules improves accessibility - if Javascript is disabled, the entire menu will be visible
	of course, that means that it might require different styling then.
	in which case you can use adxie class - see: aplus.co.yu/adxmenu/examples/ie6-double-style/
*/

body { behaviour:(hover.htc); }
 
.menu ul { visibility:visible; position:static;}
.menu, .menu ul { /* float.clear */ zoom:1;}
.menu li.adxmhover { z-index:10000;}
.menu .adxmhoverUL { /* li:hover>ul selector */	visibility: visible;}
.menu .adxmhoverUL { /* 1st-level submenu go below their parent item */	top:100%; left:0; }
.menu .adxmhoverUL .adxmhoverUL { /* 2nd+ levels go on the right side of the parent item */ top:0; left:100%; }

/* - - - ADxMenu: DESIGN styles - - - */
.menu ul a { /* fix clickability-area problem */ zoom:1; }
.menu li li { /* fix white gap problem */ float:left; display:inline; width:100%;}
.menu li li { /* prevent double-line between items */ margin-top: -1px; }
/*.menu a:hover, .menu .adxmhoverA { /* li:hover>a selector */ color:#E73604; }*/
.menu .adxmhoverUL .adxmhoverUL { /* inset 2nd+ submenus, to show off overlapping */ top:0px; left:100%; }

#navigation .menu a, #navigation .menu a span { float:left; }

.menu a:hover, .menu .adxmhoverA { /* li:hover>a selector */
	background:url(../images/nav-top-left.gif) no-repeat left top;
	color: #0B496E;
}

.menu a:hover span, .menu .adxmhoverA span { /* li:hover>a selector */
	background:url(../images/nav-top-right.gif) no-repeat right top;
	color: #0B496E;
}

/*
#navigation .menu li li { border:1px solid orange; width:124px;}
#navigation .menu li li a { 
	padding:4px 16px 4px 26px;
	border:1px solid red;
}
*/

#navigation .menu li li li { width:199px; overflow:hidden;}


.menu li li a:hover, .menu li li .adxmhoverA { /* li:hover>a selector */ 
	background:#6C6C6C url(../images/arrow-white.gif) no-repeat 16px 10px;
	color:#FFF;
}

.menu li li a:hover span { background:#6C6C6C; color:#FFF; }

.menu li li li a:hover, .menu li li li .adxmhoverA { /* li:hover>a selector */	
	background:#DCDCDC url(../images/arrow-blue.gif) no-repeat 16px 10px;
	color:#0B496E;
}

.menu li li li a:hover span { background:#DCDCDC; color:#0B496E; }