/* 
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.
*/

.mainMenu {
	margin:			0px;
	padding-top:	15px;
	padding-bottom: 0px;
	padding-left:	17px; 
	padding-right:	0px;
	font-family:	verdana;
}

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

.menubar {
	LIST-STYLE-POSITION:outside;
	LINE-HEIGHT: 		30px; 
	LIST-STYLE-TYPE: 	none;
	padding-top:		0px;
	padding-bottom: 	0px;
	padding-left:		0px; 
	padding-right:		0px;
	margin:				0px;
	letter-spacing: 	0px;
}

.menubaron {
	LIST-STYLE-POSITION:outside;
	LINE-HEIGHT: 		30px; 
	LIST-STYLE-TYPE: 	none;
	padding-top:		0px;
	padding-bottom: 	0px;
	padding-left:		0px;
	padding-right:		0px;
	margin:				0px;
	letter-spacing: 	0px;
}


.menubarempty {
	LIST-STYLE-POSITION:outside;
	LINE-HEIGHT: 		20px; 
	LIST-STYLE-TYPE: 	none;
	padding-top:		0px;
	padding-bottom: 	0px;
	padding-left:		0px; 
	padding-right:		0px;
	margin:				0px;
}

.menubaremptyon {
	LIST-STYLE-POSITION:outside;
	LINE-HEIGHT: 		20px; 
	LIST-STYLE-TYPE: 	none;
	padding-top:		0px;
	padding-bottom: 	0px;
	padding-left:		0px; 
	padding-right:		0px;
}

.menubarempty2 {
	LIST-STYLE-POSITION:outside;
	LINE-HEIGHT: 		20px; 
	LIST-STYLE-TYPE: 	none;
	padding-top:		7px;
	padding-bottom: 	0px;
	padding-left:		0px; 
	padding-right:		0px;
	margin:				0px;
}

.menubaremptyon2 {
	LIST-STYLE-POSITION:outside;
	LINE-HEIGHT: 		20px; 
	LIST-STYLE-TYPE: 	none;
	padding-top:		7px;
	padding-bottom: 	0px;
	padding-left:		0px; 
	padding-right:		0px;
}

A.actuator {
	FONT-SIZE:			12px; 
	COLOR:				#FFFFFF;
	font-weight:		bold;
	BACKGROUND-COLOR: 	transparent; 
	TEXT-DECORATION: 	none;
	padding-top:		0px;
	padding-bottom: 	0px;
	padding-left:		0px; 
	padding-right:		0px;
	margin:				0px;
}

A.actuator:hover {
	FONT-SIZE: 12px; 
	COLOR: #FFF102;
}

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-top:		0px;
	padding-bottom: 	0px;
	padding-left:		14px; 
	padding-right:		0px;
	font-size:			10px;
	color:				#B48CAF;
	font-weight:		bold; 	
}

UL.menu2on LI {
	LIST-STYLE-POSITION:outside; 
	LIST-STYLE-TYPE: 	none;
	margin-right:		0px;
	padding-top:		0px;
	padding-bottom: 	0px;
	padding-left:		14px; 
	padding-right:		0px;
	font-size:			10px;
	color:				#B48CAF;
	font-weight:		bold; 	

	/*	LIST-STYLE-POSITION:outside; 
	LIST-STYLE-TYPE: 	none;
	margin-right:		0px;
	padding:			0px;
	font-size:			10px;
	color:				#999999;
	font-weight:		bold; 	*/
}

UL.menu2 LI A:hover 
{	
	color:			#FFF102;
	font-size: 		10px;
	margin-left:	0px;
	padding-left:	0px;
	width:			100%;
	font-family: 	verdana;
}

UL.menu2on LI A:hover 
{
	color:			#FFF102;
	font-size: 		10px;
	margin-left:	0px;
	padding-left:	0px;
	width:			100%;
	font-family: 	verdana;
}

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

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