/*
 Primary Navigation
 */
 #primary-nav {
	clear: both;
	width: 995px;
	height: 36px;
	font-family: Arial, Helvetica, sans-serif;
}
#primary-nav a { text-decoration: none; }
#primary-nav a.top-level { height: 36px; }
#primary-nav ul {
	list-style: none;
}
#primary-nav li {
	float: left;
	position: relative;
	z-index: 100;
}
#primary-nav ul a {
	display: block;
	font-size: 11px;
}
#primary-nav ul div { height: 36px; }

#primary-nav ul #nav-services {background: url('../images/menu.gif') no-repeat 0px -36px; width: 226px;}
#primary-nav ul #nav-services:hover {background: url('../images/menu.gif') no-repeat 0px 0px; width: 226px;}
#primary-nav ul #nav-services.active {background: url('../images/menu.gif') no-repeat 0px 0px; width: 226px;}
.nav-services { width: 226px; }
.nav-services a { width: 204px; }

#primary-nav ul #nav-careers {background: url('../images/menu.gif') no-repeat -225px -36px;width: 208px;}
#primary-nav ul #nav-careers:hover {background: url('../images/menu.gif') no-repeat -225px 0px;width: 208px;}
#primary-nav ul #nav-careers.active {background: url('../images/menu.gif') no-repeat -225px 0px;width: 208px;}
.nav-careers { width: 208px; }
.nav-careers a { width: 186px; }

#primary-nav ul #nav-childcare {background: url('../images/menu.gif') no-repeat -432px -36px;width: 170px;}
#primary-nav ul #nav-childcare:hover {background: url('../images/menu.gif') no-repeat -432px 0px;width: 170px;}
#primary-nav ul #nav-childcare.active {background: url('../images/menu.gif') no-repeat -432px 0px;width: 170px;}
.nav-childcare { width: 170px; }
.nav-childcare a { width: 148px; }

#primary-nav ul #nav-resources {background: url('../images/menu.gif') no-repeat -601px -36px;width: 168px;}
#primary-nav ul #nav-resources:hover {background: url('../images/menu.gif') no-repeat -601px 0px;width: 168px;}
#primary-nav ul #nav-resources.active {background: url('../images/menu.gif') no-repeat -601px 0px;width: 168px;}
.nav-resources { width: 168px; }
.nav-resources a { width: 146px; }

#primary-nav ul #nav-locations {background: url('../images/menu.gif') no-repeat -768px -36px;width: 223px;}
#primary-nav ul #nav-locations:hover {background: url('../images/menu.gif') no-repeat -768px 0px;width: 223px;}
#primary-nav ul #nav-locations.active {background: url('../images/menu.gif') no-repeat -768px 0px;width: 223px;}
.nav-locations { width: 218px; }
.nav-locations a { width: 196px; }

/* dropdown */

#primary-nav li li a {
	display: block;
	font-weight: normal;
	padding: 5px 10px;
	font-size: 11px;
	color: #b2170f;
}
#primary-nav li ul {
	background: #fff url('../images/menu_drop_bg.gif') repeat-x top left;
  display: none;
  position: absolute; 
  top: 100%;
  left: 0;
}
#primary-nav li > ul {
	top: auto;
	left: auto;
}
#primary-nav li li {
	display: block;
	float: none;
	background-color: transparent;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#primary-nav li li a:hover {
	background-color: #b2170f ;
}
#primary-nav li li a:hover {
	color: #fff;
}
#primary-nav li:hover ul { display: block; }
#primary-nav li.over ul { display: block; }

#primary-nav li#nav-parents ul{
	display: none;
}
#primary-nav li#nav-parents.tertiary ul{
	display: block;
	position: absolute;
	left: 168px;
	top: 0;
}


#primary-nav li#nav-providers ul{
	display: none;
}
#primary-nav li#nav-providers.tertiary ul{
	display: block;
	position: absolute;
	left: 168px;
	top: 0;
}

/*
 Secondary Navigation
 */
