/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist_langnav, .menulist_langnav  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist_langnav ul {
 display: none;
 position: absolute;
 top: 18px; /* adjust to height of graphics */
 margin-top: 0px;
 width: 108px;
 z-index: 1;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist_langnav ul ul {
 top: -1px; margin-top: 0;
 left: 109px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist_langnav li {
 float: left;
 display: block;
 position: relative;
 width: 108px;
 background: #99b5b0;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist_langnav ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
}
.menulist_langnav ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist_langnav a {
 display: block;
 overflow: hidden;
 color: #000;
 text-decoration: none;
}

.menulist_langnav a {
	height:				20px;
	width:				108px;
	text-indent:		-9999px;	/* hide text in menus */
	font-size:			1px;
}
.menulist_langnav a#langnav_top {
	height:				18px;
	background-image: url(/images/navigation/langnav_top.gif);
	background-repeat: none;
}
.menulist_langnav a#langnav_first {
	height:				3px;
	background-image: url(/images/navigation/langnav_first.gif);
	background-repeat: none;
}
.menulist_langnav a#arabic {
	background-image: url(/images/navigation/langnav_arabic.gif);
	background-repeat: none;
}
.menulist_langnav a#arabic:hover, .menulist_langnav a.highlighted#arabic, .menulist_langnav a#arabic:focus {
	 background-position: 0 -20px;
}
.menulist_langnav a#chinese_trad {
	background-image: url(/images/navigation/langnav_chinese_trad.gif);
	background-repeat: none;
}
.menulist_langnav a#chinese_trad:hover, .menulist_langnav a.highlighted#chinese_trad, .menulist_langnav a#chinese_trad:focus {
	 background-position: 0 -20px;
}
.menulist_langnav a#chinese_simple {
	background-image: url(/images/navigation/langnav_chinese_simple.gif);
	background-repeat: none;
}
.menulist_langnav a#chinese_simple:hover, .menulist_langnav a.highlighted#chinese_simple, .menulist_langnav a#chinese_simple:focus {
	 background-position: 0 -20px;
}
.menulist_langnav a#espanol {
	background-image: url(/images/navigation/langnav_espanol.gif);
	background-repeat: none;
}
.menulist_langnav a#espanol:hover, .menulist_langnav a.highlighted#espanol, .menulist_langnav a#espanol:focus {
	 background-position: 0 -20px;
}
.menulist_langnav a#francais {
	background-image: url(/images/navigation/langnav_francais.gif);
	background-repeat: none;
}
.menulist_langnav a#francais:hover, .menulist_langnav a.highlighted#francais, .menulist_langnav a#francais:focus {
	 background-position: 0 -20px;
}
.menulist_langnav a#italiano {
	background-image: url(/images/navigation/langnav_italiano.gif);
	background-repeat: none;
}
.menulist_langnav a#italiano:hover, .menulist_langnav a.highlighted#italiano, .menulist_langnav a#italiano:focus {
	 background-position: 0 -20px;
}
.menulist_langnav a#portugues {
	background-image: url(/images/navigation/langnav_portugues.gif);
	background-repeat: none;
}
.menulist_langnav a#portugues:hover, .menulist_langnav a.highlighted#portugues, .menulist_langnav a#portugues:focus {
	 background-position: 0 -20px;
}
.menulist_langnav a#turkish {
	background-image: url(/images/navigation/langnav_turkish.gif);
	background-repeat: none;
}
.menulist_langnav a#turkish:hover, .menulist_langnav a.highlighted#turkish, .menulist_langnav a#turkish:focus {
	 background-position: 0 -20px;
}
.menulist_langnav a#langnav_bottom {
	height:				7px;
	background-image: url(/images/navigation/langnav_bottom.gif);
	background-repeat: none;
}


/* Only style submenu indicators within submenus. */
.menulist_langnav a .subind {
 display: none;
}
.menulist_langnav ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist_langnav a {
 float: left;
}
.menulist_langnav ul a {
 float: none;
}
/* \*/
.menulist_langnav a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist_langnav ul li {
 float: left;
 width: 100%;
}

* html .menulist_langnav ul li {
 float: left;
 height: 1%;
}
* html .menulist_langnav ul a {
 height: 1%;
}
/* End Hacks */