/* MENU */
.menu {
	z-index				: 1000;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding				: 0;
	margin				: 0;
	list-style-type		: none;
}
/* hack for IE5.5 */
* html .menu ul { margin-left:-16px; ma\rgin-left:0; }

/* position relative so that you can position the sub levels */
.menu li {
	float				: left;
	display				: block;
	position			: relative;
}
/* get rid of the table */
.menu table { position:absolute; border-collapse:collapse; top:0; left:0; z-index:100;}
/* hack for IE5.5 */
* html .menu a{width:150px; w\idth:149px;}
/* style the links */
.menu a{ }
/* style the link hover */
* html .menu a:hover { }
.menu :hover > a { }


/* MENU STYLING */

/* Top Level Items -------------------------------------------------- */
.menuHome a{
	height				: 50px;
	width				: 30px;
	display				: block;
	margin				: 0px 0px 20px 0px;
	background-image	: url(../imgs/button-home001.gif);
	background-position	: left top;
	background-repeat 	: no-repeat;
}
.menuHome a:hover{
	background-image	: url(../imgs/button-home002.gif);
}
.menuHome:hover > a {
	background-image	: url(../imgs/button-home002.gif);
}

.menuNavigation a{
	height				: 46px;
	width				: 30px;
	display				: block;
	margin				: 0px 0px 20px 0px;
	background-image	: url(../imgs/button-menu001.gif);
	background-position	: left top;
	background-repeat 	: no-repeat;
}
.menuNavigation a:hover{
	background-color	: transparent;
	background-image	: url(../imgs/button-menu002.gif);
}
.menuNavigation:hover > a {
	background-color	: transparent;
	background-image	: url(../imgs/button-menu002.gif);
}
/* ----------------------------------------------------------------- */



/* 1st Level Items ------------------------------------------------- */
.menu ul ul {
	border-left			: 1px solid #6F768E;
	border-width 		: 0px 1px 0px 1px;
}
.menu li li a{
	display				: block; 
	height				: AUTO;
	width				: 200px;
	margin				: 0px 0px 0px 0px;
	border-bottom		: 1px solid #9498AB;
	border-left 		: 1px solid #525769;
	border-width 		: 0px 0px 1px 1px;
	background-image	: url(../imgs/bg-menu-level1.jpg);
	background-position	: left top;
	background-repeat	: repeat;
	
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #FFF;
	text-decoration 	: none;
}
.menu li li a:hover{
	background-image	: url(../imgs/bg-menu-level2.jpg);
}
.menu li li:hover > a {
	background-image	: url(../imgs/bg-menu-level2.jpg);
}
.menu li li p{
	margin				: 0px 15px 0px 15px;
	padding 			: 10px 0px 10px 0px;
}
/* ----------------------------------------------------------------- */



/* 2nd Level Items ------------------------------------------------- */
.menu ul ul ul {
	margin 				: 0px 0px 0px 1px;
	padding 			: 7px 0px 10px 0px;
	border-left			: solid #9498AB;
	border-width 		: 0px 0px 0px 1px;
	background-image	: url(../imgs/bg-menu-level2.jpg);
	background-position	: left top;
	background-repeat	: repeat;
}
.menu li li li a{
	display				: block; 
	height				: AUTO;
	width				: 200px;
	margin				: 0px 0px 0px 0px;
	color				: #000;
	border-left			: 1px solid #6F768E;
	border-width 		: 0px 0px 0px 1px;
	background-image	: none;
	
	
	font-family			: Arial, Helvetica, sans-serif;

	color				: #FFF;
	text-decoration 	: underline;
}
.menu li li li a:hover{
	text-decoration 	: none;
	background-image	: none;
}
.menu li li li:hover > a {
	text-decoration 	: none;
}
.menu li li li p{
	margin				: 0px 15px 0px 15px;
	padding 			: 5px 0px 5px 0px;
}
/* ----------------------------------------------------------------- */



/* 3rd Level Items ------------------------------------------------- */
.menu li li li li a{
	display				: block; 
	height				: 25px;
	width				: 149px;
	margin				: 0px 0px 0px 0px;
	color				: #000;
	border				: 1px solid #fff;
	border-width		: 0 1px 1px 0;
	background			: #999;
}
.menu li li li li a:hover{
	background			: #888;
}
.menu li li li li:hover > a {
	background			: #888;
}
/* ----------------------------------------------------------------- */



/* SHOW/HIDE SUB MENUS --------------------------------------------- */

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility			: hidden;
	position			: absolute;
	top					: 0;
	left				: 30px; 
}
.menu ul ul ul {
	left				: 200px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility			: visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility 			: hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
	visibility			: hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility			: visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
	visibility			: visible;
}
/* ----------------------------------------------------------------- */