/* --- static menu styles ---
note:
	1. not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
style naming convention:
	L
    <level>
    l
    <zero based level number>
    i|o -> for inner or outer tag
*/

/* Level 0 inner mouseout*/
.L0iout
{
	padding: 2px;
	text-decoration: none;
	border: 0px solid #000000;
	color: #ffffff;
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
}

/* Level 0 inner mouseover*/
.L0iover
{
	padding: 2px;
	color: #ffffff;
	font-family:Arial, Tahoma, Verdana;
	font-size: 11px;
}

/* Level 0 outer mouseout*/
.L0oout
{
	text-decoration: none;
	border : 0px solid #ffffff;
	background: transparent;
}

/* Level 0 outer mouseover*/
.L0oover
{
	text-decoration: none;
	border : 0px solid #ffffff;
	background: transparent;
}

/* Level 1 inner mouseout*/
.L1iout
{
	padding: 3px;
	text-decoration: none;
	color: #000000;
	font-family:Arial, Tahoma, Verdana;
	font-size: 11px;
}

/* Level 1 inner mouseover*/
.L1iover
{
	padding: 3px;
	text-decoration: none;
	color: #ffffff;
	font-family:Arial, Tahoma, Verdana;
	font-size: 11px;
}

/* Level 1 outer mouseout*/
.L1oout
{
	text-decoration : none;
	border : 1px solid #828282;
	background: #FFFFFF;
	font-family:Arial, Tahoma, Verdana;
	font-size: 11px;
}

/* Level 1 outer mouseover*/
.L1oover
{
	text-decoration : none;
	border : 1px solid #828282;
	background: #828282;
	font-family:Arial, Tahoma, Verdana;
	font-size: 11px;
}