/* navigation */
#navigation {
	background: #fbfbfc url('../images/menu-bkgd-2.gif') repeat-x 0 0;
	font: bold 12px Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	height: 55px;
	width: 736px;
	margin: 0 0 20px 14px;
	padding: 0;
}
#navigation a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	display: block;
}
#navigation ul li a { text-align: center; }
#navigation ul li:hover a,
#navigation ul li.hover a { background: #20b7e8 url('../images/menu-bkgd-active.gif') repeat-x 0 0; margin: 0; }

.about {width: 100px; background: none;}
#navigation ul li:hover .about,
#navigation ul li.hover .about {width: 100px; background: url('../images/about-hover.gif') no-repeat;}

.services {width: 107px; background: url('../images/menu-spr.gif') no-repeat;}
#navigation ul li:hover .services,
#navigation ul li.hover .services {width: 107px;}

.employers {width: 106px;	background: url('../images/menu-spr.gif') no-repeat;}
#navigation ul li:hover .employers,
#navigation ul li.hover .employers {width: 106px;}

.candidates {width: 105px;	background: url('../images/menu-spr.gif') no-repeat;}
#navigation ul li:hover .candidates,
#navigation ul li.hover .candidates {width: 105px;}

.tools {width: 120px;	background: url('../images/menu-spr.gif') no-repeat;}
#navigation ul li:hover .tools,
#navigation ul li.hover .tools {width: 120px;}

.contact {width: 106px;	background: url('../images/menu-spr.gif') no-repeat;}
#navigation ul li:hover .contact,
#navigation ul li.hover .contact {width: 106px;}

.home {width: 92px;	background: url('../images/menu-spr.gif') no-repeat;}
#navigation ul li:hover .home,
#navigation ul li.hover .home {width: 92px; background: url('../images/home-hover.gif') no-repeat;}


#navigation ul {list-style-type:none; }
#navigation ul div {
	display: none;
	padding: 0;
}
#navigation ul div ul {	position: absolute; width:200px;
}

/* width of about us drop down.
#navigation ul.about-dd {width: 200px;}
#navigation ul.about-dd li {width: 200px;}

#navigation ul.services-dd {width: 200px;}
#navigation ul.services-dd li {width: 200px;}

#navigation ul.employers-dd {width: 200px;}
#navigation ul.employers-dd li {width: 200px;}

#navigation ul.candidates-dd {width: 200px;}
#navigation ul.candidates-dd li {width: 200px;}

#navigation ul.tools-dd {width: 200px;}
#navigation ul.tools-dd li {width: 200px;}

#navigation ul.contact-dd {width: 200px;}
#navigation ul.contact-dd li {width: 200px;}

#navigation ul.home-dd {width: 200px;}
#navigation ul.home-dd li {width: 200px;} */

#navigation li:hover div,
#navigation li.hover div {display: block; margin: 0;}


#navigation ul li {
	float: left;
	list-style: none;
	line-height:55px;
	margin: 0;
	padding: 0;
}
#navigation ul ul li {
 width:200px;
	border-top: 0px solid #20b7e8;
	padding: 0;
	height:26px;
	margin: 0;
	background-color: #20b7e8;
}
#navigation ul li:hover ul a,
#navigation ul li.hover ul a {
	float: none;
	display: block;
	padding: 0 0 0 10px;
	margin: 0;
	font: bold 12px/26px Arial, sans-serif;
	text-transform: none;
	color: #fff;
	border: none;
	background: none;
	text-align: left;
	
}
* html #navigation ul div ul li a {
	height: 26px;
}
#navigation ul ul a:hover {

	border: none;
	background: #24c2f2 url('../images/bg-navigation-active.gif') repeat-x !important;
}