/*--------------------------------------
   mainMenu
--------------------------------------- */
#mainMenu                               { height: 30px; background: transparent url(../images/layout/mainmenu-bg.gif) repeat-x 0 0; }

#mainMenu li                            {
	float: left;
	height: 30px;
	background: transparent url(../images/layout/mainmenu-li.gif) no-repeat right top;
	font-size: 11px;
	position: relative;
	z-index: 100;
}
	
#mainMenu a                             {
	display: block;
	padding: 8px 23px 9px 25px;
	margin: 1px 2px 0 0;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}	

#mainMenu li:hover,
#mainMenu li.on                         { background: transparent url(../images/layout/mainmenu-li.gif) no-repeat right bottom; }

#mainMenu ul                            {
	position: absolute;
	top: 30px;
	left: 0;
	width: 170px;
}
#mainMenu ul ul                         { top: 0; left: 170px; }
	
#mainMenu ul li                         { width: 170px; height: auto; background: #cc4f54 none; }

#mainMenu li:hover ul li                { background: #cc4f54 none; }

#mainMenu li:hover ul li:hover          { background: #990000 none; }
#mainMenu li:hover ul li:hover ul li    { background: #cc4f54 none; }
#mainMenu li:hover ul li:hover ul li:hover { background: #990000 none; }

#mainMenu li:hover ul li.sub,
#mainMenu li ul li.sub                     { background: #cc4f54 url(../images/layout/sub-arrow.gif) no-repeat 155px 8px; }
#mainMenu li:hover ul li.sub:hover,
#mainMenu li ul li.sub:hover               { background: #990000 url(../images/layout/sub-arrow.gif) no-repeat 155px 8px; }

#mainMenu ul a                          {
	margin: 0;
	padding: 5px 20px 5px 10px;
	line-height: 1.3em;
	border-bottom: 1px solid #fff;
}	
	
#mainMenu ul a.on                       { background: #990000; }
#mainMenu ul .sub a.on                  { background: #990000 url(../images/layout/sub-arrow.gif) no-repeat 155px 8px; }
#mainMenu ul .sub ul a.on               { background: #990000 none; }

#mainMenu ul                            { visibility: hidden; }
#mainMenu li:hover ul                   { visibility: visible; }
#mainMenu li:hover ul ul                { visibility: hidden; }
#mainMenu li:hover ul li:hover ul       { visibility: visible; }