/* --- 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: 10px Verdana;
	z-index: 14;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	position: relative;
	top: 6px;
	
}
.m0l0iover {
	font: 10px Verdana;
	z-index: 14;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	position: relative;
	top: 6px;
}

/* level 0 outer#4682B4 */
.m0l0oout {
	text-decoration : none;
	text-align: center;
	background: #02A650;
	background-image:url(offwide.jpg);
    layer-background-image:url(offwide.jpg);
	border : 1px solid #000000
}
.m0l0oover {
	text-decoration : none;
    text-align: center;
	background: #000000;
	background-image:url(onwide.jpg);
    layer-background-image:url(onwide.jpg);
	border : 1px solid #000000
}

/* level 1 inner */
.m0l1iout {
	font: bold 9px Verdana;
	text-decoration: none;
	padding: 4px;
	color: #ffffff;
	border : 1px solid #000000
}
.m0l1iover {
	font-weight: bold;
	font: bold 9px Verdana;
	text-decoration : none;
	padding: 4px;
	color: #ffffff;
	border : 1px solid #000000
}

/* level 1 outer */
.m0l1oout {
	z-index: 99;
	background: #02A650;
	text-decoration : none;
	/*filter: alpha(opacity=70);*/
	border : 1px solid #02A650
}
.m0l1oover {
	z-index: 99;
	background: #666666;
	text-decoration : none;
	border : 1px solid #666666
}

/* level 2 inner */
.m0l2iover {
	font: 12px Verdana;
	text-decoration : none;
	padding: 4px;
	color: #000000;
}

/* level 2 outer */
.m0l2oout {
	z-index: 99;
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #B44646;
}
.m0l2oover {
	z-index: 99;
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #E55A5A;
}