/*--------------------------------------
   mainMenu
--------------------------------------- */
#mainMenu                               {
	position: relative;
	top: 72px;
	float: right;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	z-index: 1000;
}
#mainMenu li                            {
	position: relative;
	float: left;
	width: auto;
	height: 27px;
	padding-left: 10px;
	margin-left: 10px;
	background: transparent url(../images/layout/mainmenu-a-left.gif) no-repeat -9999px 0;
	z-index: 1500;
}
#mainMenu a                             {
	display: block;
	background: transparent url(../images/layout/mainmenu-a-right.gif) no-repeat -9999px 0;
	padding: 4px 10px 7px 0;
	text-decoration: none;
	color: #165a85;
}
	
/*--------------------------------------
   mainMenu - first level-active
--------------------------------------- */	
#mainMenu li:hover                      { background: transparent url(../images/layout/mainmenu-a-left.gif) no-repeat 0 0; }
#mainMenu li:hover a                    { background: transparent url(../images/layout/mainmenu-a-right.gif) no-repeat right top; color: #fff; }

#mainMenu .on                           { background: transparent url(../images/layout/mainmenu-a-left.gif) no-repeat 0 0; }
#mainMenu .on a                         { background: transparent url(../images/layout/mainmenu-a-right.gif) no-repeat right top; color: #fff; }

/*--------------------------------------
   mainMenu - levels
--------------------------------------- */
#mainMenu ul                            {
	position: absolute;
	left: 0;
	top: 23px;
	background: #2c85bd;
	width: 170px;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	z-index: 2000;
	padding-top: 5px;
}
#mainMenu ul ul                         { top: 0; left: 170px; z-index: 3000; padding-top: 0; }

#mainMenu ul li                         {
	display: block;
	background: none;
	margin: 0;
	padding: 0;
	width: 170px;
	height: auto;
	z-index: 4000;
}
	
#mainMenu ul a                          {
	margin: 0;
	padding: 4px 17px 4px 7px;
	background: none;
	border-bottom: 1px solid #91c5e5;
}

#mainMenu li:hover ul li                { background: none; }
#mainMenu li:hover ul a                 { background: none; }
#mainMenu li.on ul li                   { background: none; }
#mainMenu li.on ul a                    { background: none; }

#mainMenu ul .sub                       { background: transparent url(../images/layout/mainmenu-sub-arrow.gif) no-repeat 155px 9px; }
#mainMenu li:hover ul li.sub            { background: transparent url(../images/layout/mainmenu-sub-arrow.gif) no-repeat 155px 9px; }

#mainMenu ul li:hover a                               { color: #91c5e5; }
#mainMenu ul li:hover ul a                            { color: #fff; }
#mainMenu ul li:hover ul li:hover a                   { color: #91c5e5; }
#mainMenu ul li:hover ul li:hover ul a                { color: #fff; }
#mainMenu ul li:hover ul li:hover ul li:hover a       { color: #91c5e5; }
#mainMenu ul li:hover ul li:hover ul li:hover ul a    { color: #fff; }

#mainMenu ul a.on,
#mainMenu li.on:hover ul a.on,
#mainMenu ul li ul li a.on,
#mainMenu ul li ul li:hover ul li a.on                { color: #91c5e5; }

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


/* --------- end of mainMenu ---------- */


/*--------------------------------------
   secMenu
--------------------------------------- */
#containerWrapper #secMenu              { margin: 0; padding: 0 }
#containerWrapper #secMenu li           { margin: 0; padding: 0; background: none; clear: both; }

#containerWrapper #secMenu ul           { margin: 0 0 0 15px; }
#containerWrapper #secMenu ul li        { clear: both; width: 100%; }

#containerWrapper #secMenu a { display: block; height: 1%; padding: 1px 0 1px 20px;  background: #fff url(../images/layout/secmenu-link-bg.gif) no-repeat -270px 10px; color: #155781; text-decoration: none; font-weight: bold; border-bottom: 1px solid #155781; }
#containerWrapper #secMenu a:hover,
#containerWrapper #secMenu .on a,
#containerWrapper #secMenu .on a:hover { background: #155781 url(../images/layout/secmenu-link-bg.gif) no-repeat 0px 10px; color: #fff; }

#containerWrapper #secMenu .on ul a { float: left; background: #fff url(../images/layout/secmenu-link-bg.gif) no-repeat -270px 10px; color: #155781; border: none; font-weight: normal; text-decoration: underline; padding-top: 0; padding-bottom: 0; }
#containerWrapper #secMenu .on ul a:hover,
#containerWrapper #secMenu .on ul a.on { background: #fff url(../images/layout/secmenu-link-bg.gif) no-repeat -270px 9px; color: #155781; text-decoration: none; }

#containerWrapper #secMenu .on ul a.on { font-weight: bold; }