#menu {
font-family: arial, sans-serif; 
font-weight: bolder;
width:950px; 
margin:0;
background-color: #666666;
color: #000000;
}

#menu div.language
{
	background-image: url(../res/language.jpg);
	background-repeat: no-repeat;
	width:200px;
	background-position: bottom;
	text-decoration:none;  
	float: right;
	display:block; 
	line-height:30px; 
	text-align: center;
}

#menu div.language a
{  
	font-size:11px;
 	color: #FF4500;
	display:block;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
#menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
#menu ul li {
float:left; 
position:relative; 
background-color: #CCCCCC;
}
/* style the links to be 124px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
#menu ul li a, #menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:124px; 
height:30px; 
color: #FFF; 
border:1px solid #FFF;
border-width:0px 1px 0 0;
background: #666666; 
line-height:30px; 
font-size:11px;

}
/* make the dropdown ul invisible */
#menu ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
#menu ul li:hover a {
color:#000; 
background:#CCCCCC;
background-repeat: repeat-x;
}

/* style the background and foreground color of the submenu links */
#menu ul li:hover ul li a {
display:block; 
background: #5D6A8C; 
color: #000000;
}
/* style the background and forground colors of the links on hover */
#menu ul li:hover ul li a:hover {
background: #A4A9BF; 
color: #5D6A8C;
}