/**
*	Menu specific style
*/

/**
*	DIV
*/

div.menu-bar {
	width: 560px;
	height: 40px;
	position: relative;
	margin: 115px auto 20px;
	z-index: 9999;
    text-align: left;			
}
		
div.sub-menu {
	width: 200px;
	margin-top:40px;
	margin-left: 0px;
	display: block;
}

div.sub-menu-nojs {
	width: 200px;
	margin-top:40px;
	margin-left: 0px;
	display: block;
}


/*
*	LIST
*/
ul.menu {
	display: inline;
	height: 40px;
    margin-left: 43px;
}

li {
	display: inline;
	list-style-type: none;
	position: relative;
	height: 40px;
}

li.menu-left {
    width: 0px;
}

li.menu-right {

}

li.menu-item {
}

/* the javascript popup-submenu */
ul.sub-menu {
	text-align: left;
	border: 1px solid #ffffff;
	display: none;
	position: absolute;
	left: 12px;
	margin-top: 15px;
	top: 10px;
	width: 130px;
	background-color: #222222;
}
li.sub-menu-item {
	display: block;
	position: relative;
	height: 20px;
}

/* the backup submenu on the left */
ul.sub-menu-nojs {
	text-align: right;
}
li.sub-menu-nojs-item {
	display: block;
	height: 20px;
}


/**
*	HREF
*/

a.menu {
	font-size: 14pt;
	font-weight: bold;
	padding: 0px 10px;
	color:#cc7a18;
	text-decoration:  none;
}

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

a.menu-active {
	font-size: 14pt;
	font-weight: bold;
	padding: 0px 10px;
	color:#ffffff;
	text-decoration:  none;
}

a.menu-active:hover {
	color: #ffffff;
}

a.sub-menu, a.sub-menu-nojs {
	font-size: 12pt;
	font-weight: bold;
	padding: 0px 5px;
	color:#cc7a18;
	text-decoration:  none;
}

a.sub-menu:hover, a.sub-menu-nojs:hover {
	color: #ffffff;
}

a.sub-menu-active, a.sub-menu-nojs-active {
	font-size: 12pt;
	font-weight: bold;
	padding: 0px 5px;
	width: 150px;
	color:#ffffff;
	text-decoration:  none;
}

a.sub-menu-active:hover, a.sub-menu-nojs-active:hover {
	color: #ffffff;
}