/* *

 * rd_grey skin

 * horizontal is default

 * */



/* font sizes */

div.ktskinrd_grey a {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

    vertical-align: left;

	line-height: 14px;

	text-align: right;

}

/* second and following levels font-size */

div.ktskinrd_grey li li a { font-weight: normal; line-height: 14px; }



/* first level menu item size */

div.ktskinrd_grey ul li.lev1 {

	width: 170px; 

	

}

/* second and following levels menu item size */

div.ktskinrd_grey li.lev1 ul, div.ktskinrd_grey li.lev1 li {

	width: 140px;

	

}

 

/* HACK: fix ie5.5 setting width on inline li's */

div.ktskinrd_grey div.kthorizontal2 ul li ul, div.ktskinrd_grey div.kthorizontal2 ul li li {

	width: auto;

}



/* default link style */

div.ktskinrd_grey a {

	padding: 0px 20px 0px 0px;

	color: #7E0100;

}

/* *

 * 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.ktskinrd_grey li.lev1, div.ktskinrd_grey li.lev1 a.lev1 {

	background-image: url(img/menuleft_up.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.ktskinrd_grey ul li.lev1_first {

	width: 170px;

	

}

div.ktskinrd_grey ul li.lev1_first, div.ktskinrd_grey ul li.lev1_first a.lev1 {

	background-position: 0px 0px;

	

}

div.ktskinrd_grey ul li.lev1_first a.lev1 {

	padding-left: 0px;

}

/* *

 * 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.ktskinrd_grey ul li.lev1_last {

	width: 140px;

	

}

div.ktskinrd_grey ul li.lev1_last, div.ktskinrd_grey ul li.lev1_last a.lev1 {

	background-position: 100% 0px;

	

}



	/* level 2 item backgrounds */

div.ktskinrd_grey ul li li.lev2, div.ktskinrd_grey ul li.lev2 li {

		background: url(img/menuleft2_up.gif) no-repeat 0px 50%;

	}

div.ktskinrd_grey ul li li.lev2 a.lev2, div.ktskinrd_grey ul li.lev2 li a {

		background: url(img/menuleft2_dn.gif) no-repeat 0px 50%;

		padding-top: 0px;

		padding-bottom: 0px;

		

	}

	/* horizontally space out level 3 UL's */

div.ktskinrd_grey ul li.lev2 ul {

		margin-left: 0px;

	}



/* selected first level items backgrounds */

div.ktskinrd_grey li.lev1_selected a.lev1 {

	background-image: url(img/menuleft_up.gif);

}

div.ktskinrd_grey li a.selected {

	color: #ffffff;

}

/* selected second and third level items backgrounds */

div.ktskinrd_grey li.lev1 li.lev2 a.selected {

	background-image: url(img/menuleft2_up.gif);

}



/* current first level items backgrounds */

div.ktskinrd_grey ul li.lev1 a.lev1_current {

	background-image: url(img/menuleft_up.gif);

}

/* current second and third level items backgrounds */

div.ktskinrd_grey ul li.lev1 li.lev2 a.current {

	background-image: url(img/menuleft2_up.gif);

}

/* *

 * specific to vertical

 * - first level menu items have a different size than the horizontal ones

 * - also, the backgrounds must not be shifted for the first and last meneu items

 * */

div.ktskinrd_grey div.ktvertical ul.lev1, div.ktskinrd_grey div.ktvertical ul li.lev1 {

	width: 170px;

	

}

div.ktskinrd_grey div.ktvertical li.lev1, div.ktskinrd_grey div.ktvertical li.lev1 a.lev1 {

	background-image: url(img/menuleft_up.gif);

	background-position: 0px 0px;

}

div.ktskinrd_grey div.ktvertical ul li.lev1_last a.lev1 {

	line-height: 14px;

background-image: url(img/menuleft_up.gif);

}

div.ktskinrd_grey div.ktvertical li.lev1_selected a.lev1 {

	background-image: url(img/menuleft_dn.gif);

}

/* current vertical first level menu items backgrounds */

div.ktskinrd_grey div.ktvertical ul li.lev1 a.lev1_current {

	background-image: url(img/menuleft_dn.gif);

}

div.ktskinrd_grey div.ktvertical ul.lev2 {

	padding-left: 0px;

}



/* *

 * specific to horizontal2

 * - there is no level 3

 * - level 2 items don't have backgrounds

 * - must add padding between level 2 menu items

 * */

div.ktskinrd_grey div.kthorizontal2 li ul {

	padding: 0;

	border: none 0;

}

div.ktskinrd_grey div.kthorizontal2 li.lev1 li,

div.ktskinrd_grey div.kthorizontal2 li.lev1 li a {

	padding: 0;

	border: none 0;

	background: transparent !important;

	background-image: none !important;

}

div.ktskinrd_grey div.kthorizontal2 li.lev1 li a {

	padding-right: 0px;

}



div.ktskinrd_grey div.kthorizontal2 li.lev1 li a.selected {

	color: #4f72b4 !important;

	background: transparent !important;

}

div.ktskinrd_grey div.kthorizontal2 li ul.lev2 {

	background-image: none;

	padding-left: 0px;

}



/* selected horizontal2 second level menu items */

div.ktskinrd_grey div.kthorizontal2 li li a.selected {

	font-weight: bold;

}