/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
	position:absolute;
	left:0;
	top:113px; 
	width:960px; 
	height:37px; 
}
.menu ul {padding:0;margin:0;list-style:none;}                 
.menu ul li {float:left;position:relative;padding-right:10px;}                 
.menu ul li.item0 {float:left;position:relative;padding-right:12px;}
.menu ul li.last {padding-right:0px !important;} 
.menu ul li ul {display:none;}
.menu ul li a {   
	display:block;
	padding:2px 0 0 2px;
	width:164px;/*full:184px*/
	height:28px;/*full:37px*/
	font-weight:bold;
	font-size:1.05em; 
	text-decoration:none;
	overflow:hidden;
	border:none;
	background-color:#fff;
    overflow:hidden;
}              
.menu ul li.item0 a {color:#8dbd33;width:58px}
.menu ul li.item1 a {color:#8dbd33;}
.menu ul li.item2 a {color:#35a4dc;}
.menu ul li.item3 a {color:#e93479;}
.menu ul li.item4 a {color:#ECB300;}
.menu ul li.item5 a {color:#ec5d24;width:182px;}

.menu ul li a span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:166px;
	height:30px;
	background-repeat:no-repeat;
	background-position:left top;
	cursor:pointer; 
}
.menu ul li.item0-cs a span {background-image:url(../images/menu0-cs.png);width:60px;}
.menu ul li.item1-cs a span {background-image:url(../images/menu1-cs.png);}
.menu ul li.item2-cs a span {background-image:url(../images/menu2-cs.png);}
.menu ul li.item3-cs a span {background-image:url(../images/menu3-cs.png);}
.menu ul li.item4-cs a span {background-image:url(../images/menu4-cs.png);}
.menu ul li.item5-cs a span {background-image:url(../images/menu5-cs.png);width:184px;}

.menu ul li.item0-en a span {background-image:url(../images/menu0-en.png);width:60px;}
.menu ul li.item1-en a span {background-image:url(../images/menu1-en.png);}
.menu ul li.item2-en a span {background-image:url(../images/menu2-en.png);}
.menu ul li.item3-en a span {background-image:url(../images/menu3-en.png);}
.menu ul li.item4-en a span {background-image:url(../images/menu4-en.png);}
.menu ul li.item5-en a span {background-image:url(../images/menu5-en.png);width:184px;}

/* specific to non IE browsers */
.menu ul li a.active,
.menu ul li a:hover,
.menu ul li:hover a {
	color:#fff; 
	border-width:0 0 7px 0;
	border-style:solid;
}
.menu ul li.item0:hover a {background-color:pink;border-color:#f3b508;}
.menu ul li.item1:hover a {color:#000; background-color:#8dbd33;border-color:#8dbd33;}
.menu ul li.item2:hover a {background-color:#35a4dc;border-color:#35a4dc;}
.menu ul li.item3:hover a {background-color:#e93479;border-color:#e93479;}
.menu ul li.item4:hover a {background-color:#b0a189;border-color:#b0a189;}
.menu ul li.item5:hover a {background-color:#ec5d24;border-color:#ec5d24;}

.menu ul li.item0 a.active {background:pink;border:none;}
.menu ul li.item1 a.active {background:#8dbd33;border-bottom:7px solid #8dbd33;}
.menu ul li.item2 a.active {background:#35a4dc;border-bottom:7px solid #35a4dc;}
.menu ul li.item3 a.active {background:#e93479;border-bottom:7px solid #e93479;}
.menu ul li.item4 a.active {background:#ECB300;border-bottom:0px solid #ECB300;}
.menu ul li.item5 a.active {background:#ec5d24;border-bottom:7px solid #ec5d24;}


.menu ul li a.active span,
.menu ul li a:hover span,
.menu ul li:hover a span {
	background-position:right top;
}                                                               
	
	
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:37px; 
	left:0; 
	margin:0;
	padding:5px 0 5px 0;
	width:166px;
	background-repeat:repeat-y;
	background-position:left top;
}
.menu ul li.item1:hover ul {background-image:url(../images/menu1-submenu-bg.png);}
.menu ul li.item2:hover ul {background-image:url(../images/menu2-submenu-bg.png);}
.menu ul li.item3:hover ul {background-image:url(../images/menu3-submenu-bg.png);}
.menu ul li.item5:hover ul {width:184px;background-image:url(../images/menu5-submenu-bg.png);}

.menu ul li:hover ul li a {
	display:block; 
	padding:0 0 0 7px;
	width:159px;
	height:auto !important;
	line-height:25px !important;
	background:none!important; 
	border:none !important; 
	font-weight:normal;
	color:#fff !important;  
}
.menu ul li:hover ul li a:hover {
	background:#6fc; 
}
.menu ul li.item1:hover ul li a:hover {color:#000 !important;}
.menu ul li.item2:hover ul li a:hover {color:#a5c9ed !important;} 
.menu ul li.item3:hover ul li a:hover {color:#d07eab !important;}
.menu ul li.item5:hover ul li a:hover {color:#ed7444 !important;}