/* --- 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: #420; font-size: 13px; font-family: "Lucida Grande", Arial, sans-serif; padding-top: 2px; padding-left: 4px }
.m0l0iover       { color: white; font-size: 13px; font-family: "Lucida Grande", Arial, sans-serif; padding-top: 2px; padding-left: 4px }

/* level 0 outer */
.m0l0oout         { text-decoration: none; border-style: none; border-width: 1px 0px 1px 1px }
.m0l0oover       { text-decoration: none; background-color: #420; border-style: none; border-width: 1px 0px 1px 1px }

/* level 1 inner */
.m0l1iout       { color: white; font-size: 10px; font-family: "Lucida Grande", sans-serif; padding: 4px }
.m0l1iover      { color: white; font-size: 10px; font-family: "Lucida Grande", sans-serif; padding: 4px }

/* level 1 outer */
.m0l1oout       { text-decoration: none; background-color: #c30; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff }
.m0l1oover      { text-decoration: none; background-color: #c60; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff }

/* level 2 inner */
.m0l2iover      { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 4px }

/* level 2 outer */
.m0l2oout      { text-decoration: none; background-color: #9cf; border: solid 1px #ffffff }
.m0l2oover     { text-decoration: none; background-color: #ccf; border: solid 1px #ffffff }