/*
 * source file menu_menu_system.css
 * This is the style for the main/top menu system.
 * background-color: #ffde00; -- this is a dark yellow
 * background-color: #992667; -- this is a deep purple color
 * 	- this is also the hover color, so do not make this the text color
 */
.small_link	{	font-size: 90%;	}

div
	{
	margin: 0;
	padding: 0;
	border: 0;
	}
div#nav_menu {
    right: 0;
    left: 0;
    top: .8em;		/* original value = 2.8em	*/
margin-left: auto;	
margin-right: auto;
margin-bottom: 0;
height: 5.0em;
border-bottom: 0px solid blue;
}

div#nav_menu > div {
    width: 60.0em;		/* 55.5 is good for firefox --- original value = 50em */
    text-align: center;	/* alignment of the text in each main menu box */
	border: 0px solid red;
	
margin-left: auto;
margin-right: auto;
}
/*
 * If you want to place an image into the main meun string, then 
 * the style below will take care of that.
 */
div#nav_menu > div > a > img {
    position: relative;
    clear: left;
    display: block;
    margin: 0 auto;
    width: 17em; 	/* space in the menu bar for the image */ 
    height: auto;
    z-index: 1;
}

div#nav_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
/*
 * This style defines the main menu string.
 * NOTE: there are 2 main UL lists within the DIV tag.  Each list is
 *		 given a width of 50% of the width defined by the class in line 7.
 * The size and style is for the text in the main menu bar.
 */
div#nav_menu > div > ul {
    top: .90em;		/* raises the menu up or down */
    width: 100.0%;		/* not exactly sure what this is doing ?? */
	border: 0px solid green;
	font-size: 1.1em;
	font-style: italic;
/* background-image: url( jpgfiles/back2.jpg); */
}
ul#gifts {
    /* left: 0; */
}

/*
 * This class defines the characteristics of the menu height.
 */
div#nav_menu span {
    display: block;
    overflow: hidden;   
    height: 2.0em;	/* original value = 2.1em	*/
    line-height: 2.2em;	/* original value = 2.2em	*/
	padding-top:    .10em;
	padding-bottom: .40em;
}

div#nav_menu span a	
	{
	color: black; 
	text-decoration: none;	/* removes the underline on the main menu items */
	margin-bottom: 0;
	padding-bottom: 0;
	}

/*
 * Note the 'height' parameter is 4.2 em.  In a style below, the value
 * of the 'top' value is also 4.2.  The 'top' defines where the top
 * of the sub-menu starts.
 * If you change the height value here, also change the 'top' value
 * in the class below.
 */
div#nav_menu > div > ul > li {
    position: relative;
    background-color: #ffde00;	/* 992667 - original value = lightblue	*/
    border: 0.05em solid #992667;		/* original value = .05em	*/	
	color: black;		/* text color of the main menu items when they are not a link */
    font-size: .90em;	/* original value = .9em	*/
    padding: 0 ;	/* 0.1em original value = .5em	*/
    width: 6.2em;	/* width of the menu boxes - original value = 8.35em	*/
    height: 2.65em;	/* original value = 2.2em - actual height of a menu box */
					/* this value will increase or decrease the space betweein the
					   main menu bar and the drop down menus */
margin: 0;
}
div#nav_menu > div > ul > li:hover {
    background-color: #c060c0;	/* 992667 main menu hover color - lightsteelblue; */
	color: #ffde00;
z-index: 101;		/* add this so that the submenu list appears above the banner */
}
ul#gifts > li {
    float: left;	/* float left places all menu items in a row */
					/* w/o this style, the menu items are stacked on each other */
}

div#nav_menu > div > ul > li#leftedge {
	border-right: 0.05em solid #992667;	/*	border-right-width: 0; */
    /* -moz-border-radius-topleft: 1em; */
    /* -moz-border-radius-bottomleft: 1em; */
    margin-left: 0.2em;		/* original value = 0.3em */
}
div#nav_menu > div > ul > li#leftedge:hover {
    /* -moz-border-radius-bottomleft: 0; */ 
	color: #ffdeee;	/* orig color: 992667 */
}

/*
 * This class defines the parameters for the drop down menus.
 * The 'top' value here corresponds to the height value in a class
 * defined above.  Change the 'top' value here and also change the
 * height value above.
 */
ul.menu_menu {
    top: 2.0em;	/* top of the sub-menu in relation to the top of the main menu - original value = 2.19em	*/
    background-color: #c030c0;		/* 9933cc whole sub menu background color - original value = lightblue; */
    width: 14.0em;	/* width of the sub-menu - original value = 15.00em	*/
    /* -moz-border-radius-bottomleft: 1em; */
    /* -moz-border-radius-bottomright: 1em; */
    border: 0.05em solid #992667;	/* ffde00 - border of the complete sub-menu */
    display: none;
	z-index: 99;
}

ul#gifts ul.menu_menu {
    /* -moz-border-radius-topright: 1em; */
    left: -0.05em;
}
div#nav_menu > div > ul > li:hover > ul.menu_menu,
ul.menu_menu:hover {
    display: block;
	z-index: 98;
}
ul.menu_menu li {
    text-align: left;
    color: black;   
	z-index: 97;
	clear: right;
	margin: 0.0em;
    width: 12.0em;	
}
/*
 * The margin and padding below control the spacing between the links
 * in the dropdown menu.  Values of 0 will really compress the links.
 */
ul.menu_menu a {
    /* margin: 0.3em;	** original value = .40em	*/
	margin: 0 0 0 0.0em;
    padding: 0; 	/* 0.2em .2em .0em .1em;	** original value = .50em	*/
    color:  white;		/* original value = black	*/
	font-weight: bold;
	letter-spacing: .1em;
    /* display: inline; */
    border-bottom: 0.0em solid #e667af;		/* original value = 0.05em solid lightblue	*/
	height: 1.5em;		/* height of an item/link in the sub-menu */	
	text-decoration: none;	/* removes the underline on the link text in the submenus */
	z-index: 96;
	font-size: 90%;
}
/*
 * This class defines the hover parameters for a link in the sub-menu.
 */
ul.menu_menu  a:hover {
    background-color: #992667;		/*	ffde00 - this is the hover color of a submenu item */
    /* -moz-border-radius: 0.8em; */
    /* border: 0.05em solid black; */
	
	z-index: 95;
}
div#nav_menu ul a:active {
    background-color: steelblue;
	margin: 0;
}
.L2 {
	float: right;
	margin: 0 1.0em 0 0em;
	padding: 0 0 0 -.5em;
	display: inline;
	/* background-color: black; */
	}