/* = Customize IR
-------------------------------------------------------------------------------------- */
#listdropwrap { 
/*background: url(../../plugins/listdrop/images/menu_background.gif) repeat-x; */
height: 32px;

/*border-top: 2px solid white;
border-bottom: 2px solid white;*/
}
#listdrop { width:100%; } /* this is necessary for the menu background to show up correctly in IE... stupid IE */

#listdrop li{ }

/* height of menuitem (half of image height if two stages...) */
#listdrop a {
	height: 32px;
	outline:none;
	}
#listdrop a span { padding-top: 32px; }
/* width of menuitem (for non-uniform widths, add the widths to each item below */
#listdrop a					{ }

/* 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 #welcome a {background-image:url(../../themes/sundara/images/nav1.gif);	width: 105px;}
#listdrop #about a {	background-image:url(../../themes/sundara/images/nav2.gif);	width: 90px;}
#listdrop #shop a {	background-image:url(../../themes/sundara/images/nav3.gif);	width: 87px;}
#listdrop #location a {	background-image:url(../../themes/sundara/images/nav5.gif);	width: 106px;}
#listdrop #news a {	background-image:url(../../themes/sundara/images/nav4.gif);	width: 88px;}
#listdrop #contact a {	background-image:url(../../themes/sundara/images/nav6.gif);	width: 100px; margin-right:0 !important; } /* gets rid of right margin on last item so that it can go to the edge */

/* Resets all the child links to remove the background images, etc. Change IDs to match menuitems and add more items as needed */
#listdrop #welcome ul a,
#listdrop #about ul a,
#listdrop #shop ul a,
#listdrop #location ul a,
#listdrop #news ul a,
#listdrop #contact ul a { background:none; height:auto; width:14em; } /* reset the width here for drop downs. especially important if you used non-uniform widths for items */

/* Two Image States:
	If you are using two different states for you image, use this.
	This would be for rollovers only.
* /
#listdrop a:hover, 
#listdrop li.current_page_item a { background-position: 0 -35px; } /* adjust the menu height, should just be bottom, but IE likes to give you trouble... */

/* Three Image States:
	If you are using three different states for you image, use this.
	This would be for rollovers, with a different state for current-page menu-items.
*/
/* change position to match menuitem height for rollovers */
#listdrop a:hover { background-position: 0 -32px; }

#listdrop li.current_page_item a { background-position: 0 -32px; }



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

/* adds arrow to items with children. update with parent menuitem ids for it to work */
#listdrop #welcome ul a.parent span,
#listdrop #about ul a.parent span,
#listdrop #gallery ul a.parent span,
#listdrop #location ul a.parent span,
#listdrop #news ul a.parent span,
#listdrop #contact ul a .parent span{
	background: url(images/listdrop_arrow_yel.gif) no-repeat center right;
	}

/* style dropdown */
#listdrop li ul {
	width: 16em;
	background-color: #9c3030; /* set dropdown background color */
	border:1px #4b1807 solid;
	}
#listdrop li ul 	{ width: 16em; } 		/* width of dropdown menus */
#listdrop li ul ul 	{ margin-left: 16em; }	/* the left margin of the second level dropdowns should match the dropdown widths */
#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 */
#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: #890c08;
	color: #ffffd2;
	}