/* @override http://dev.pippindesign.com/css/nav.css */

#nav {
	position: relative;
	top: 160px;
	height: 30px;
	width: 960px;
	background-color: #003366;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

*html #nav {
	height: 32px;
}
ul#main {
	position: absolute;
	height: 60px;
	width: 400px;
	right: 0;
	top: -30px;
}

#nav li ul {
	position: absolute;
	margin: 0;
	padding: 0;
	left: -100px;
}

.stickyonnav {
       left: -100px;
}

#nav li#candidates ul {
	left: -85px;
	border-left: solid 1px #ffffff; /*adds border to end of intl jobs*/
	width:445px
}

#nav li#employers ul {
	width: 620px;
        left: -220px;
}

#nav a {
	text-decoration: none;
}

#nav ul li {
	margin: 0;
	float: left;
	display: block;
	height: 29px;
}

#nav li a {
	color: #ffffff;
	font-weight: bold;
	display: block;
	float: left;
	width: 100px;
	height: 30px;
}

/* @group Tab Images */ 

#nav li span {
	position: absolute;
	left: -9999px;
}

#candidates a,
#employers a,
#about a,
#contact a,
#news a {
	display: block;
	position: relative;
	height: 26px;
	background: url(../images/bg-nav.gif) no-repeat;
}

#candidates a {background-position: 0 3px;}

#employers a {background-position: -100px 3px;}

#about a {background-position: -200px 3px;}

#contact a {background-position: -300px 3px;}

#news a {background-position: -400px 3px;}


li.on a {
	background: url(../images/bg-nav.gif) no-repeat;
}

li#candidates.on a{
	background-position: 0 -29px;
}

li#employers.on a{
	background-position: -100px -29px;
}

li#about.on a{
	background-position: -200px -29px;
}

li#contact.on a{
	background-position: -300px -29px;
}

li#news.on a{
	background-position: -400px -29px;
}

/*hover states*/

#candidates a:hover, #candidates:hover a, #candidates.over a {
	background-position: 0 -29px;
}

#employers a:hover, #employers:hover a, #employers.over a {
	background-position: -100px -29px;
}

#about a:hover,
#about:hover a,
#about.over a {
	background-position: -200px -29px;
}

#contact a:hover,
#contact:hover a,
#contact.over a {
	background-position: -300px -29px;
}

#news a:hover,
#news:hover a,
#news.over a {
	background-position: -400px -29px;
}

/* @end */

#nav li ul {
	display: none;
}

#nav li.on ul {
	position: absolute;
	top: 30px;
	right: 0;
	height: 30px;
}

#nav li.on ul {
	background: #003366;
}

#nav li.on ul,
#nav li.over ul {
	display: block;
	z-index: 6000;
}

#nav li.on ul a,
#nav li.on ul a:hover {
	float:left;
	width: auto; /*makes subnav not 100px wide*/
	background: #003366;
	color: #ffffff;
	font-size: 12px;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	border-left: solid 1px #fff;
}

	
#nav ul li#candidates ul li a{ /*adds border to end of intl jobs*/
	border-left: none;
	border-right: solid 1px #fff;
	}


#nav li.on ul a:hover, 
#nav ul li.sub-on a {
	background-color: #02284b;}