/*** ESSENTIAL STYLES ***/
.katmenu, .katmenu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.katmenu {
	line-height:	1.0;
}
.katmenu ul {
	position:		absolute;
	top:			-999em;
}
.katmenu ul li {
	width:			100%;
}
.katmenu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.katmenu li {
	float:			left;
	position:		relative;
	text-align: left;
}
.katmenu a {
	display:		block;
	position:		relative;
}
.katmenu li:hover ul,
.katmenu li.sfHover ul {
	left:			0;
	top:			52px; /* match top ul list item height */
	z-index:		99;
}
ul.katmenu li:hover li ul,
ul.katmenu li.sfHover li ul {
	top:			-999em;
}
ul.katmenu li li:hover ul,
ul.katmenu li li.sfHover ul {
	left:			160px; /* match ul width */
	top:			0;
}
ul.katmenu li li:hover li ul,
ul.katmenu li li.sfHover li ul {
	top:			-999em;
}
ul.katmenu li li li:hover ul,
ul.katmenu li li li.sfHover ul {
	left:			160px; /* match ul width */
	top:			0;
}

/*** SKIN ***/

.katmenu a {
	color: #000000;
	padding: 		.75em 1em;
	text-decoration:none;
}

.katmenu ul a {
	color: #000000;
	padding: 		.75em 1em;
	text-decoration:none;
	font-size: 11px;
	width: 140px;
}

.katmenu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000000;
}

.katmenu ul a:focus, .katmenu ul a:hover, .katmenu ul a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.katmenu ul .sf-sub-indicator { background-position:  -10px 0; }
.katmenu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.katmenu ul a:focus > .sf-sub-indicator,
.katmenu ul a:hover > .sf-sub-indicator,
.katmenu ul a:active > .sf-sub-indicator,
.katmenu ul li:hover > a > .sf-sub-indicator,
.katmenu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}




#menu #subm442 ul { background: #AF2F2F; }
#menu #subm492 ul { background: #B08793;  }
#menu #subm495 ul { background: #265EA9;  }
#menu #subm498 ul { background: #5C91D8;  }
#menu #subm496 ul { background: #BAD111; }
#menu #subm497 ul { background: #D3E865;  }
#menu #subm490 ul { background: #6A588E;  }
#menu #subm506 ul { background: #B1A6C5; }

#menu ul ul a {  font-weight: normal; }

#menu #subm442 { width: 116px; font-size: 12px; font-weight: bold; height: 49px; text-align: center; padding: 2px 0px 0px 0px; line-height: 120%; }
#menu #subm442.fr { height: 43px;padding: 10px 0px 0px 0px; }
#menu #subm442.en { height: 43px;padding: 10px 0px 0px 0px; }
#menu #subm492 { width: 121px; font-size: 12px; font-weight: bold; height: 49px; text-align: center; padding: 2px 0px 0px 0px; line-height: 120%; }
#menu #subm495 { width: 120px; font-size: 12px; font-weight: bold; height: 49px; text-align: center; padding: 2px 0px 0px 0px; line-height: 120%; }
#menu #subm498 { width: 120px; font-size: 12px; font-weight: bold; height: 49px; text-align: center; padding: 2px 0px 0px 0px; line-height: 120%; }
#menu #subm498.fr { width: 100px; padding: 2px 10px 0px 10px; }
#menu #subm496 { width: 120px; font-size: 12px; font-weight: bold; height: 49px; text-align: center; padding: 2px 0px 0px 0px; line-height: 120%; }
#menu #subm497 { width: 120px; font-size: 12px; font-weight: bold; height: 49px; text-align: center; padding: 2px 0px 0px 0px; line-height: 120%; }
#menu #subm497.fr { width: 90px; padding: 2px 15px 0px 15px; }
#menu #subm490 { width: 123px; font-size: 12px; font-weight: bold; height: 49px; text-align: center; padding: 2px 0px 0px 0px; line-height: 120%; }

#menu #subm506 { width: 114px; font-size: 12px; font-weight: bold; height: 43px; text-align: center; padding: 10px 0px 0px 0px; line-height: 120%; }

#menu .katmenu .sf-sub-indicator { display: none;}
#menu .katmenu ul .sf-sub-indicator { display: block;}
#menu .katmenu ul a { width: 138px; }