/* *
 * aqua_warm skin modified
 * horizontal is default
 * */

/* font sizes */
div.ktskinaqua_warm a {
	font: normal 9pt Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}
/* second and following levels font-size */
div.ktskinaqua_warm li li a {
	font-weight: normal;
	line-height: 18px;
	font-size: 9px;
	color: #000000;
}

/* first level menu item size */
div.ktskinaqua_warm ul li.lev1 {
	width: 200px;
	color: #000000;
}
/* second and following levels menu item size */
div.ktskinaqua_warm li.lev1 ul, div.ktskinaqua_warm li.lev1 li {
	width: 200px;
}
 
/* HACK: fix ie5.5 setting width on inline li's */
div.ktskinaqua_warm div.kthorizontal2 ul li ul, div.ktskinaqua_warm div.kthorizontal2 ul li li {
	width: auto;
}

/* default link style */
div.ktskinaqua_warm a {
	padding: 1px 0px 1px 12px;
	color: #000000;
}
/* *
 * backgrounds:
 * - ideally, we should use backgrounds on li's and margins to space items out but, 
 *   because IE keeps triggering onmouseout events if we use margins on the li's, 
 *   we must put the backgrouns on the a's and use line height to space them out
 * - we also set the same image as the off state on the li's in order to 
 *   minimise visible flicker when hovering menu items in IE
 * */
/* level 1 background */
div.ktskinaqua_warm li.lev1, div.ktskinaqua_warm li.lev1 a.lev1 {
	background-image: url(img/bg_over2.gif);
	background-position: 0px 0px;
}
/* must make the first level item wider because we want to show more 
of the left side of the background image */
div.ktskinaqua_warm ul li.lev1_first {
	width: 200px;
	color: #000000;
}
div.ktskinaqua_warm ul li.lev1_first, div.ktskinaqua_warm ul li.lev1_first a.lev1 {
	background-position: 0px 0px;
}
div.ktskinaqua_warm ul li.lev1_first a.lev1 {
	padding-left: 6px;
}
/* *
 * must make last menu item wider for the same reasons as the first, 
 * in this case, also take into account the 1px border between items
 * */
div.ktskinaqua_warm ul li.lev1_last {
	width: 200px;
	color: #000000;
}
div.ktskinaqua_warm ul li.lev1_last, div.ktskinaqua_warm ul li.lev1_last a.lev1 {
	background-position: 100% 0px;
}

	/* level 2 item backgrounds */
	div.ktskinaqua_warm ul li li.lev2, div.ktskinaqua_warm ul li.lev2 li {
		background: url(img/bg_over2.gif) no-repeat 0px 50%;
	}
	div.ktskinaqua_warm ul li li.lev2 a.lev2, div.ktskinaqua_warm ul li.lev2 li a {
		background: url(img/bg_over2.gif) no-repeat 0px 50%;
		padding-top: -1px;
		padding-bottom: -1px;
	}
	/* horizontally space out level 3 UL's */
	div.ktskinaqua_warm ul li.lev2 ul {
		margin-left: 10px;
	}

/* selected first level items backgrounds -- also 'at rest' backgrounds (yellow)*/
div.ktskinaqua_warm li.lev1_selected a.lev1 {
	background-image: url(img/bg_over2.gif);
}
div.ktskinaqua_warm li a.selected {
	color: #000000;
}
/* selected second and third level items backgrounds */
div.ktskinaqua_warm li.lev1 li.lev2 a.selected {
	background-image: url(img/bg_over2.gif);
}

/* current first level items backgrounds */
div.ktskinaqua_warm ul li.lev1 a.lev1_current {
	background-image: url(img/bg2.gif);
}
/* current second and third level items backgrounds */
div.ktskinaqua_warm ul li.lev1 li.lev2 a.current {
	background-image: url(img/bg2.gif);
}


/* *
 * specific to horizontal2
 * - there is no level 3
 * - level 2 items don't have backgrounds
 * - must add padding between level 2 menu items
 * */
div.ktskinaqua_warm div.kthorizontal2 li ul {
	padding: 6;
	border: none 1;
}
div.ktskinaqua_warm div.kthorizontal2 li.lev1 li,
div.ktskinaqua_warm div.kthorizontal2 li.lev1 li a {
	padding: 6;
	border: none;
	background: #ffffff url(none)!important;
}
div.ktskinaqua_warm div.kthorizontal2 li.lev1 li a {
	padding-right: 1px;
}

div.ktskinaqua_warm div.kthorizontal2 li.lev1 li a.selected {
	color: #93864d !important;
	background: transparent !important;
}
div.ktskinaqua_warm div.kthorizontal2 li ul.lev2 {
	background-image: none;
	padding-left: 6px;
}


/* selected horizontal2 second level menu items */
div.ktskinaqua_warm div.kthorizontal2 li li a.selected {
	font-weight: bold;
}