
/* = Customize IR
-------------------------------------------------------------------------------------- */

ul.listdrop				{ clear:both; width:auto; background:#bca url(images/menu_bg.gif) repeat-x center top; padding:0 40px; }

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

/* 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 .about a { background-image:url(images/mi_about.gif); width:43px; }
ul.listdrop .approach a { background-image:url(images/mi_our-approach.gif); width:97px; }
ul.listdrop .practice a { background-image:url(images/mi_practice.gif); width:57px; }
ul.listdrop .attorneys a { background-image:url(images/mi_attorneys.gif); width:69px; }
ul.listdrop .case-studies a { background-image:url(images/mi_case-studies.gif); width:82px; }
ul.listdrop .news-articles a { background-image:url(images/mi_news-articles.gif); width:107px; }
ul.listdrop .speaking-publications a { background-image:url(images/mi_speaking-publications.gif); width:161px; }
ul.listdrop .contact a { background-image:url(images/mi_contact.gif); width:59px; margin-right:0px!important; }

/* change IDs to match menuitems and add more items as needed */
ul.listdrop .about ul a,
ul.listdrop .approach ul a,
ul.listdrop .practice ul a,
ul.listdrop .attorneys ul a,
ul.listdrop .case-studies ul a,
ul.listdrop .news-articles ul a,
ul.listdrop .speaking-publications ul a,
ul.listdrop .contact ul a { background:none; height:auto; width:13em; } /* 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 -32px; }
/**/


/* = Customize drop down
-------------------------------------------------------------------------------------- */
/* style the dropdown menu items */
ul.listdrop ul li { margin-right:0; }
ul.listdrop ul a {
	padding:0.5em 0.25em 0.5em 0.75em;
	text-decoration:none;
	color:#036; /* 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:#bca; /* 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 { color:#c60; }
