body {
	margin-top: 50px;
	font-family: Arial;
}
h2 { font-size: 20px; color: #999; padding: .5em 0;}
h3 { font-size: 14px; }

/* Structure
------------------------------------------*/
#coolMenu,
#coolMenu ul {
	list-style: none;
}
#coolMenu {
	float: left;
}
#coolMenu > li {
	float: left;
}
#coolMenu li a {
	display: block;
	height: 2em;
	line-height: 2em;
	padding: 0 1.5em;      /* distanta intre elementele meniului */
	text-decoration: none;
}
#coolMenu ul {
	position: absolute;
	display: none;
	z-index: 999;
}
#coolMenu ul li a {
/*	width: 35px; */          /* latimea liniei de meniu la "popup" (initial 80) */
/*	width: 100px;*/           /* latimea liniei de meniu la "popup" (initial 80) */
	width: 70px;           /* latimea liniei de meniu la "popup" (initial 80) */
}
#coolMenu li:hover ul.noJS {
	display: block; 
}


/* Main menu
------------------------------------------*/
#coolMenu {
	font-family: Arial;
	font-size: 12px;
	background: #2f8be8;   /* background bara de meniu */
}
#coolMenu > li > a {
	color: #fff;
	font-weight: bold;
}
#coolMenu > li:hover > a {
	background: #f09d28;   /* background text meniu vertical */
	color: #000;
	color: #0000f0;       
}


/* Submenu
------------------------------------------*/
#coolMenu ul {
	background: #f09d28;   /* background text meniu @ MouseOver */
}
#coolMenu ul li a {
	font-weight: bold;
	color: #fff;           /* #000 */
}
#coolMenu ul li:hover a {
	background: #ffc97c;   /* background text meniu vertical @ MouseOver */
        color: #000;
	color: #0000f0;       
}