/* *

 * modern_green skin

 * horizontal is default

 * */



/* font sizes */

div.ktskinmodern_green a {

	text-decoration: none;

	line-height: 41px; /*change by normmy from 41 to 21*/

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	text-align: center;

}

/* second and following levels font-size */

div.ktskinmodern_green li li a { font-weight: normal;
line-height: 21px;}



/* first level menu item size */

div.ktskinmodern_green ul li.lev1 {

	width: 155px;

	height:41px;

}

/* second and following levels menu item size */

div.ktskinmodern_green li.lev1 ul, div.ktskinmodern_green li.lev1 li {

	width: 155px;

	height:21px;

	background-color: #FFF8D9;

/*	border: thin solid #006600;*/

}

 

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

div.ktskinmodern_green div.kthorizontal2 ul li ul, div.ktskinmodern_green div.kthorizontal2 ul li li { /* fix ie5.5 setting width on inline li's */

	width: auto;

}



/* space top level items */

div.ktskinmodern_green li.lev1 {

	margin-right: 2px !important;

}



/* position relative to parent */

div.ktskinmodern_green li ul.lev2 {

	margin-top: 0px;

}

div.ktskinmodern_green li.lev1 li ul {

	margin-left: -30px;

	margin-top: 0px;

}



/* default link style */

div.ktskinmodern_green a {

	padding: 0px 0px 0px 0px;

	color: #006600;

}

/* level 1 item styles */

div.ktskinmodern_green li.lev1 {

	/*background: url(img/bg_h.gif);*/

}

div.ktskinmodern_green li a.lev1 {

	/*border-bottom: solid 0px #1B2C2A;*/

}

/* level 1 item hover styles */

div.ktskinmodern_green li a.lev1:hover {

	border-top: solid 0px #4E817A;

	border-bottom: none 0;

	color: #009900;

	background-image: url(img/bg_hover.jpg);

}



	/* level 2 item styles */

	div.ktskinmodern_green li ul {

		/*border: solid 1px #4E817A;*/

	}

	div.ktskinmodern_green li li a {

		/*border-bottom: solid 1px #ffffff;*/

/*		background-color: #CCCC33; /*#D0E2DF;*/
		background-image: url(../../../../images/bg_ver.jpg);

		color: #3E6660;

	}

	/* level 2 item hover styles */

	div.ktskinmodern_green li li a:hover {

		background-color: #008040;

		color: #FF6633;

	}

		/* level 3 item hover styles */

		div.ktskinmodern_green li li li a:hover {

			background-color: #4C7D76;

		}

 

/* *

 * items that have children:

 * - the main item background is alreay set on the li's 

 *   and we must only overlay an arrow showing if the element has children

 * */



/* all items that have children */

div.ktskinmodern_green li.lev1 a.haschildren {

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

	background-repeat: no-repeat;

	background-position: 6px 50%;

}

/* current first level items that have children */

div.ktskinmodern_green li.lev1 a.lev1_current_haschildren {

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

}



/* selected items */

div.ktskinmodern_green li a.selected {



	

}

div.ktskinmodern_green li li a.selected {



}

/* all current items links */

div.ktskinmodern_green li a.current {



	

}

/* current first level */

div.ktskinmodern_green li a.lev1_current {

	border-top: solid 0px #4E817A;

	border-bottom: none 0;



}



/* current first level items that have children, must change the arrow */

div.ktskinmodern_green li.lev1 a.lev1_current_haschildren {

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

}

	div.ktskinmodern_green li li a.current {



	}

	/* current second level items that have children, must change the arrow */

	div.ktskinmodern_green li li.lev2 a.lev2_current_haschildren {

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

	}

		/* level 3 */

		div.ktskinmodern_green li li li a.current {

			background-color: #4C7D76;

		}



/* *

 * specific to vertical

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

 * - the borders for first level must be changed

 * */

div.ktskinmodern_green div.ktvertical li.lev1 { /* space top level items */

	margin-right: 0px !important;

}

div.ktskinmodern_green div.ktvertical li ul {

	margin-left: -10px;

	margin-top: 2px;

}

div.ktskinmodern_green div.ktvertical li.lev1 {

	width: 163px;

	background-color: #FFFFCC;

	background-image: url(img/bg_v.jpg);

	/*	background: url(img/bg_v.gif);*/

}

div.ktskinmodern_green div.ktvertical li a.lev1 {

	border-top-width: 1px;

	border-right-width: thin;

	border-bottom-width: 1px;

	border-left-width: thin;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #61A097;

	border-right-color: #61A097;

	border-bottom-color: #1B2C2A;

	border-left-color: #61A097;

}

div.ktskinmodern_green div.ktvertical li a.lev1_current {

	border-top: solid 2px #4E817A;

	border-bottom: none 0;

}



div.ktskinmodern_green div.ktvertical li a.lev1_current_haschildren {

	background-image: url(img/arrow_right_light.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.ktskinmodern_green div.kthorizontal2 li ul {

	padding: 0;

	border: none 0;

}

div.ktskinmodern_green div.kthorizontal2 li li a {

	padding: 0;

	border: none 0;

	padding-right: 0px;

	background: transparent;

}



div.ktskinmodern_green div.kthorizontal2 li li a:hover,

div.ktskinmodern_green div.kthorizontal2 li li a.selected {

	color: #1B2C2A !important;

	background: transparent !important;

}

/* selected horizontal2 second level menu items */

div.ktskinmodern_green div.kthorizontal2 li li a.selected {

	font-weight: bold;

}



