/************************C5menu.v2**by j-neal.com*******************************/

body{ behavior: url("csshover3.htc"); } /* this allows for cross browser happy fun */

nav {
	z-index: 5;
	position: relative;
	margin: 0 0 20px 5px; padding: 0;
	width: 100%; height: 30px;
	display: block;
	float: left;
}

/* this hides the 'add-to header nav' edit box in C5' comment this out in order 
to make changes to your initial templates when you first insert the nav (or you won't see the 'add' box) */
nav .ccm-add-block { display: none; } 

nav ul {
	position: relative;
	float: left;
	width: 100%; height: auto;
	list-style-type: none;
	z-index: 15;
	margin: 0; padding: 0;
}

/*position sub menus */
nav li { width: auto; height: auto;	float: left; margin-right: 10px; }
nav ul li > ul { top: auto; left: auto; } /* this magically postions 2nd level menus  */

nav ul ul {
position: absolute;
z-index: 500;
width: 200px; height: auto;
background-color: #344564; /* 2nd level menu background */
left: 0;
top: 0;
}
nav ul ul li { position: relative; width: 200px; display: block; }
nav ul ul ul {
width: 200px; height: auto;
top: 0;
left: 100%;
background-color: #6a7fa4; /* 3rd level menu background */
}
nav ul ul ul li > ul ul li  { top: 30px; left: 0; } /* this magically postions the 3rd level menus  */

/* nav styles */
nav a {
	display: block;
	margin: 0;
	padding: 3px 15px 3px 15px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
}

nav a:hover { color: #decf9c; background-color: #210f13; }

/* hide/reveal */
nav ul ul,
nav ul li:hover ul ul,
nav ul ul li:hover ul ul {display: none;}

nav ul li:hover ul,
nav ul ul li:hover ul,
nav ul ul ul li:hover ul {display: block;}

/******************************C5menu.v2**end************************************/