#secondary-nav {
	float: right;
	margin: 10px 25px 0px 0px;
}
#secondary-nav ul {
	list-style: none;
}
#secondary-nav ul li {
	float: left;
	height: 10px;
	width: 153px;
}
#secondary-nav a {
	display: block;
	height: 15px;
	overflow: hidden;
}
#secondary-nav a:hover {
	text-decoration: none;
}

#secondary-nav ul #nav-about {background: url('../images/topnav.gif') no-repeat 0px -10px; width: 66px;}
#secondary-nav ul #nav-about:hover,
#secondary-nav ul #nav-about.active {background: url('../images/topnav.gif') no-repeat 0px 0px; width: 66px;}

#secondary-nav ul #nav-board {background: url('../images/topnav.gif') no-repeat -66px -10px; width: 121px;}
#secondary-nav ul #nav-board:hover,
#secondary-nav ul #nav-board.active {background: url('../images/topnav.gif') no-repeat -66px 0px; width: 121px;}

#secondary-nav ul #nav-news {background: url('../images/topnav.gif') no-repeat -187px -10px; width: 56px;}
#secondary-nav ul #nav-news:hover,
#secondary-nav ul #nav-news.active {background: url('../images/topnav.gif') no-repeat -187px 0px; width: 56px;}

#secondary-nav ul #nav-events {background: url('../images/topnav.gif') no-repeat -245px -10px; width: 100px;}
#secondary-nav ul #nav-events:hover,
#secondary-nav ul #nav-events.active {background: url('../images/topnav.gif') no-repeat -245px 0px; width: 100px;}

#secondary-nav li li a {
	display: block;
	font-weight: normal;
	padding: 5px 10px;
	font-size: 11px;
	color: #b2170f;
	height: 14px;
}
#secondary-nav li ul {
	background: #fff url('../images/menu_drop_bg.gif') repeat-x top left;
  display: none;
  position: absolute; 
  top: 100%;
	border-top: 1px solid #555;
	z-index: 1000;
}
#secondary-nav li ul.shift {
	margin-left: 10px;
}

#secondary-nav li > ul {
	top: auto;
	left: auto;
}
#secondary-nav li li {
	height: 24px;
	display: block;
	float: none;
	background-color: transparent;
	border-right: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #555;
}
#secondary-nav li li a:hover {
	background-color: #b2170f ;
	color: #fff;
}
#secondary-nav li:hover ul { display: block; }
#secondary-nav li.over ul { display: block; }


#sub-nav {
	width: 193px;
	background-color: #fff;
}
#sub-nav #sub-title {
	padding: 10px 10px 10px 10px;
	background-color: #063a6b;
}
#sub-nav #sub-title img {
	display: block;
}
#sub-nav ul {
	list-style: none;
	padding: 15px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#sub-nav ul ul {
	padding: 0 0 0 15px;
}
#sub-nav ul ul {
	border: none;
	padding-top: 3px;
}
#sub-nav li {
	background: url('../images/bullet_arrow.gif') no-repeat 0px 13px;
	padding: 4px 0px 4px 10px;
}
#sub-nav a {
	color: #b2170f;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#sub-nav a:hover {
	text-decoration:underline;
}
#sub-nav a.active {
	text-decoration: underline;
	color: #000;
}

div#callouts {
	width: 193px;
}
.callout a {
	display: block;
	height: 32px;
	text-decoration: none;
}
.callout #callout-employers {
	background: url('../images/callout_for_employers.gif') no-repeat 0px -32px;
}
.callout #callout-employers:hover {
	background: url('../images/callout_for_employers.gif') no-repeat 0px 0px;
}
.callout #callout-seekers {
	background: url('../images/callout_for_jobseekers.gif') no-repeat 0px -32px;
}
.callout #callout-seekers:hover {
	background: url('../images/callout_for_jobseekers.gif') no-repeat 0px 0px;
}
.callout #callout-parents {
	background: url('../images/callout_for_parents.gif') no-repeat 0px -32px;
}
.callout #callout-parents:hover {
	background: url('../images/callout_for_parents.gif') no-repeat 0px 0px;
}
