/* this is the main UL element*/
.dropdown{
	visibility:hidden;
	margin:0px;
	list-style:none;
	line-height: 32px;
	background-image: url('templates/images/navi_back.jpg');
	background-repeat:repeat-x;
	
}

/* these are the inner menus*/
.dropdown ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	padding: 0px;
	width:115px;
	background-repeat:repeat-x;
	cursor:pointer;
	line-height: 30px;
	text-align: center;
}

/* 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:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

	text-align: center;
}

.dropdown a:hover{
	text-decoration: none;
	text-align: center;
	background-image: url('/images/nav_hover.jpg');
	background-repeat: repeat-x;
	width:115px;
}

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

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

.dropdown ul li{
	margin-left: 15px;
	left: -0px;
	padding: 0px;
	background-image:url('/images/nav_hover.jpg');
	background-repeat:repeat-x;
	line-height: 20px;
	text-align: center; 
	margin-bottom: 2px;
	border:1px solid #000;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
	font-size: 12px;

	line-height: 30px;
	text-align: center;
	
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown ul li.submenu{
	background-image:url('/images/nav_hover.jpg');
	line-height: 20px;

	margin-bottom: 2px;
}