/* Start of CMSMS style sheet 'NZO Imagemenu Setup V1' */
/* CSS Document */

#menuwrapper2 { }

/* Set the width of the menu elements at second and third level. Leaving first level flexible. */

#imap li li { width: 200px; }

/* Unless you know what you do, do not touch this */ 
#imap {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#imap ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#imap ul {
	position: absolute;
	top: auto;
}

#imap ul ul {
	margin-top: 1px;
	/* this is normally 0px but for this menu we wanted the white line around the main image to show above the drop downs  */
    margin-left: -1px;
	left: 100%;
	top: 0px;
}

#imap li {
	margin-left: -1px;
	float: left;
}

#imap li li {
	margin-left: 10px;
	margin-top: 1px;
	position: relative;
}

#imap li li li {
	margin-left: 0px;
	margin-top: 1px;
}

#imap li li a {
	margin-left: 0px;
	margin-top: -1px;
	position: relative;
}

/* Styling the basic apperance of the menu elements */



#imap a {
	display: block;
	padding: 0px 0px;
	text-decoration: none;
	font-size:8pt;
}

#imap li a { text-indent:-9000px;/* this moves the words (menutext) of the first layer, images, out of the way which you will need if you have only one layer/no drop downs */ }

#imap li li a {
	text-indent:0px;
	/*this makes the second level words in the drop downs show up or else they will inherit the action of the line above*/
    background-color: #4d4d4d;   /* before */
	padding: 4px 10px;
	border-left:5px solid #efefef;   /* fat border on left */
	border-bottom:1px solid #efefef;
	color:#fff;    /* color of link text */
}

#imap li li :hover {
	background-color: #999999;   /* second and third layer drop down hover color */
	color:#ffffff
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#imap ul, #imap li:hover ul, #imap li:hover ul ul, #imap li.menuparenth ul, #imap li.menuparenth ul ul { display: none; }

#imap li:hover ul ul ul, #imap li.menuparenth ul ul ul { display: none; }

#imap li:hover ul, #imap ul li:hover ul, #imap ul ul li:hover ul, #imap li.menuparenth ul, #imap ul li.menuparenth ul, #imap ul ul li.menuparenth ul { display: block; }

/** html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
 End */


#imap li li {
	float: left;
	clear: both;
	background-color: #00b374;   /* before */
}

#imap li li a { height: 1%; }

/* End of 'NZO Imagemenu Setup V1' */