/* --- menu styles ---
note:
	not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
*/

/* level 0 inner */
.m0l0iout {	
	font-family:sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;	 
	margin: 8px 0 0 8px;   /* NB: controls vertical text align.*/
	color:  #666699; 	
	position: absolute;
	z-index:50;
}
.m0l0iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 14px;
	text-decoration: underline;
	margin: 8px 0 0 8px;  /* NB: controls vertical text align.*/
	color: #666699;
}

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	background-image: url(img/out_bkgd.gif); 
	border: 1px solid #666699;
	background-color: #666699;		/* #2C5F93 */
	position: absolute;
	z-index:50;
}
.m0l0oover {
	text-decoration : none;
	background-image: url(img/over_bkgd.gif);
	background-color: #666699;	/* #2C5F93 */
	border: 1px solid #666699;	  /* 336699	*/
}

/* level 1 inner */
.m0l1iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 14px;
	margin: 5px 0 0 17px;	/*  ****This positions text in the button: no. px above bottom ??  ?? no.px from left */
	color: #666699;	
	position: absolute;
	z-index:50;	
}

.m0l1iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 14px;
	margin: 5px 0 0 17px;
	color: #666699;
	z-index:1;			
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	background-color: #E6F2C1;	 /* #C7E273*/
	border: 1px solid #336699;
	padding: 0;	
	position: absolute;
	z-index:50;	
}
.m0l1oover {
	text-decoration : none;
	background-color: #FBFBEE;
	background-image: url(img/lev1_arrow.gif);
	background-repeat: no-repeat;
	border: 1px solid #336699;
	padding: 0;	
	z-index:1;	
}