/* 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;
	list-style: none;
}

/* these are all the LIs in the menu*/
.dropdown li {
	margin: 0;
	cursor: pointer;
	height: 24px;
	line-height: 22px;
	list-style: none;	
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website */
.dropdown a {
	text-decoration: none;
	width: 100%;
}

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

#menu {
	background: url(/template/images/bg-gray-mainmenu.png) no-repeat top right;	
}

#jsTopMenu>li {
	background: url(/template/images/bg-gray-mainmenu.png) repeat-x top left;
	margin-left: 1px;
	width: 188px;	
}
#jsTopMenu>li:hover {
	background: url(/template/images/bg-gray-mainmenu-hover.png) repeat-x top left;
}

/* these are the LIs that only belong to submenu*/
.dropdown ul {
	margin-top: 1px;
}

.dropdown ul li {
	background-image: url(/template/images/bg-gray-transparent.png);
	border: 1px solid #cdcdcd;
	border-top: 0;
	width: 193px;
	height: 27px;
	line-height: 20px;
	margin-left: 0px;
	padding-right: 10px;
}

.dropdown ul li:hover {
	background-image: url(/template/images/bg-gray-subs.png);
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu-down {
	padding-left: 0px;
	margin-left: 1px;
	width: 195px;
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown li.submenu-left {
	width: 193px;
	background: url(/template/images/bg-gray-transparent-arrow.png) top right;
}

.dropdown li.submenu-left:hover {
	background: url(/template/images/bg-gray-subs-arrow.png) top right;
}

.menuDepth1 a {
	color: #000000;
	font-family: times new roman;
	font-size: 13px;
	font-variant: small-caps;
	position: relative;
	width: 160px;
	margin: 0px 10px;
	white-space: nowrap;
	text-align: center;
}

.menuDepth1 a:hover {
	color: #ffffff;
}

/*
.menuDepth2 {
	margin-top: 3px !important;
}
*/
.menuDepth2 a {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 12px;
	padding-top: 6px;
	text-align: left;
	line-height: 14px;
	vertical-align: middle;
	color: #000000;
}

.menuDepth2 a:hover {
	color: #ffffff;
}

.menuDepth2>li {
	margin-left: 0px !important;
}