/* --- 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: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-stretch: extra-condensed;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	padding: 2px;
	color: #FFFFFF;
}
.m0l0iover {
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-stretch: extra-condensed;
	text-align: center;
	vertical-align: bottom;
        padding: 2px;
	color: #990000;
}

/* ---------------- level 0 outer ---------------------*/
.m0l0oout {
	text-decoration : none;
	border : 1px solid #800000;
	background: #800000;                   /* FF6633 */
}
.m0l0oover {
	text-decoration : none;
	border : 1px solid #FFFF00;
	cursor: pointer;
        background: #FFFF88;                  /* 5AE55A */
}

/* ----------------- level 1 inner ----------------- */
.m0l1iout {
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 4px;
	color: #000000;
}
.m0l1iover {
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 4px;
	color: #FFFFFF;
}

/* ----------------- level 1 outer ----------------- */
.m0l1oout {
	text-decoration : none;
	border : 1px solid #000000;
	background: #E55A5A;
	filter: alpha(opacity=85);
}
.m0l1oover {
	text-decoration : none;
	border : 1px solid #000000;
	background: #C21010;
}

/* ----------------- level 2 inner ----------------- */
.m0l2iover {
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 4px;
	color: #FFFFFF;
}

/* ----------------- level 2 outer ----------------- */
.m0l2oout {
	text-decoration : none;
	border : 1px solid #000000;
	background: #E55A5A;               /* B44646 */
}
.m0l2oover {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #C21010;              /* E55A5A */
}