.menu{line-height: 1;
	margin: 0 0 1.2em 0;
	display: block;
	position: relative;}

.menu, .menu ul { /* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
}

.menu ul {
	width: 100%;
	display: block;
	visibility: hidden;
	position: absolute;
	clear: both;
	top: 1.2em;/* watch for this value! you must make sure that this value and value of line-height for the parent items are such that it is possible to move the mouse over to submenu */
	left: 0;
}


/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* -- float.clear.END --  */

.menu li.selected ul, .menu li:hover ul {
	visibility: visible;
}

.menu li.selected ul {
	z-index: 10;
}

.menu li:hover ul {
	z-index: 100;
}

/*		Navigation make-up 	*/

.menu {
	font-size: .9em;
	font-weight: bold;
	color: #fff;
	padding: 0 2em;
}

.menu a {
	color: #fff;
	text-decoration: none;
	padding: 0.5em 5px 0.7em;
	display: block;
}

.menu li {
	margin: 0;
	background: url(../img/tableft.gif) no-repeat left top;
	padding:0 0 0 4px;
    text-decoration:none;
}

.menu li a {
	float:left;
	display:block;
	background: url(../img/tabright.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	color: #fff;
}

/* if the following selector was ".navig li:hover a" IE7 will NOT render nested UL! the reason is the background-color rule. */
.menu li:hover {
	background-position:0% -42px;
}
/* which is why the link is styled separatelly */
.menu li:hover a {
	color: #ED2024;
	background-position:100% -42px;
}

.menu li:hover ul {
}

/* always pay attention that the value for top is such that it is possible to move the mouse over to submenu */
.menu ul {
	top: 1.9em;
	padding: 0.2em 3em;/* should be identical to .navig, for best results */
	color: #7F7772;
	width: 918px;
}

.menu li li {
	border-right: 1px solid #CCCCCC;
	background: none;
	padding:0 0 0 4px;
	color: #7F7772;
}

.menu li li a {
	color: #7F7772;
	background: none;
	padding:5px 15px 4px 6px;
}

.menu li li a:hover {
	text-decoration: underline;
	color: #ED2024;
}

/* fix the colors for selected item and submenu, for better usability */

.menu li.selected a, .menu li.selected, .menu li.selected a:hover {
	color: #7F7772;
}

.menu li.selected, .menu li.selected:hover a, .menu li.selected ul {
	color: #7F7772;
}

/* IE5/Mac: \*//*/

.menu {
	display: inline-block;
}

.menu a {
	float: left;
}

.menu li a { float: none;}

.menu li ul {
	top: 1.8em;
	height: 2em;
}

.menu li li, .menu li li a {
	display: inline;
	float: none;
}

/*  */