/* this is the main UL element*/


.dropdown{
	
display:none;
	margin:0;
	
padding:0;
	
list-style:none;
	}




/* these are the inner menus*/



.dropdown ul{
	margin:0;
	padding:0;
	

border-top:1px solid #444;
	
list-style:none;
}



/* these are all the LIs in the menu*/


li.main1{
	
text-align:center;
margin:0;
width:100px;
		
padding:2px;
cursor:pointer;
}



li.main2{
	
text-align:center;
margin:0;
width:175px;
		
padding:2px;
cursor:pointer;
}



li.main3{
	
text-align:center;
margin:0;	
width:200px;
		
padding:2px;
cursor:pointer;
}



li.main4{
	
text-align:center;
margin:0;	
width:150px;
	
padding:2px;
cursor:pointer;
}



li.main5{
	
text-align:center;
margin:0;
width:125px;
		
padding:2px;
cursor:pointer;
}




li.drop1{
	
text-align:center;
margin:0;
width:100px;
		
padding:2px;
background-color:#a5a5a5;
	
cursor:pointer;
}



li.drop2{
	
text-align:center;
margin:0;
width:175px;
		
padding:2px;
background-color:#a5a5a5;
	
cursor:pointer;
}



li.drop3{
	
text-align:center;
margin:0;
width:200px;
		
padding:2px;
background-color:#a5a5a5;
	
cursor:pointer;
}



li.drop4{
	
text-align:center;
margin:0;
width:150px;
	
padding:2px;
background-color:#a5a5a5;
	
cursor:pointer;
}



li.drop5{
	
text-align:center;
margin:0;
width:125px;
		
padding:2px;
background-color:#a5a5a5;
	
cursor:pointer;
}



.dropdown li:hover{background-color:#7E7E7E;}


/* these are anchor in the menu, if you want to style them differently from the rest of you website*/


.dropdown a{
	
text-decoration:none;
	
color:#F2F2F2;
	width:100%;
}




.dropdown a:hover{
	
text-decoration:underline;
}



/* these are the LIs that only belong to submenu*/


.dropdown ul li{
	
border:1px solid #333333;
	
border-top:0;

margin-left:-1px;
}



/* these are the LIs that contains a submenu*/


/*.dropdown li.submenu-down{
	*/
/*width:125px;
}

*/

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/

.dropdown li.submenu-left{
		
padding-right:20px;
	
}