/***
* superfish_menus.css
* (c) 2008, Hospital for Sick Children
************************/

/***
* This is based on the Superfish v1.4.1 jQuery plugin by Joel Birch
* http://users.tpg.com.au/j_birch/plugins/superfish/
*
* There is a version of the original CSS file commented in great detail for 
* educational purposes here:
* http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
************************/

/*******************************************************************************
SICKKIDS SPECIFIC SKIN
*******************************************************************************/

ul#main_menu li.sfHover a,
ul#main_menu li.active a {
	color: #0068b3;
	background-position: 0px -124px;
}

ul#main_menu li ul{
	background:transparent url('../images/backgrounds/main_menu_dropdown.gif') repeat-y bottom center;
	margin-top: 32px;
	padding:0px 10px;
	width: 140px;
}

	ul#main_menu li ul li {
		background:none;
		border-bottom: 1px white solid;
		color: #646464 !important;
		margin: 3px 0px 3px 0px;
		padding-bottom: 3px;
		width: 140px;
	}

	ul#main_menu li ul li a,
	body ul#main_menu li#menuitem ul li a:link{
		background:none;
		color: #646464 !important;
		display:block;
		height:auto !important;
		margin: 0px;
		padding:0px;
		text-decoration: none;
		text-indent:0px !important;
		width:140px;
	}


/*******************************************************************************
ESSENTIAL SUPERFISH STYLES
*******************************************************************************/

.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav {
	line-height:1.0;
}
.nav ul {
	position:absolute;
	top:-999em;
	width:9.45em;
}
.nav ul li,
.nav a {
	width: 100%;
}
.nav li {
	float:left;
	position:relative;
	z-index:99;
}
.nav a {
	display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
	left:-1px;
	top:2.5em;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:9.45em;
	top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}