/* EAST BAY INNOVATIONS */
/* STYLESHEET_NAV */
/* Created: 01/17/07 */
/* Addition:  3/12/08 */
/* Revised: 8/1-5/09 */
/* Crashing Bull Productions */

/*  UPPER NAVIGATION STUFF ****************/

#nav-top {
	clear: both;
	min-width: 800px;
	font: bold 11px Arial, Helvetica, sans-serif;
	background: #84898D;
}

#nav {
	position: relative;
	margin: 0px;
	padding: 4px 0;
	list-sytle: none;
}

#nav li {
	position: relative;
	display: inline;
	margin: 0;
	padding: 0;
}

#nav li a {
	margin: 0;
	padding: 4px 1em;
}

#nav li a:link, #nav li a:visited {
	color: #FFF;
	text-decoration: none;
}

#nav li a:hover, #nav li a:active, #nav li a:focus {
	color: #FFF;
	background: #404040;
}

/* NEW STUFF *********************/

#nav li ul{
   position: absolute;
   left: 0;
   top: 16px;
   margin: 0;
   /*padding: 0;*/
   color: #404040;
   background: #D5D7D8;
   white-space: nowrap;
   text-align: left;
   list-style: none;
   display: none;
   z-index: 1; /* displays the nav pulldown over the content */
}

#nav li ul li{
   position:relative;
   left: 0;
   /*padding: 0;*/
   /*width: 18em;*/
   display: list-item;
   cursor:pointer;
   background: #D5D7D8;
   border-bottom: 1px solid #FFF;
}

#nav li ul li:first-child {
	border-top: 1px solid #FFF;
}

#nav li ul li a{
   font-weight: normal;
   display: block;
}

#nav li ul li a:link, #nav li ul li a:visited {
	color: #404040;
   background: #D5D7D8;
}

#nav li ul li a:hover, #nav li ul li a:focus {
   padding: 4px 1em;
	color: #FFF;
	background: #84898D;
}

#nav li:hover > ul{
   display:block;
}
/* END NEW STUFF ***********/

/*  sets the "here" in the nav --
		- id applied to BODY tag on the page ********/
#home #nav-home a,
#services #nav-services a,
#events #nav-events a,
#publications #nav-publications a,
#support #nav-support a,
#bsolutions #nav-bsolutions a,
#about #nav-about a,
#resources #nav-resources a,
#friends #nav-friends a,
/* ...and employee section...*/
#employees-ehome #nav-ehome a,
#employees-etraining #nav-etraining a,
#employees-epositions #nav-epositions a,
#employees-eSLS #nav-eSLS a,
#employees-eforms #nav-eforms a,
#employees-emyinfo #nav-emyinfo a,
#employees-eemployees #nav-eemployees a,
#employees-ehome #nav-ehome a{
	background: #404040;
	color: #FFF;
}

/*  ensures the "here" doesn't change on hover *****/ 
#home #nav-home a:hover,
#services #nav-services a:hover,
#events #nav-events a:hover,
#publications #nav-publications a:hover,
#support #nav-support a:hover,
#bsolutions #nav-bsolutions a:hover,
#about #nav-about a:hover,
#resources #nav-resources a:hover,
#friends #nav-friends a:hover,
/* ...and employee section...*/
#employees-ehome #nav-ehome a:hover,
#employees-etraining #nav-etraining a:hover,
#employees-epositions  #nav-epositions a:hover,
#employees-eSLS #nav-eSLS a:hover,
#employees-eforms #nav-eforms a:hover,
#employees-emyinfo #nav-emyinfo a:hover, 
#employees-eemployees #nav-eemployees a:hover,
#employees-ehome #nav-ehome a:hover
 {
	background: #404040;
}

/* allow the pulldown to change *******/
#services #nav-services ul li a:link,
#events #nav-events ul li a:link,
#publications #nav-publications ul li a:link,
#support #nav-support ul li a:link,
#bsolutions #nav-bsolutions ul li a:link,
#about #nav-about ul li a:link,
#resources #nav-resources ul li a:link,
#friends #nav-friends ul li a:link {
	color: #404040;
	background: #D5D7D8;
}
/* allow the pulldown HOVER to change *******/
#services #nav-services ul li a:hover,
#events #nav-events ul li a:hover,
#publications #nav-publications ul li a:hover,
#support #nav-support ul li a:hover,
#bsolutions #nav-bsolutions ul li a:hover,
#about #nav-about ul li a:hover,
#resources #nav-resources ul li a:hover,
#friends #nav-friends ul li a:hover {
	color: #FFF;
	background: #84898D;
}

/* SECONDARY NAVIGATION *************/

#nav2nd {
	padding: 0 1px 1px;
	margin-left: 0;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}

#nav2nd li	{
	list-style: none;
	margin: 5px 0;
	text-align: left;
}

#nav2nd li a {
	display: block;
	padding: .25em;
	border-bottom: 1px solid #5E7DB3;
	text-decoration: none;
}

#nav2nd li a:link {
	color: #5E7DB3;
	background: #FFF;
}

#nav2nd li a:hover, #nav2nd li a:focus {
	color: #FFF;
	background: #3D60B1;
	border-bottom: 1px solid #3D60B1;
}
#nav2nd li a:link.here, #nav2nd li a:visited.here, #nav2nd li a:hover.here {
	color: #FFF;
	background: #3D60B1;
	border-bottom: 1px solid #3D60B1;
}


/* REALISTIC JOB PREVIEW SECONDARY NAVIGATION *************/

#navRJP {
	padding: 0 1em;
	margin-left: 0;
	font:  normal 11px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}

#navRJP li	{
	list-style: url(../images/misc/bullet_list.gif);
	margin: 0 0;
	text-align: left;
}

#navRJP li a {
	display: block;
	padding: .25em;
	text-decoration: none;
}

#navRJP li a:link, #nav2nd li a:visited {
	color: #3D60B1;
}

#navRJP li a:hover {
	text-decoration: underline;
	background: transparent;
}
#navRJP li a.here {
	text-decoration: underline;
	font-weight: bold;
}