/*


*
*	Project:	The Royal Children's Hospital
*	Date:		15-09-2011
*	Author: 	Nickolas G
*
*/

/*** 1st Level ***/

#menu {
	background: 			url(/includes/rch_template2011/assets/global/menu.png) no-repeat -6px 0;
	height: 				49px;
	margin-bottom:			10px;
	position:				relative; 
 	z-index: 				999;
}

#menu li {
	display: 				block;
	float: 					left;
	height:					45px;
	z-index: 				1000;
}

#menu li a {
	display: 				block;	
	font: 					12px/14px Arial, sans-serif;
	height:					45px;
	text-indent: 			-9999px;
	z-index:				1001;
}


#menu-0 a { width: 198px; } 
#menu-1 a { width: 196px; }
#menu-2 a { width: 228px; }
#menu-3 a { width: 205px; }
#menu-4 a { width: 133px; }


/*** 1st Level Hover States ***/
#menu-0.sfhover,
#menu-0:hover { background: url(/includes/rch_template2011/assets/global/menu.png) no-repeat -6px -50px; }
#menu-1.sfhover,
#menu-1:hover { background: url(/includes/rch_template2011/assets/global/menu.png) no-repeat -204px -50px; }
#menu-2.sfhover,
#menu-2:hover { background: url(/includes/rch_template2011/assets/global/menu.png) no-repeat -400px -50px; }
#menu-3.sfhover,
#menu-3:hover { background: url(/includes/rch_template2011/assets/global/menu.png) no-repeat -628px -50px; }
#menu-4.sfhover,
#menu-4:hover { background: url(/includes/rch_template2011/assets/global/menu.png) no-repeat -833px -50px; }


/*** 1st Level Active States ***/
#menu-0 a:active, 
#menu-0 a:focus, 
#menu-0.current {
	background: url(/includes/rch_template2011/assets/global/menu.png) no-repeat -6px -100px;
}

#menu-1 a:active, 
#menu-1 a:focus, 
#menu-1.current {
	background: url(/includes/rch_template2011/assets/global/menu.png) no-repeat -204px -100px;
}

#menu-2 a:active, 
#menu-2 a:focus, 
#menu-2.current {
	background: url(/includes/rch_template2011/assets/global/menu.png) no-repeat -400px -100px;
}

#menu-3 a:active, 
#menu-3 a:focus, 
#menu-3.current {
	background: url(/includes/rch_template2011/assets/global/menu.png) no-repeat -628px -100px;
}

#menu-4 a:active, 
#menu-4 a:focus, 
#menu-4.current {
	background: url(/includes/rch_template2011/assets/global/menu.png) no-repeat -833px -100px;
}

/*** 2nd Level ***/
#menu li ul {
	height:					auto;
	left:					-9999px;
	list-style:				none;
	z-index:				1000; 
}

#menu li ul li {
	height:					auto;
	margin: 				0;
}

#menu li ul li a,
#menu .mega-menu li ul li a {
	background: 			url(/includes/rch_template2011/assets/global/menu-dropdown.png) no-repeat -10px -56px;
	color: 					#425563;
	display: 				inline-block;
	height: 				auto;
	padding: 				5px 0 5px 25px;
	text-indent:			0;
	text-decoration:		none;
	width: 					200px;
}
	.ie6 #menu li ul li a,
	.ie6 #menu .mega-menu li ul li a {
		background: url(/includes/rch_template2011/assets/global/menu-dropdown.gif) no-repeat -10px -56px;
	}

#menu li ul li a:hover, 
#menu li ul li a:active, 
#menu li ul li a:focus {
	background-image: 		url(/includes/rch_template2011/assets/global/menu-dropdown.png);
	background-position: 	-10px -12px;
	color: 					#141b4d;
}

.ie6 #menu li ul li a:hover, 
.ie6 #menu li ul li a:active, 
.ie6 #menu li ul li a:focus {
	background-image: none;
}

.ie6 #menu .mega-menu .level-3 a:hover, 
.ie6 #menu .mega-menu .level-3 a:active, 
.ie6 #menu .mega-menu .level-3 a:focus,
.ie6 #menu .simple-menu a:hover, 
.ie6 #menu .simple-menu a:active, 
.ie6 #menu .simple-menu a:focus {
	background-image: url(/includes/rch_template2011/assets/global/menu-dropdown.gif);
}

#menu .simple-menu,
#menu .mega-menu {
	background: #fff;
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	
	-webkit-box-shadow: 0px 2px 3px 0px #98a4ae;
	-moz-box-shadow: 0px 2px 3px 0px #98a4ae;
	box-shadow: 0px 2px 3px 0px #98a4ae;
	
	padding:				10px 10px;
	position:				absolute;
}

.ie6 #menu .simple-menu,
.ie6 #menu .mega-menu,
.ie7 #menu .simple-menu,
.ie7 #menu .mega-menu,
.ie8 #menu .simple-menu,
.ie8 #menu .mega-menu {
	border: 1px solid #c7cdd3;
	border-top: 0;
}

#menu .simple-menu {
	width:					246px;
}

#menu .mega-menu {
	/* max-width:				800px; */
}

#menu .mega-menu  .column {
	margin-right: 10px;
}

#menu .mega-menu  .column.last {
	margin-right: 0;
}

#menu .mega-menu .title {
	background: none;
	font-size: 16px;
	margin: 5px 0 5px 0;
	/* margin: 85px 0 5px 0; */
	padding-left: 10px;
	width: 190px;
}

#menu .mega-menu li ul {
	position: static;
	width: 190px;
}

#menu .mega-menu li ul li a {
	width: 175px;
}

/*** 2nd Level Hover ***/
#menu li.sfhover .simple-menu,
#menu li:hover .simple-menu,
#menu li.sfhover .mega-menu,
#menu li:hover .mega-menu {
	left: auto;
	position: absolute;
}

/* @example of re-positioning a specific menu if it doesn't fit */
#menu-3.sfhover .mega-menu,
#menu-3:hover .mega-menu {
	right: 50px !important;
}

/*** Mega Menu Sub Section Images **
#menu .mega-menu .node-00110 { background: url(/includes/rch_template2011/assets/global/menu-sub-section-images.png) no-repeat 0 0; }
#menu .mega-menu .node-00120 { background: url(/includes/rch_template2011/assets/global/menu-sub-section-images.png) no-repeat -250px 0; }
#menu .mega-menu .node-00130 { background: url(/includes/rch_template2011/assets/global/menu-sub-section-images.png) no-repeat -500px 0; }
#menu .mega-menu .node-00310 { background: url(/includes/rch_template2011/assets/global/menu-sub-section-images.png) no-repeat -250px 0; }
#menu .mega-menu .node-00320 { background: url(/includes/rch_template2011/assets/global/menu-sub-section-images.png) no-repeat -500px 0; }
#menu .mega-menu .node-00330 { background: url(/includes/rch_template2011/assets/global/menu-sub-section-images.png) no-repeat 0 0; }
*/