/*----------------------------------------------------------------------------------
	Page:						MainMenu.css
	Author:					John Bradnam
	Created:				070812 JLB
	Copyright:			Republicorp P/L
	Purpose:				Defines styles used in the menu
	History:
	--------------------------------------------------------------------------------*/
	
div.menu {
	background: url(../Images/Menu_Right.gif) no-repeat 69px top  #cccccc;
	width: 930px;
	height: 18px;
	padding: 0px 0px 0px 74px;
	margin: 0px;
}

div.menu ul.level_1 {
	position: relative;
	width: 796px;
	height: 18px;
	padding: 0px;
	margin-left: 0px;
	margin: 0px;
	z-index: 10;
}

div.menu ul.level_1 li {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	background: url(../Images/Menu_Left.gif) no-repeat left top #cccccc;
}

div.menu ul.level_1 li a, 
div.menu ul.level_1 li a:active, 
div.menu ul.level_1 li a:visited, 
div.menu ul.level_1 li a:link {
	display: block;
	z-index: 10;
	padding-top: 3px;
	height: 15px;
	padding-left: 2px;
	padding-right: 7px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	color: black;
	background: url(../Images/Menu_Right.gif) no-repeat right top #cccccc;
	margin-left: 5px;
}

div.menu ul.level_1 li a.last_1, 
div.menu ul.level_1 li a.last_1:active, 
div.menu ul.level_1 li a.last_1:visited, 
div.menu ul.level_1 li a.last_1:link {
	background-image: none;
}
	
div.menu ul.level_1 li a:hover {
	margin-left: 0px;
	background-color: transparent;
	/* background: url(../Images/Menu_Over_Left.gif) no-repeat -1px top #999999 !important; */
	text-decoration: none;
	color: #404040;
	padding-left: 7px;
}
div.menu ul.level_1 li a.last_1:hover {
	background: url(../Images/Menu_Left.gif) no-repeat left top #cccccc !important;
	cursor: default;
}

div.menu ul.level_1 li a.selected_1:hover {
	color: black !important;
	/* background: url(../Images/Menu_Active_Left.gif) no-repeat left !important; */
	background: url(../Images/Menu_Active_Right.gif) no-repeat right !important;
}

div.menu li.selected_1 {
	background: url(../Images/Menu_Active_Left.gif) no-repeat left top #ffffff !important;
	height: 18px;
}
div.menu a.selected_1 {
	background: url(../Images/Menu_Active_Right.gif) no-repeat right top !important;
	margin-left: 5px;
	color: black !important;
}

div.menu ul.level_1 li.over_1 {
	height: 18px;
}

div.menu ul.level_1 li.over_1 a {
	margin-left: 0px;
	background: url(../Images/Menu_Right.gif) no-repeat right top;
	border-left: 1px solid black;
	padding-left: 6px;
}

div.menu ul.level_1 li.over_1 a.selected_1 {
	background: url(../Images/Menu_Active_Right.gif) no-repeat right top !important;
	border-left: 1px solid black;
	padding-left: 6px;
}

div.menu ul.level_1 li.over_1 ul.level_2 {
	display: block;
	z-index: 11;
}

div.menu ul.level_1 li.over_1 a.over_1 {
	color: #999999;
	margin-left: 5px;
	cursor: default;
}

div.menu ul.level_2 {
	position: absolute;
	list-style-type: none;
	display: none;
	padding: 0px !important;
	margin: 0px 0px 0px 1px !important;
	width: 190px;

}

div.menu ul.level_2 li {
	background-image: none;
	background-color: transparent;
	float: none !important;
	width: 100%;
	z-index: 11;
	height: 19px;
}

div.menu ul.level_2 li a, 
div.menu ul.level_2 li a:active, 
div.menu ul.level_2 li a:visited, 
div.menu ul.level_2 li a:link {
	background-image: none !important;
	margin-left: 0px;
	display: block;
	height: 18px;
	border-left: 1px solid black;
	text-align: left;
	padding: 3px 5px 0px 5px;
	text-decoration: none;
	background-color: #cccccc;
	position: relative;
	top: -0px;
	left: -1px;
}

div.menu ul.level_2 li a:hover {
	color: #ffffff;
	background-color: #999999;
	background-image: none !important;
	text-decoration: none;
}

div.menu ul.level_2 li.over_2 {
	position: relative;
	height: 19px !important;
}

div.menu ul.level_2 li.over_2 a.over_2 {
	color: #ffffff;
	background-color: #999999;
	cursor: default;
}

div.menu ul.level_2 li.over_2 ul.level_3 {
	display: block;
	z-index: 12;
}

div.menu ul.level_3 {
	position: absolute;
	display: none;
	z-index: 13;
	left: 140px;
	top: 0px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 245px !important;
}

div.menu ul.level_3 li {
	width: 100%;
	z-index: 14;
}

div.menu ul.level_3 li a {
	position: relative;
	width: 100%;
	z-index: 14;
}