/* 
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by/2.0/
 */
#menu {display:block;width:970px;position:relative;top:0px;left:2px;}
#menu ul {margin:0;padding:0;border:0;list-style-type:none;font-size:13px;}
#menu li {margin:0;padding:0;border:0;display:block;float:left;position:relative;}
#menu a {display:block;}
#menu li li {width: 100%;}
/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {top:0;left:0;}
/* ...and then place it where it should be when shown */
#menu li li:hover ul {left: 100%;}
/* initialy hide all sub menus */
#menu li ul {display:none;position:absolute;z-index:20;}
#menu li:hover>ul {display:block;}
/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {content: ".";height:0;display:block;visibility: hidden;overflow: hidden;clear: both;}
/* Fix for IE5/Mac \*//*/
#menu a {float:left;}
#menuList {display:inline-block;}
/* */
/* IE7 float clear: */
.menu, .menu ul {min-height: 0;}
/* -- float.clear.END --  */
/*	 ------ Make-up	--------	 */
#menu {color:white;}
#menu li:hover {background-color:#b71348;color:white;}
#menu a {text-decoration:none;text-align:center;color:white;padding:4px 5px 5px;}
#menu li:hover>a {color:white;}
#menu li ul {color:white;background-color:#003a92;border:1px solid white;width:190px;}
#menu li ul a {text-align:left;}