/* Super Top Menu */

#topMenu, #topMenu ul { /* Overall and drop down UL containers */
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1;
	z-index: 1000;
}

#topMenu li a { /* These are the links in each LI */
	display: block;
	width: 100%;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	visibility: visible !important;
	z-index: 1001;
}

#topMenu ul a, #topMenu ul span.noLink { /* These are the links in the drop-down LIs */
	width: 160px;
	padding: 3px 5px;
	z-index: 1002;
}

#topMenu ul a:hover, #topMenu ul span.noLink:hover { /* Hover state of links in the drop-down LIs */
	background-color: #CCCCCC !important;
	color: #000000 !important;
	z-index: 1003;
}

#topMenu ul li.sfhover>a, #topMenu ul li.sfhover span.noLink { /* ??? */
	background-color: #CCCCCC;
	color: #000000;
	z-index: 1004;
}


#topMenu li { /* Each main category of primary menu LI */
	float: left;
	height: 27px;
	line-height: 27px;
	background-image: url('/siteflow/images/home/topMenuBG.gif');
	background-repeat: no-repeat;
	z-index: 1005;
}

#topMenu li a span {  /* The <span> hides the text in each */
	visibility: hidden;
	z-index: 1006;
}

#topMenu ul li { /* Each LI in the drop-down menus */
	float: left;
	width: 170px; /* width needed or else Opera goes nuts */
	height: auto;
	line-height: normal;
	z-index: 1007;	
}

#topMenu li ul { /* Drop-down menu UL containers */
	position: absolute;
	/* background: transparent url(/siteflow/png/menuBackgroundTrans.png) top left repeat; */
	width: 170px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: none;
	border-top-width: 0;
	z-index: 1008;
}

#topMenu li ul div { /* "Wrapper" of the drop-down LIs -- need this so links are clickable in ie */
	background-image: none;
	height: auto;
	width: 170px;
	border: none;
	z-index: 1009;
}

#topMenu li ul li { /* Top border of each drop-down LI */
	border-top: 1px solid #2895D6;
	background-image: none;
	z-index: 1010;
}

#topMenu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 1011;
}

#topMenu li ul div li { /* Each drop-down menu LI */
	background-image: none;
	background-color: #EEEEEE;
	z-index: 1012;
}


#topMenu #tmHome {
	width: 51px;
	background-position: 0px 0px;
}

#topMenu #tmHome.sfhover, #topMenu #tmHome.active {
	width: 51px;
	background-position: 0px -27px;
}


#topMenu #tmKnowGrow {
	width: 101px;
	background-position: -51px 0px;
}

#topMenu #tmKnowGrow.sfhover, #topMenu #tmKnowGrow.active {
	width: 101px;
	background-position: -51px -27px;
}


#topMenu #tmSupport {
	width: 113px;
	background-position: -152px 0px;
}

#topMenu #tmSupport.sfhover, #topMenu #tmSupport.active {
	width: 113px;
	background-position: -152px -27px;
}


#topMenu #tmNews {
	width: 51px;
	background-position: -265px 0px;
}

#topMenu #tmNews.sfhover, #topMenu #tmNews.active {
	width: 51px;
	background-position: -265px -27px;
}


#topMenu #tmAboutCGFS {
	width: 97px;
	background-position: -316px 0px;
}

#topMenu #tmAboutCGFS.sfhover, #topMenu #tmAboutCGFS.active {
	width: 97px;
	background-position: -316px -27px;
}


#topMenu #tmEmployment {
	width: 190px;
	background-position: -413px 0px;
}

#topMenu #tmEmployment.sfhover, #topMenu #tmEmployment.active {
	width: 190px;
	background-position: -413px -27px;
}