
/* = Customize IR
-------------------------------------------------------------------------------------- */
/* This is the parent div */
#listdropwrap {
	font-size: 1.1em;
	width: auto;
	height: 28px;
	overflow: hidden;
	padding-left:16px;
	}

#listdrop a {
	height: 28px; /* height of menuitem (half of image height) */
	margin-right: 0px; /* add margins here to space out menuitems */
	}
/* height of menuitem (half of image height) */
#listdrop a span { padding-top: 28px; }

/* change IDs to match menuitems, add or remove items as needed, add correct urls for each corresponding image, and make sure the width is correct to your images */
#listdrop #home a {
	
	    /* html #image-style {
            background-image: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../themes/kghr/images/mi_home.png", sizingMethod="scale");
            }
	*/
	background-image: url(../../themes/kghr/images/mi_home.png) !important;
	background-image:url(../../themes/kghr/images/mi_home.gif);
	width: 111px;
	background-repeat: no-repeat;
}
#listdrop #information a {
	background-image: url(../../themes/kghr/images/mi_information.png) !important;
	background-image:url(../../themes/kghr/images/mi_information.gif);
	width: 171px;
	background-repeat: no-repeat;
	}
#listdrop #culture a {
	background-image: url(../../themes/kghr/images/mi_culture.png) !important;
	background-image:url(../../themes/kghr/images/mi_culture.gif);
	width: 114px;
	background-repeat: no-repeat;
	}
#listdrop #sponsorship a {
	background-image: url(../../themes/kghr/images/mi_sponsorship.png) !important;
	background-image:url(../../themes/kghr/images/mi_sponsorship.gif);
	width: 169px;
	background-repeat: no-repeat;
	}
#listdrop #programming a {
	background-image: url(../../themes/kghr/images/mi_programming.png) !important;
	background-image:url(../../themes/kghr/images/mi_programming.gif);
	width: 134px;
	background-repeat: no-repeat;
	}
/* change position to match menuitem height */
#listdrop a:hover, 
#listdrop li.current_page_item a { background-position: 0 -28px; }

/* = Customize drop down
-------------------------------------------------------------------------------------- */

/* Resets all the child links to remove the background images, etc. Change IDs to match menuitems and add more items as needed */
#listdrop #home ul a,
#listdrop #programming ul a,
#listdrop #information ul a,
#listdrop #culture ul a,
#listdrop #sponsorship ul a { background: none !important; background: none; height: auto; width: 8em; } /* <- width for the links is being set here */


/* style the dropdown menu items */
#listdrop ul a {
	padding: 0.5em 0.7em;
	text-decoration: none;
	color: #fff; /* set dropdown text color */
	font-weight: normal;
	margin: 0;
	border-bottom: 1px solid #fff;
	}



#listdrop li ul {
	width: 11.4em; /* width of menu drop down area. IMPORTANT: this equals width of the link plus link padding above ( eg: 10 + .7 + .7 = 11.4 ) */
	background-color: transparent;
	filter:Alpha(Opacity=92);
	-moz-opacity:0.92;
	color: #fff;
	padding-bottom: 0px;
	background-image:none;
	background-repeat: no-repeat;
	font-weight: normal;
	}

#listdrop #information li {
	background-color: #87190e;
}
#listdrop #culture li {
	background-color: #272382;
}
#listdrop #sponsorship li {
	background-color: #e46c0c;
}
#listdrop #programming li {
	background-color: #43248c;
	
}



/* hovers and selected */
#listdrop ul li:hover, #listdrop ul li.hover,
#listdrop ul a:hover,
#listdrop ul li.current_page_item, #listdrop ul li.current_page_item a {
	background-color: transparent;
	
	filter:Alpha(Opacity=90);
	-moz-opacity:0.90;
	
	font-weight:normal;
	color: #fff;
	}
	
#listdrop #information li:hover,#listdrop #information li.hover {
	background-color: #61120a;
}
#listdrop #culture li:hover,#listdrop #culture li.hover {
	background-color: #1d1a60;
}
#listdrop #sponsorship li:hover,#listdrop #sponsorship li.hover  {
	background-color: #b4550a;
	
}
#listdrop #programming li:hover,#listdrop #programming li.hover  {
	background-color: #331b6b;
}	
	
	