/* --- 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          { color: #66f; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 12pt; text-decoration: none; margin: 4px 0 0 8px }
.m0l0iover      { color: 9999CC; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 12pt; text-decoration: underline; margin: 4px 0 0 8px }

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	background-image: url(img/lev0_bg1.gif);
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
}
.m0l0oover {
	text-decoration : none;
	background-image: url(img/lev0_bg2.gif);
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
}

/* level 1 inner */
.m0l1iout    { color: #fff; font-size: 12px; font-family: Tahoma; margin: 4px 0 0 15px }
.m0l1iover  { color: #8f96eb; font-size: 12px; font-family: Tahoma; margin: 4px 0 0 15px }

/* level 1 outer */
.m0l1oout  { text-decoration: none; background-color: #99c; padding: 0; border: solid 1px #336699 }
.m0l1oover  { text-decoration: none; background-color: #336; background-image: url("img/lev1_arrow.gif"); background-repeat: no-repeat; padding: 0; border: solid 1px #CCCCCC }