/* 
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;
	width:198px;
	border:none;
	 
}

UL.menuList {
	padding-top:	0px;
	padding-bottom: 0px;
	padding-left:	0px;
	padding-right:	0px;
	MARGIN:			0px;
}

.menubar {
	BACKGROUND: url(/images/plus.gif) no-repeat 0em 0em; 
	LIST-STYLE-POSITION: outside;
	LINE-HEIGHT: 14px; 
	LIST-STYLE-TYPE: none;
	padding-top:	0px;
	padding-bottom: 0px;
	padding-left:	10px;
	padding-right:	0px;
	font-weight: bold;
}

.menubaron {
	BACKGROUND: url(/images/minus.gif) no-repeat 0em 0em; 
	LIST-STYLE-POSITION: outside;
	LINE-HEIGHT: 14px; 
	LIST-STYLE-TYPE: none;
	padding-top:	0px;
	padding-bottom: 0px;
	padding-left:	10px;
	padding-right:	0px;
}


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

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


A.actuator {
	FONT-SIZE:		12px; 
	COLOR:			#00392B;
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
	font-family:Arial;
}

A.actuator:hover {
	TEXT-DECORATION: none;
	FONT-SIZE: 12px; 
	COLOR: #555588;
}


UL.menu2 {
	DISPLAY: none;
	MARGIN-LEFT:	0px; 
	MARGIN-RIGHT:	0px;
	padding-top:	0px;
	padding-bottom: 0px;
	padding-left:	0px; 
	padding-right:	0px;
}

UL.menu2on {
	DISPLAY: block; 
	MARGIN-LEFT:	0px; 
	MARGIN-RIGHT:	0px;
	padding-top:	0px;
	padding-bottom: 0px;
	padding-left:	0px; 
	padding-right:	0px;
	
}

UL.menu2 LI {
	LIST-STYLE-POSITION: outside; 
	LIST-STYLE-TYPE: none;
	margin-right:	0px;
	padding:		0px;
	font-size:		12px;
	color:			#999999 ;
	font-weight:	bold; 
	font-family: Verdana, Arial;

		
}

UL.menu2on LI {
	LIST-STYLE-POSITION: outside; 
	LIST-STYLE-TYPE: none;
	margin-right:	0px;
	padding:		0px;
	font-size:		12px;
	color:			#999999 ;
	font-weight:	bold; 
	font-family: Verdana, Arial;
}

UL.menu2on LI A:hover 
{
	background-color:	#01688A;
	color:				White;
	font-size: 			12px;
	margin-left:-10px;
	padding-left:20px;
	width:120px;
	font-weight:bold;
	font-family: Verdana, Arial;
}


UL.menu2 LI A:hover 
{
	background-color: #01688A;
	color:				White;
	font-size: 			12px;
	margin-left:-10px;
	padding-left:20px;
	width:100%;
	font-weight:bold;
	font-family: Verdana, Arial;
	margin-right:0px;
	
	
	
}



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

}

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



UL.menu3 {
	DISPLAY: none;
	MARGIN-LEFT:	0px; 
	MARGIN-RIGHT:	0px;
	padding-top:	0px;
	padding-bottom: 0px;
	padding-left:	0px; 
	padding-right:	0px;
}

UL.menu3on {
	DISPLAY: block; 
	MARGIN-LEFT:	0px; 
	MARGIN-RIGHT:	0px;
	padding-top:	0px;
	padding-bottom: 0px;
	padding-left:	0px; 
	padding-right:	0px;
}

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

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

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



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

UL.menu3 LI A:hover 
{
	background-color:	#01688A;
	color:				White;
	font-size: 			10px;
	margin-left:-10px;
	padding-left:30px;
	width:100%;
	font-weight:normal;
	font-family: verdana;
}


.menu3on LI A 
{
	padding-right:0px;
	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:-10px;
	padding-left:30px;
}
LI.navHead2
{
	font-size: 	18px;
	font-weight: bold;
	font-family: Arial;
	color:#00392B;	
}
.navHead2
{
	font-size: 	18px;
	font-weight: bold;
	font-family: Arial;
	color:#00392B;	
}