/* this is the main UL element*/
.dropdown{
	display:none;
	margin:0;
	padding:0;
	list-style:none;
}


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

/* these are all the LIs in the menu*/
.dropdown li{
	float: left;
	width: 120px;
	cursor: pointer;
	height: 63px;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{
	font: normal 14px geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	text-decoration:none;
	text-align: center;
	color:#ffffff;
	width:100%;
	height: 38px;
	padding: 25px 0 0 0;
	background: transparent url(../images/web/background-li-top.gif) top right no-repeat;
}

.dropdown a:hover,
.dropdown a.here {
	background: transparent url(../images/web/background-li-top-over.gif) top right no-repeat;
}

.dropdown li.here {
	background: transparent url(../images/web/background-li-top.gif) top center no-repeat;
}

.dropdown li.first a:hover,
.dropdown li.first a.here {
	background: transparent url(../images/web/background-li-top-first-over.png) top left no-repeat;
}

.dropdown ul a {
	font-size: 11px;
	height: 20px;
	padding: 4px 0 0 20px;
	text-transform: none;
	text-align: left;
	cursor: pointer;
	background: none;
}

.dropdown ul a:hover,
.dropdown ul a.here {
	background: none;
	color: #f58025;
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li,
.dropdown ul li.here {
	height: 25px;
	width: 160px;
	padding: 5px;
	background: #19166e url(../images/web/background-li-sub.gif) 10px center no-repeat;
	margin-left:-1px;
}