/*** ESSENTIAL STYLES ***/

#menu ul.top-level, #menu ul.top-level * {

	list-style:		none;

}

#menu ul.top-level {

	line-height:	1.0;

}

#menu ul.top-level ul {

	position:		absolute;

	top:			-999em;

	width:			191px; /* left offset of submenus need to match (see below) */

	padding-top: 5px;

	z-index: 5;

	background: #ebf2fa url(/images/layout/menu-ul-ul.jpg) bottom repeat-x;

}

#menu ul.top-level ul li {

	width:			100%;

}

#menu ul.top-level li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

#menu ul.top-level li {

	float:			left;

	position:		relative;

}

#menu ul.top-level a {

	display:		block;

	position:		relative;

}

#menu ul.top-level li:hover ul,

#menu ul.top-level li.sfHover ul {

	left:			0;

	top:			30px; /* match top ul list item height */

	z-index:		99;

}

ul#menu ul.top-level li:hover li ul,

ul#menu ul.top-level li.sfHover li ul {

	top:			-999em;

}

ul#menu ul.top-level li li:hover ul,

ul#menu ul.top-level li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul#menu ul.top-level li li:hover li ul,

ul#menu ul.top-level li li.sfHover li ul {

	top:			-999em;

}

ul#menu ul.top-level li li li:hover ul,

ul#menu ul.top-level li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



/*** DEMO SKIN ***/

#menu ul.top-level a {

	display: block;

	height: 30px;

	padding: 0px;

	text-decoration:none;

	font-weight: bold;

	background-repeat: no-repeat;

	background-image: url(/images/layout/nav.jpg);

	text-indent: -9999px;

	z-index: 5;

}



#menu ul.top-level li { margin-right: 9px; z-index: 5; }



#menu ul.top-level li.nav-home a { width: 74px; background-position: 0px -240px; }

#menu ul.top-level li.nav-learn a { width: 149px; background-position: 0px -120px; }

#menu ul.top-level li.nav-research a { width: 101px; background-position: 0px -60px; }

#menu ul.top-level li.nav-involved a { width: 132px; background-position: 0px -180px; }

#menu ul.top-level li.nav-about a { width: 100px; background-position: 0px 0px; }



#menu ul.top-level li.active a, #menu ul.top-level a:hover,

#menu ul.top-level li:hover a, #menu ul.top-level li.sfHover a  { background-position: bottom left; }



#menu ul.top-level li.nav-home.active a, #menu ul.top-level li.nav-home a:hover,

#menu ul.top-level li.nav-home:hover a, #menu ul.top-level li.nav-home.sfHover a  { background-position: 0px -270px; }



#menu ul.top-level li.nav-learn.active a, #menu ul.top-level li.nav-learn a:hover,

#menu ul.top-level li.nav-learn:hover a, #menu ul.top-level li.nav-learn.sfHover a  { background-position: 0px -150px; }



#menu ul.top-level li.nav-research.active a, #menu ul.top-level li.nav-research a:hover,

#menu ul.top-level li.nav-research:hover a, #menu ul.top-level li.nav-research.sfHover a  { background-position: 0px -90px; }



#menu ul.top-level li.nav-involved.active a, #menu ul.top-level li.nav-involved a:hover,

#menu ul.top-level li.nav-involved:hover a, #menu ul.top-level li.nav-involved.sfHover a  { background-position: 0px -210px; }



#menu ul.top-level li.nav-about.active a, #menu ul.top-level li.nav-about a:hover,

#menu ul.top-level li.nav-about:hover a, #menu ul.top-level li.nav-about.sfHover a  { background-position: 0px -30px; }





#menu ul.top-level li li {

	text-transform: none;

	border-bottom: 1px #91B9DF solid;

	margin: 0px;

	padding: 0px;

	z-index: 5;

}



#menu ul.top-level li li.last {

	border-bottom: 0px;

}



#menu ul.top-level li.nav-home ul li a,

#menu ul.top-level li.nav-learn ul li a,

#menu ul.top-level li.nav-research ul li a,

#menu ul.top-level li.nav-involved ul li a,

#menu ul.top-level li.nav-about ul li a,

#menu ul.top-level li li a {

	text-indent: 0px;

	background: none;

	height: auto;

	text-transform: uppercase;

	width: auto;

	padding: 11px 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #2B1F1A;

	font-weight: bold;

	letter-spacing: 0.02em;

	z-index: 5;

}

body.firefox4Mac #menu ul.top-level li.nav-learn ul li a { padding-right: 10px; }



#menu ul.top-level li.nav-home li a:hover,

#menu ul.top-level li.nav-learn li a:hover,

body.firefox4Mac #menu ul.top-level li.nav-learn li a:hover,

#menu ul.top-level li.nav-research li a:hover,

#menu ul.top-level li.nav-involved li a:hover,

#menu ul.top-level li.nav-about li a:hover,

#menu ul.top-level li li a:hover {

	background-color: #a1c3e4;

}