/* CSS Document */

#menu {
float:right;
width: 559px;
margin-top:70px;
z-index:100;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index:100;
}

#menu li { /* all list items */
	float: left;
	position: relative;
	margin-left:1px;
	z-index:100;
	line-height:20px;	
}

#menu li ul {/* second-level lists */
	position: absolute;
	display: block; 
	top: 30px;
    left: 0;
	font-size:10px;
}

#menu li>ul {/* to override top and left in browsers other than IE */
	top: auto;
	left: auto;
}

#menu li ul li ul  {/* third-level lists */
	position: absolute;
	display: block; 
	top: 0;
    left: 9em;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

#menu li:hover ul { display: block; }

#menu li:hover>ul { visibility:visible; }

#menu ul ul { visibility:hidden; }		

/* Make-up syles */
#menu ul, li {
    margin: 0 0 0 0;
}

/* Styles for Menu Items */
#menu ul a {
	text-decoration: none;
	color: #fff;
	height:30px;
	background-color: #00254E;
	font: bold 12px Arial, sans-serif;
	line-height:28px !important; line-height:30px;
	display:block;
	text-align:center;
} 

#menu ul a:hover {
/*	background: #000; */
}

#menu_pe {
	width:100px;
	}
#menu_pe a {
	width:100px;
	}

#menu_pe a:hover {
	background-color: #4F5E6C;
	}

#menulist #menu_pe ul a {
	background-color: #fff;
	width:180px;
}
#menulist #menu_pe ul a:hover { 
	color: #fff;
	background-color: #A7AFB5;
	width:180px;
} 

#menu_ff {
	width:100px;
	}
#menu_ff a {
	width:100px;
	}

#menu_ff a:hover {
	background-color: #3F574E;
	}

#menulist #menu_ff ul a {
	background-color: #fff;
	width:200px;
	}
#menulist #menu_ff ul a:hover { 
	color: #fff;
	background-color: #9FABA7;
	width:200px;
	} 
#menu_sc {
	width:111px;
	}	
#menu_sc a {
	width:111px;
	}
#menu_sc a:hover {
	background-color: #5C3333;
	}
#menulist #menu_sc ul a {
	background-color: #fff;
	width:150px;
}
#menulist #menu_sc ul a:hover { 
	color: #fff;
	background-color: #AD9999;
	width:150px;
} 
#menu_about {
	width:160px;
	}
#menu_about a {
	width:160px;
	}
#menulist #menu_about ul a {
	background-color: #fff;
	width:150px;
}
#menulist #menu_about ul a:hover { 
	color: #fff;
	background-color: #000;
	width:150px;
} 
#menu_team {
	width:82px;
	}		
#menu_team a {
	width:82px;
	}
#menu_about a:hover, #menu_team a:hover,{
	background-color: #000;
	}
#menulist #menu_team ul a {
	background-color: #fff;
}
#menulist #menu_team ul a:hover { 
	color: #fff;
	background-color: #000;
} 

#menulist #menu_team ul { 
	top: 30px;
    left: -40px;
} 


/* Sub Menu Styles */
#menu ul li ul li {
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background: #fff; /* IE6 Bug */
}

#menu ul li ul a {
	text-decoration: none;
	color:#000;
	padding-left: 5px;
	padding-right:5px;
	font-size:10px;
	background: #fff; /* IE6 Bug */
	text-align:left;
	line-height:20px;/* for IE */
	height:auto;
	display:block;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;	
	width:110px;
}


/* Sub Menu Hover Styles */
#menu li ul a:hover { 
	color: #fff;
	background: #6084A8;
} 

#menu_ff ul .menu-3rd a {
	color:#333;
	background: url(nav_images/bg_ccc.gif) repeat-y;
}

#menu_pe ul .menu-3rd a {
	color:#333;
	background: url(nav_images/bg_ccc.gif) repeat-y;	
}

.menu-3rd a {
	padding-left:5px!important;
	padding-top:0!important;
	padding-bottom:1px!important;
	/*width:140px!important; width:60px;*/
}