/*-----------------------------------------------------
   mainMenu
----------------------------------------------------- */
#mainMenu                                             { display: inline; float: left; width: 240px; }
#mainMenu li                                          { display: inline; }
#mainMenu a                                           {
	display: block;
	width: 200px;
	height: 22px;
	background: #00a1de;
	color: #fff;
	text-decoration: none;
	margin-bottom: 1px;
	padding: 8px 20px 0 20px;
}
#mainMenu li.first a                                  { background: #00a1de url(../images/layout/mainmenu-top.gif) no-repeat 0 0; }
#mainMenu li.first ul a                               { background-image: none; }
#mainMenu li.last a                                   { background: #00a1de url(../images/layout/mainmenu-bottom.gif) no-repeat 0 0; }

#mainMenu a:hover                                     { text-decoration: underline; }
#mainMenu a.on,
#mainMenu a.on:hover                                  { font-weight: bold; text-decoration: underline; }

#mainMenu ul a,
#mainMenu li.first ul a                               { background: #d6f0fa; color: #00a1de; }
	
#mainMenu ul ul a,
#mainMenu li.first ul ul a                            {
	background: #f5fcff url(../images/layout/mainmenu-sub-link.gif) no-repeat 28px 14px;
	color: #00a1de;
	padding-left: 40px;
	width: 180px;
}	
#mainMenu li.first ul ul a.on                         {
	background: #f5fcff url(../images/layout/mainmenu-sub-link.gif) no-repeat 28px 14px;
	color: #00a1de;
	text-decoration: underline;
}
/*-----------------------------------------------------
   topMenu
----------------------------------------------------- */
#topMenu                                              {
	margin: 15px 0;
	width: 960px;
	height: 39px;
	background: transparent url(../images/layout/topmenu-bg.gif) no-repeat 0 0;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
}
#topMenu li                                           {
	float: left;
	display: inline;
	margin: 11px 30px 0 30px;
	padding: 0 0 0 20px;
	background: transparent url(../images/layout/topmenu-bullet.gif) no-repeat left center;
}
#topMenu a                                            { color: #fff; text-decoration: none; }
#topMenu a:hover,
#topMenu a:active,
#topMenu a.on                                         { color: #fff; text-decoration: underline; }