@charset "utf-8";
/* CSS Document */

.menubg
{
	background-image:url(../images/menubg.png);
	background-repeat:repeat-x;
	height:36px;
	z-index:1;
}

.menu_shade
{
	background-image:url(../images/menu_shade.png);
	position:relative;
	height:5px;
	background-repeat:repeat-x;
}

/* --------- Nav Menu ------------- */

#nav {
	float: left;
	width: 960px;
	list-style: none;
	font-size: 11px;
	font-family:gotham;
	margin:0px;
}

#nav span
{ 
	visibility:hidden;
	margin:0px;	
}

#nav ul
{
	vertical-align:middle;
	margin:0px;	
}

#nav li {
	float: left;
	line-height: normal;
	width:121px;
	height:36px;
	position:static;
	margin:0px;	
}

#nav li a {
	position:inherit;
	display: block;
	width:121px;
	height:36px;
	color: #fff;
	text-decoration:none;
}

/* Top Level Menu */
#nav li.whatson { background:url(../images/menuoff.png) no-repeat 0px 0px; z-index:1; position:relative; left:-16px; }
#nav li.whatson:hover { background:url(../images/menuoff.png) no-repeat 0px -53px; width:121px; z-index:1; position:relative; }

#nav li.mailinglist { background:url(../images/menuoff.png) no-repeat -121px 0px; z-index:2; position:relative; left:-16px; }
#nav li.mailinglist:hover { background:url(../images/menuoff.png) no-repeat -120px -106px; width:121px; z-index:2; position:relative; left:-18px; } 

#nav li.experiencecurve { background:url(../images/menuoff.png) no-repeat -242px 0px; position:relative; left:-16px; }
#nav li.experiencecurve:hover { background:url(../images/menuoff.png) no-repeat -240px -159px; width:121px; z-index:3; position:relative; left:-19px;  }

#nav li.yourvisit { background:url(../images/menuoff.png) no-repeat -363px 0px; position:relative; left:-16px; }
#nav li.yourvisit:hover { background:url(../images/menuoff.png) no-repeat -360px -212px; width:121px; z-index:3; position:relative; left:-20px;  }

#nav li.findoutmore { background:url(../images/menuoff.png) no-repeat -484px 0px; position:relative; left:-16px; }
#nav li.findoutmore:hover { background:url(../images/menuoff.png) no-repeat -479px -265px; width:121px; z-index:4; position:relative; left:-21px; }

#nav li.hirecurve { background:url(../images/menuoff.png) no-repeat -605px 0px; position:relative; left:-16px; }
#nav li.hirecurve:hover { background:url(../images/menuoff.png) no-repeat -599px -318px; width:121px; z-index:5; position:relative; left:-22px;  }

#nav li.supportcurve { background:url(../images/menuoff.png) no-repeat -726px 0px; position:relative; left:-16px; }
#nav li.supportcurve:hover { background:url(../images/menuoff.png) no-repeat -719px -371px; width:121px; z-index:6; position:relative; left:-23px; }

#nav li.language { background:url(../images/menuoff.png) no-repeat -847px 0px; position:relative; left:-16px; }
#nav li.language:hover { background:url(../images/menuoff.png) no-repeat -840px -424px; width:121px; z-index:6; position:relative; left:-24px; }

/* Sub Menu */
#nav li.first {
	background-image:url(../images/submenu_top.png);
	height:10px;
	width:210px;
	position:relative;
	left:-39px;
}

#nav li.last {
	background-image:url(../images/submenu_bottom.png);
	height:10px;
	width:210px;
	position:relative;
	left:-39px;
	top:0px;
}

#nav li.submenu {
	background:url(../images/submenu_normal.png) no-repeat 0px 0px;
	height:23px;
	width:210px;
	position:relative;
	left:-39px;
	top:0px;
	text-align:left;
	text-indent:8px;
}

#nav li.submenu:hover {
	background:url(../images/submenu_normal.png) no-repeat 0px -23px;
	height:23px;
	width:210px;
	position:relative;
	left:-39px;
	top:0px;
	text-align:left;
	text-indent:8px;
}

#nav li.submenudh {
	background:url(../images/submenu_normaldh.png) no-repeat 0px 0px;
	height:35px;
	width:210px;
	position:relative;
	left:-39px;
	top:0px;
	text-align:left;
	text-indent:8px;
}

#nav li.submenudh:hover {
	background:url(../images/submenu_normaldh.png) no-repeat 0px -35px;
	height:35px;
	width:210px;
	position:relative;
	left:-39px;
	top:0px;
	text-align:left;
	text-indent:8px;
}

#nav li.submenu a {
	position:inherit;
	display: block;
	width:210px;
	height:36px;
	color: #fff;
	text-decoration:none;
}

#nav li ul li a:hover, #nav li.current ul li a:hover {
	color: #fff;
}
#nav li ul li.current a {
	font-weight: bold;
}

#nav li.submenudivid {
	background-image:url(../images/submenu_divid.jpg);
	height:1px;
	width:210px;
	position:relative;
	left:-39px;
	top:0px;
	text-align:left;
	text-indent:10px;
}

/* Additional Unknown CSS */
#nav li ul
{
	position: absolute;
	padding: 0;
	margin: 0 0 0 -1px;
	list-style: none;
	left: -999em; /* using left because display:none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul
{
	left:40px;
}

#nav li ul li
{
	margin: 0;
	padding: 0;
}

#nav li:hover ul li a, #nav li.sfhover ul li a, #nav li.current ul li a {
	padding: 5px 0px;
}