/* this is the main UL element*/
.top_navigation{
	clear: both;
	background-color: #366d4c;
	padding: 0;
	border: 1px solid black;
	font-size: 12px;
}	

.dropdown{ /* this is the main UL element*/
	width: 100%;
	visibility:hidden;
	margin:0;
	padding:0;
	list-style:none;
	border-left: 1px solid #444;
}

/* 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*/
.dropdown li{
	margin:0;
	border-right: 1px solid #000;
	color: #fff;
	font-weight: bold;
	width: 100px;
	padding: 5px 5px 5px 5px;
	text-align: center;
	background-color:#366d4c;
	cursor:pointer;
}
.dropdown li:hover{
	background-color: #a3d397;
}
/* these are anchor in the menu, if you want to style them differently 
from the rest of you website*/
.dropdown li a, .dropdown li a:visited{
	text-decoration:none;
	color:#fff;
	width: 100px;
}

.dropdown li a:hover, .dropdown li a:visited:hover{
	text-decoration:none;
	color:#fff;
	width: 100px;
}

/* drop down menu items */
.dropdown li ul li{
	width: 164px;
	text-align: left;
}
.dropdown li ul li a, .dropdown li ul li a:visited{
	font-size: 11px;
	background-color: #a3d397;
	color: #000;
	width: 160px;
	padding: 2px 0 2px 4px;
}

.dropdown li ul li a:hover, .dropdown li ul li a:visited:hover{
	font-size: 11px;
	width: 160px;
	padding: 2px 0 2px 4px;
	background-color: #366d4c;
	color: #fff;
}
/*end drop down menu items*/


/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	border:1px solid #444;
	border-top:0;
	margin-left:-1px;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
}

.submenu ul li{	
	padding: 0;
	background-color: yellow;
}


/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown ul li.submenu{

}