ul.orangemenu, .orangemenu ul{
	margin:0;
	padding:0;
	list-style-type: none;
}

ul.orangemenu{}

.orangemenu li{	
	float:left;	
	position: relative;
	filter: inherit;/*required to make the fade work on IE8*/
}
/*==============================main button==========================================*/
.orangemenu li a{
	outline: none;
	font-weight: normal; 
	font-size: 15px; 
	font-family: 'CenturyGothic', Calibri, Arial, Helvetica, sans-serif;
	padding: 10px 35px 0px 0px;
	display: block;
/*	width: 120px;*/
	line-height: 20px;
	color: #ffffff;
	text-decoration: none;
}
.orangemenu li a:hover{
	text-decoration: none; 
	font-weight: normal; 
	outline: none;
	display:block; 
	color:#efdf00;
	font-size: 15px;
}
/*=============================drop down===========================================*/
.orangemenu li li a{
	padding:5px 0px 0px 10px;
	border-bottom: 1px solid #ffffff;	
	width: 235px;
	text-align:left;
	font-size: 15px;
	color:#ffffff;
}

.orangemenu li a:hover{
	display:block;
}

.orangemenu li ul{
	display: none;
	position: absolute;
	left: 0px;
	top: 30px;
	position: absolute;
}

.orangemenu li:hover ul {
	display: block;
	padding:0px 0px 0px 0px;
}

.orangemenu li ul a{
	background-color: #9bba1f;
}
/*=============================second drop down===========================================*/
.orangemenu li ul ul{
	display:none;
	position:absolute;
	top:0px;
	width:75px;
}

.orangemenu li ul ul a{
	color: #efdf00; 
	display:block;
}
 
.orangemenu li:hover > ul{
	display:efdf00;
	color: #ffffff;
}
/*========================================================================================*/
.orangemenu li li a.about:hover{
	color: #efdf00; 
	display:block;
}