/**********************/
/* Noot Vir Noot Menu */
/**********************/

#menu
{
	position:relative;
	float:left;
	width:920px;
	height:100px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}

#menu ul, #menu li {
	list-style-type: none;
	margin:0;
	padding:0;
}

#menu ul {
	position: absolute; /* positionning for IE5 et IE5.5 */
	left:0px;
	top:0px;
	background:transparent url(e_menu_full.jpg) top left no-repeat;
	width:920px;
	height:100px;
	text-align:center;
}

#menu li {
	display: inline; /* correction for IE5 et IE5.5 */
}

#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding-top:100px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	overflow:hidden;
	display: block;
	line-height:100px;
	height:0px !important;
	height: /**/:100px; /* IE 5 hack */
	position:relative;
	top:0px;
	float:left;
	overflow:hidden;
	display:block;
}

#menu li a#menu1
{
	left:0px;
	width:63px;
	margin-left:0px;
}

#menu li a#menu2
{
	left:64px;
	width:145px;
	margin-left:-63px;
}

#menu li a#menu3
{
	left:209px;
	width:107px;
	margin-left:-146px;
}

#menu li a#menu4
{
	left:316px;
	width:95px;
	margin-left:-146px;
	/* No idea why the margin changes once and never again, but this works... I suspect it has something to do with the maximum width of any section prior to the current menu item, i.e. if there is another menu item hereafter with a larger width, then the following items would once again adjust their negative margins */
}

#menu li a#menu5
{
	left:411px;
	width:106px;
	margin-left:-146px;
}

#menu li a#menu6
{
	left:517px;
	width:106px;
	margin-left:-146px;
}

#menu li a#menu7
{
	left:623px;
	width:121px;
	margin-left:-146px;
}

#menu li a#menu8
{
	left:744px;
	width:108px;
	margin-left:-146px;
}

#menu li a#menu9
{
	left:852px;
	width:69px;
	margin-left:-146px;
}

#menu li a:hover
{
	background:transparent url(e_menu_full.jpg) top left no-repeat;
}

#menu a#menu1:hover, a#menu1:active
{
	background-position: 0px -100px;
}

#menu a#menu2:hover, a#menu2:active
{
	background-position: -64px -100px;
}

#menu a#menu3:hover, a#menu3:active
{
	background-position: -208px -100px;
}

#menu a#menu4:hover, a#menu4:active
{
	background-position: -315px -100px;
}

#menu a#menu5:hover, a#menu5:active
{
	background-position: -410px -100px;
}

#menu a#menu6:hover, a#menu6:active
{
	background-position: -516px -100px;
}

#menu a#menu7:hover, a#menu7:active
{
	background-position: -622px -100px;
}

#menu a#menu8:hover, a#menu8:active
{
	background-position: -743px -100px;
}

#menu a#menu9:hover, a#menu9:active
{
	background-position: -851px -100px;
}