/* Nav
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.jqueryslidemenu {position:relative; background:url(../images/menu_bg.jpg) no-repeat; width:787px; height:40px; z-index:999}
.jqueryslidemenu ul {margin: 0; padding: 0; list-style-type: none;}

/*Top level list items*/
.jqueryslidemenu ul li {position: relative; display: inline; float: left;}
.jqueryslidemenu a {outline:none; display:block;}
.jqueryslidemenu li a span, #mainNav-en li a span {display:block; text-indent:-9000px; overflow:hidden;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a {display: block; text-decoration: none; cursor:pointer}

.jqueryslidemenu li.item1-fr {width:127px; height:28px; top:5px; left:60px; position:absolute}
.jqueryslidemenu li.item1-fr a {background:url(../images/fr/nav/mainNav1.jpg) top left no-repeat; width:127px; height:28px; display:block}
.jqueryslidemenu li.item1-fr a:hover {background-position:left bottom;}
.jqueryslidemenu li.item1-en {width:127px; height:28px; top:5px; left:60px; position:absolute}
.jqueryslidemenu li.item1-en a {background:url(../images/en/nav/mainNav1.jpg) top left no-repeat; width:127px; height:28px; display:block}
.jqueryslidemenu li.item1-en a:hover {background-position:left bottom;}

.jqueryslidemenu li.item2-fr {width:96px; height:28px; top:5px; left:208px; position:absolute}
.jqueryslidemenu li.item2-fr a {background:url(../images/fr/nav/mainNav2.jpg) top left no-repeat; width:96px; height:28px; display:block}
.jqueryslidemenu li.item2-fr a:hover {background-position:left bottom;}
.jqueryslidemenu li.item2-en {width:96px; height:28px; top:5px; left:208px; position:absolute}
.jqueryslidemenu li.item2-en a {background:url(../images/en/nav/mainNav2.jpg) top left no-repeat; width:96px; height:28px; display:block}
.jqueryslidemenu li.item2-en a:hover {background-position:left bottom;}

.jqueryslidemenu li.item3-fr {width:107px; height:28px; top:5px; left:326px; position:absolute}
.jqueryslidemenu li.item3-fr a {background:url(../images/fr/nav/mainNav3.jpg) top left no-repeat; width:107px; height:28px; display:block}
.jqueryslidemenu li.item3-fr a:hover {background-position:left bottom;}
.jqueryslidemenu li.item3-en {width:107px; height:28px; top:5px; left:326px; position:absolute}
.jqueryslidemenu li.item3-en a {background:url(../images/en/nav/mainNav3.jpg) top left no-repeat; width:107px; height:28px; display:block}
.jqueryslidemenu li.item3-en a:hover {background-position:left bottom;}

.jqueryslidemenu li.item4-fr {width:118px; height:28px; top:5px; left:457px; position:absolute}
.jqueryslidemenu li.item4-fr a {background:url(../images/fr/nav/mainNav4.jpg) top left no-repeat; width:118px; height:28px; display:block}
.jqueryslidemenu li.item4-fr a:hover {background-position:left bottom;}
.jqueryslidemenu li.item4-en {width:118px; height:28px; top:5px; left:457px; position:absolute}
.jqueryslidemenu li.item4-en a {background:url(../images/en/nav/mainNav4.jpg) top left no-repeat; width:118px; height:28px; display:block}
.jqueryslidemenu li.item4-en a:hover {background-position:left bottom;}

.jqueryslidemenu li.item5-fr {width:142px; height:28px; top:5px; left:593px; position:absolute}
.jqueryslidemenu li.item5-fr a {background:url(../images/fr/nav/mainNav5.jpg) top left no-repeat; width:145px; height:28px; display:block}
.jqueryslidemenu li.item5-fr a:hover {background-position:left bottom;}
.jqueryslidemenu li.item5-en {width:142px; height:28px; top:5px; left:593px; position:absolute}
.jqueryslidemenu li.item5-en a {background:url(../images/en/nav/mainNav5.jpg) top left no-repeat; width:145px; height:28px; display:block}
.jqueryslidemenu li.item5-en a:hover {background-position:left bottom;}

.jqueryslidemenu li.current a {background-position:left bottom;}

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

/*.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}
*/
/*.jqueryslidemenu ul li a:hover{
background: black; 
color: white;
}*/
	

/*1st sub level menu*/
.jqueryslidemenu ul li ul {position:absolute; left:0; top:20px; padding-top:8px; display:block; visibility:hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {
	display: list-item;
	float: none; 
	width:170px;
	background-color:#f9f6c4;
	border-bottom: 1px solid #FFEBAF;
	font-weight:bold;
	}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul {top: 0;}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {
font: normal 14px Arial;
width: 170px !important; /*width of sub menus*/
padding: 5px 0px 5px 5px;
margin: 0;
border-top-width: 0;
background: none !important;
color:#f9ac35; 
height:22px !important;
line-height:22px !important;
}

.jqueryslidemenu  ul li a:hover, 
.jqueryslidemenu  ul li:hover a, 
.jqueryslidemenu  ul li.iehover a {
	line-height:28px;
	background-position:left bottom;	
	
}

/*sub menus hover style*/
.jqueryslidemenu ul li ul li a:hover { 
color:#ff921e;
}

.jqueryslidemenu ul li ul li.current_sub a {color:#ff921e; font-weight:bold}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}