/*<![CDATA[*/ /* page styling, unimportant for the menu. only makes the page looks nicer */


/* - - - ADxMenu: BASIC styles - - - */ 
/* remove all list stylings */ 
.menu { height:40px;}
.menu, .menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } 
.menu li { margin: 0; padding: 0; border: 0; display: block; float: left;  /* move all main list items into one row, by floating them */ 
position: relative; /* position each LI, thus creating potential IE.win overlap problem */ 
z-index: 5; /* thus we need to apply explicit z-index here... */ } 
.menu li:hover { z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */ 
white-space: normal;

/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */ } 
.menu li li { float: none; /* items of the nested menus are kept on separate lines */ } 

.menu ul { visibility: hidden; /* initially hide all submenus. 
*/ position: absolute; z-index: 10; left: 0; 
/* while hidden, always keep them at the bottom left corner, */ bottom: 0; 
/* to avoid scrollbars as much as possible */ 
} 
.menu li:hover>ul { visibility: visible; 
/* display submenu them on hover */ top: 100%; /* 1st level go above their parent item */ } 
.menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */ 
bottom: 0; left: 100%; } /* -- float.clear -- force containment of floated LIs inside of UL */ 
.menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } 
.menu, .menu ul { /* IE7 float clear: */ min-height: 0; } 
/* -- float.clear.END -- */
/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */ 
.menu ul { background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ 
padding: 10px 10px 10px 10px; margin: 0 0 -10px -30px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */ } 
.menu ul ul { padding: 30px 30px 30px 10px; margin: 0 0 -30px -10px; } 

/* - - - ADxMenu: DESIGN styles - - - */ 
.menu, .menu ul li { color: #fff; background: #444; background-image: url(midia/menu_bg.jpg);} 
.menu ul { width: 25em;} 
.menu a { text-decoration: none; color: #eee; padding: .08em 1em; display: block; position: relative; } 
.menu a:hover, .menu li:hover>a { color: #fc3; } 
.menu li li { /* create borders around each item */ border: 1px solid #ccc; } 
.menu ul>li + li { /* and remove the top border on all but first item in the list */ border-top: 0; } 
.menu li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */ bottom: 3px; left: 90%; } 

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu placed here to clarify the terminology I use when referencing submenus in posts */ 
.menu>li:first-child>a, 
.menu li + li + li li:first-child>a { color: #fff; } /* Fix for IE5/Mac \*//*/ .menu a { float: left; } /* End Fix */ /*]]>*/ 


<!--[if lte IE 6]> 
 
/*<![CDATA[*/ /* - - - ADxMenu: BASIC styles - - - */ 
/* 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.rs/adxmenu/examples/ie6-double-style/ */ 
.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 */ bottom: 100%; left: 0; } 
.menu .adxmhoverUL .adxmhoverUL { /* 2nd+ levels go on the right side of the parent item */ bottom: 0; left: 100%; } 

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