/* = Customize Image Replacement
-------------------------------------------------------------------------------------- */
ul.listdrop					{ clear:both; width:auto; background:url(images/mi-bg.gif) no-repeat center top; padding:9px 40px; padding-left:64px; }

/* height of menuitem (half of image height if two stages...) */
ul.listdrop a 				{ height:27px; margin-right:78px; }
ul.listdrop a span 			{ padding-top:27px; }

/* change IDs to match menuitems and add more items as needed, also add correct urls for each corresponding image.  Also make sure the width is correct */
ul.listdrop .home a 			{ background-image: url(images/mi-01-home.gif); width:50px; margin-right:48px; }
ul.listdrop .practice-areas a	{ background-image: url(images/mi-02-practice-areas.gif); width:120px; }
ul.listdrop .about a			{ background-image: url(images/mi-03-about.gif); width:83px; }
ul.listdrop .blog a				{ background-image: url(images/mi-04-blog.gif); width:51px; }
ul.listdrop .news-media a 		{ background-image: url(images/mi-05-news-media.gif); width:114px; }
ul.listdrop .contact a 			{ background-image: url(images/mi-06-contact.gif); width:78px; margin-right:0px!important; }

/* change IDs to match menuitems and add more items as needed */
ul.listdrop .home ul a,
ul.listdrop .practice-areas ul a,
ul.listdrop .about ul a,
ul.listdrop .blog ul a,
ul.listdrop .news-media ul a,
ul.listdrop .contact ul a { background:none; height:auto; width:13em; border-top:none; } /* reset the width here for drop downs. especially important if you used non-uniform widths for items */

/* change position to match menuitem height for rollovers */
ul.listdrop a:hover,
ul.listdrop li.current_page_item a:hover,
ul.listdrop li.current_page_item a,
ul.listdrop li:hover a,
ul.listdrop li.hover a	{ background-position: 0 -27px; } /* change position to match menuitem height for rollovers */

/* = Customize drop down
-------------------------------------------------------------------------------------- */
/* style the dropdown menu items */
ul.listdrop ul a {
	padding:0.5em 0.25em 0.5em 0.75em;
	text-decoration:none;
	color:#fff; /* set dropdown text color */
	border-right:.1em solid #fff;
	margin:0;
	}
ul.listdrop li li	{ border:none; }

/* adds arrow to items with children. update with parent menuitem ids for it to work */
ul.listdrop ul a span { display:block; padding:0 1em; }

/* adds arrow to items with children. update with parent menuitem ids for it to work */
ul.listdrop ul a.parent span { background:url(../../plugins/listdrop/images/arrow_rt_white.gif) no-repeat right center; }

/* style dropdown */
ul.listdrop li ul 		{ background-color:#036; /* set dropdown background color */ }
ul.listdrop li ul 		{ width:14em; } 		/* width of dropdown menus */
ul.listdrop li ul ul 	{ margin-left:-14.1em; }	/* the left margin of the second level dropdowns should match the dropdown widths */
ul.listdrop li ul ul 	{ margin-top:-2em; }	/* adjust the y-location of the second level dropdowns relative to the parent item */


/* background color for hover and selected dropdown menu items */
ul.listdrop ul li:hover, ul.listdrop ul li.hover,
ul.listdrop ul a:hover,
ul.listdrop ul li.current_page_item, ul.listdrop ul li.current_page_item a { background-color:#4b77a4; }