/************************************************************************
 * Author: $Author: allabout $
 * Header: $Header: /cvs/cms/menu.css,v 1.1.1.1 2012/03/19 05:05:02 allabout Exp $
 * Purpose: 	Navigation menu
 *
 *************************************************************************/
/* CSS Document */
.navigationDiv {
	background-image:url('images/menu.jpg');
	background-color:red;
	font-weight:700;
	height:30px;
	position:relative;
	z-index:5; /*important to keep dropdowns ontop of page content*/
}
/*.navigationDiv {
	background-color:black;
	height:30px;
	position:relative;
	z-index:3100000000; important to keep dropdowns ontop of page content
}
*/

.menu {
	/*width: 700px;*/
	text-decoration: none;
	text-align:center;
	margin-left:30px;
	line-height:30px;
	font-weight:700;
	font-size:16px;
}

.menu ul li a {
	color:white;
	text-decoration:none;
	text-align:center;
	font-weight:700;
}

.menu ul li a:visited {
	color:white;
	font-weight:700;
}

.menu ul li a:link {
	color:white;
	font-weight:700;
}

.menu ul li a:hover {
	color:black;
	font-weight:700;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li{
	display:block;
	float:left;
	position:relative;
	white-space:nowrap;
	/*border:1px dashed black;*/
	font-weight:700;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul{
	padding:0;
	margin:0;
	text-align:center;
	list-style-type:none;
	/*text-transform: uppercase;*/
	font-weight:700;
}

.menu ul ul{
	z-index: 1000000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:30px;
	left:0; 
	text-transform: none;
}
.horizontalLi1{
	/*padding-left:40px;
	padding-right:40px;*/
}

/*
.menu ul ul li{
border:1px dashed red;
line-height:32px;
}
*/
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited, .menu ul ul a:link {
	font-weight: normal;
	padding-left:4px;
	/*font-family: Helvetica, sans-serif;*/
	font-size:14px;
	display:inline-block;
	background:#dddddd;
	/*
	filter: alpha(opacity:0.9);     
	KHTMLOpacity: 0.9;     
	MozOpacity: 0.9;     
	-khtml-opacity:.90;    
	-ms-filter:”alpha(opacity=90)”;    
	-moz-opacity:.90;  
	filter:alpha(opacity=90);   
	*/
	color:black;
	line-height:32px; /* the height of the mouseoverbox*/ 
	font-size: 10pt;
	height:32px;
	text-align:left;
	width:430px;
}

.menu ul ul a:hover{
	background:red;
	color:white;
}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
	visibility:visible; 
}
/*
.menu ul ul ul{
	z-index: 2000;
}

.menu ul ul ul a:hover{
	display:inline-block;
	color:#f67f21; 
	background:#A7A7A7;	
}

.menu ul ul ul a, .menu ul ul ul a:visited {
	font-family: Helvetica, sans-serif;
	font-size:14px;
	display:inline-block;
	background:#67087B;
	filter: alpha(opacity:0.9);     
	KHTMLOpacity: 0.9;     
	MozOpacity: 0.9;     
	-khtml-opacity:.90;    
	-ms-filter:”alpha(opacity=90)”;    
	-moz-opacity:.90;  
	filter:alpha(opacity=90);   
	color:white;
	line-height:28px; 
	font-size: 10pt;
	height:25px;
}

.menu ul ul ul a{
	font-weight: normal;
	padding-left:20px;
	color:black;
}

.menu ul ul ul{
	visibility:hidden;
	position:absolute;
	height:0;
	top:25px;
	left:0; 
}
*/