/* 
EXPANDABLE MENU CSS NOTES:
To get the 2nd level rollover backgrounds at 100% width:
Make sure that the "margin-left" value for UL.menu2 LI A and UL.menu2 LI A: HOVER 
are both set to be the NEGATIVE of "padding-left" for UL.menulist LI. Then, to indent your
2nd level items, set "padding-left" for UL.menu2 LI A and UL.menu2 LI A: HOVER to be equal to
"padding-left" for UL.menulist LI + the amount of pixels you wish to indent.
This is sufficient for IE compatibility, but Netscape 7 still doesn't go fully right on me.
*/

div.mainMenu
{
	margin:			0px;
	padding:		0px;
	font-family:	arial;
}

UL.menuList {
	PADDING:	0px; 
	MARGIN:		0px;
}

.menubar {
	BACKGROUND: url(/images/leftNav_off.gif) no-repeat 0em 0em; 
	/*BACKGROUND: url(/images/navBGon.gif) no-repeat 0em 0em; */
	LIST-STYLE-POSITION: outside;
	LINE-HEIGHT: 21px; 
	LIST-STYLE-TYPE: none;
	padding-top:	0px;
	padding-bottom: 0px;
	padding-left:	23px; 
	padding-right:	0px;
	text-align: right;
}



.menubaron {
	BACKGROUND: url(/images/leftNav_on.jpg) no-repeat 0em 0em; 
	LIST-STYLE-POSITION: outside;
	LINE-HEIGHT: 21px; 
	LIST-STYLE-TYPE: none;
	padding-top:	0px;
	padding-bottom: 0px;
	padding-left:	23px; 
	padding-right:	0px;
	text-align: right;
}

.menubarempty {
	BACKGROUND: url(/images/clear.gif) no-repeat 0em 0em;
	LIST-STYLE-POSITION: outside;
	LINE-HEIGHT: 21px; 
	LIST-STYLE-TYPE: none;
	padding-top:	0px;
	padding-bottom: 0px;
	padding-left:	23px; 
	padding-right:	0px;
	text-align: right;	
}

.nnaOld
{
	text-align: right;	
	background-color: #C69200;
	color:#333333;	
	padding-top:	2px;
	padding-bottom: 2px;
	padding-left:	0px; 
	padding-right:	4px;
	text-decoration:none;
	font-size:		10px;		
}

A.nna {
	color:#333333;	
	text-decoration:none;
	font-size:		10px;
}

.nav2
{
	text-align: right;	
	background-color: #C69200;
	padding-top:	2px;
	padding-bottom: 2px;
	padding-left:	10px; 
	padding-right:	12px;

}

A.nnaOLD:hover {
	text-align: right;	
	background-color: #ffffff;
	color:#333333;	
}

.menubaremptyon {
	BACKGROUND: url(/images/on.gif) no-repeat 0em 0em;
	LIST-STYLE-POSITION: outside;
	LINE-HEIGHT: 20px; 
	LIST-STYLE-TYPE: none;
	padding-top:	0px;
	padding-bottom: 0px;
	padding-left:	23px; 
	padding-right:	0px;
}


A.actuator {
	FONT-SIZE:		11px; 
	COLOR:			#ffffff;
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
	LINE-HEIGHT: 21px; 
	padding-right:15px;	
}

A.actuator:hover{	
	TEXT-DECORATION: none;
	FONT-SIZE: 11px; 
	COLOR: #ffffff;

}

UL.menu2 {
	DISPLAY: none;
	PADDING:	0px; 
	MARGIN-LEFT:	0px; 
	MARGIN-RIGHT:	0px;
}

UL.menu2on {
	DISPLAY: block; 
	PADDING:	0px; 
	MARGIN-LEFT:	0px; 
	MARGIN-RIGHT:	0px;
}

UL.menu2 LI {
	LIST-STYLE-POSITION: outside; 
	LIST-STYLE-TYPE: none;
	margin-right:	0px;
	padding:		0px;
	font-size:		10px;
	color:			#999999 ;
	font-weight:	normal; 
		
}

UL.menu2on LI {
	LIST-STYLE-POSITION: outside; 
	LIST-STYLE-TYPE: none;
	margin-right:	0px;
	padding:		0px;
	font-size:		10px;
	color:			#999999 ;
	font-weight:	normal; 
		
}



UL.menu2 LI A:hover 
{
	background-color:	#000000;
	color:				White;
	font-size: 			10px;
	margin-left:0px;
	padding-left:0px;
	width:100%;
	font-weight:normal;
	font-family: Verdana;
}


UL.menu2on LI A:hover 
{
	background-color:#DDBE66;
	color:#000000;
	font-size: 10px;
	margin-left:-23px;
	padding-left:0px;
	width:100%;
	font-weight:normal;
	font-family: Verdana;
}


/* TEST AREA */


UL.menu2 LI A {
	font-family: Verdana;
	font-size: 	10px;
	font-weight: normal;
	TEXT-DECORATION:none;
	margin-right:0px;
	margin-left:-23px;
	padding-left:0px;
	COLOR: #000; 
	width:100%;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	line-height:16px;
	border:none;

}

.menu2on LI A 
{
	padding-right:15px;
	COLOR: #000; 
	width:100%;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	line-height:16px;
	border:none;
	font-family: Verdana;
	font-size: 	10px;
	font-weight: normal;
	TEXT-DECORATION:none;
	margin-right:0px;
	margin-left:-23px;
	padding-left:0px;
}