/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	199px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	199px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

div.subItems {
	background:url(../images/submenuBG-trans.png) top right repeat-y;
	width:465px;
}

li.sub ul li.menuLI div.subItems div.subLink a {
	font-weight:bold;
	color:#fff;
	padding:10px;
	padding-left:45px;
}

.topRight {
	border-bottom: 1px solid #4797CA;
	padding-right:0;
	padding-bottom:5px;
	padding-left:10px;
	margin-right:10px;
}


.topLeft {
	border-bottom: 1px solid #4797CA;
	padding-right:0px;
	padding-bottom:5px;
	padding-left:10px;
	background-color:#5db1e0;
}

.bottomRight {
	padding-right:0;
	padding-top:5px;
	padding-left:10px;
}


.bottomLeft {
	padding-right:0px;
	padding-top:5px;
	padding-left:10px;
	background-color:#5db1e0;
}



.noBottomBorder {
border-bottom:none;
padding-bottom:none;
margin-bottom:-10px;
}

li.sub ul li.menuLI div.subItems div.subLink {
	font-size:90%;
	color:#FFF;
	display:inline-block;
	float: left;
	width: 230px;
	margin: 0;
	line-height:1em;
	border-left: 1px solid #4797CA;
}

li.sub ul li.menuLI div.subItems div.subLink a span {
	font-size:80%;
	font-weight:normal;
	color:#000;
}

li.sub ul li.menuLI div.subItems div.subLink a.commish {
	background:url('../images/icons/menu/commish.jpg') no-repeat left bottom;
}
li.sub ul li.menuLI div.subItems div.subLink a.calendar {
	background:url('../images/icons/menu/calendar.jpg') no-repeat left bottom;
}
li.sub ul li.menuLI div.subItems div.subLink a.offices {
	background:url('../images/icons/menu/offices.jpg') no-repeat left bottom;
}
li.sub ul li.menuLI div.subItems div.subLink a.whatsnew {
	background:url('../images/icons/menu/whatsnew.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.commish:hover {
	background:url('../images/icons/menu/commish-on.jpg') no-repeat left bottom;
}
li.sub ul li.menuLI div.subItems div.subLink a.calendar:hover {
	background: url('../images/icons/menu/calendar-on.jpg') no-repeat left bottom;
}
li.sub ul li.menuLI div.subItems div.subLink a.offices:hover {
	background:url('../images/icons/menu/offices-on.jpg') no-repeat left bottom;
}
li.sub ul li.menuLI div.subItems div.subLink a.whatsnew:hover {
	background:url('../images/icons/menu/whatsnew-on.jpg') no-repeat left bottom;
}



li.sub ul li.menuLI div.subItems div.subLink a.staffing {
	background:url('../images/icons/menu/staffing.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.staffing:hover {
	background:url('../images/icons/menu/staffing-on.jpg') no-repeat left bottom;
}


li.sub ul li.menuLI div.subItems div.subLink a.business {
	background:url('../images/icons/menu/business.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.business:hover {
	background:url('../images/icons/menu/business-on.jpg') no-repeat left bottom;
}


li.sub ul li.menuLI div.subItems div.subLink a.networking {
	background:url('../images/icons/menu/networking.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.networking:hover {
	background:url('../images/icons/menu/networking-on.jpg') no-repeat left bottom;
}



li.sub ul li.menuLI div.subItems div.subLink a.newsmedia {
	background:url('../images/icons/menu/newsmedia.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.newsmedia:hover {
	background:url('../images/icons/menu/newsmedia-on.jpg') no-repeat left bottom;
}





li.sub ul li.menuLI div.subItems div.subLink a.success {
	background:url('../images/icons/menu/success.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.success:hover {
	background:url('../images/icons/menu/success-on.jpg') no-repeat left bottom;
}



li.sub ul li.menuLI div.subItems div.subLink a.library {
	background:url('../images/icons/menu/library.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.library:hover {
	background:url('../images/icons/menu/library-on.jpg') no-repeat left bottom;
}


li.sub ul li.menuLI div.subItems div.subLink a.findjob {
	background:url('../images/icons/menu/findjob.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.findjob:hover {
	background:url('../images/icons/menu/findjob-on.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.OlderAdults-employ {
	background:url('../images/icons/menu/OlderAdults-employ.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.OlderAdults-employ:hover {
	background:url('../images/icons/menu/OlderAdults-employ-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.DisabledAdults-employ {
	background:url('../images/icons/menu/DisabledAdults-employ.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.DisabledAdults-employ:hover {
	background:url('../images/icons/menu/DisabledAdults-employ-on.jpg') no-repeat left bottom;
}






li.sub ul li.menuLI div.subItems div.subLink a.empguide {
	background:url('../images/icons/menu/empguide.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.empguide:hover {
	background:url('../images/icons/menu/empguide-on.jpg') no-repeat left bottom;
}




li.sub ul li.menuLI div.subItems div.subLink a.programs {
	background:url('../images/icons/menu/PeopleDisabilities-serv.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.programs:hover {
	background:url('../images/icons/menu/PeopleDisabilities-serv-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.services {
	background:url('../images/icons/menu/Older-vulnerable-serv.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.services:hover {
	background:url('../images/icons/menu/Older-vulnerable-serv-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.report {
	background:url('../images/icons/menu/services.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.report:hover {
	background:url('../images/icons/menu/services-on.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.partners {
	background:url('../images/icons/menu/partners.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.partners:hover {
	background:url('../images/icons/menu/partners-on.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.socialmedia {
	background:url('../images/icons/menu/socialmedia.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.socialmedia:hover {
	background:url('../images/icons/menu/socialmedia-on.jpg') no-repeat left bottom;
}




li.sub ul li.menuLI div.subItems div.subLink a.press {
	background:url('../images/icons/menu/press.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.press:hover {
	background:url('../images/icons/menu/press-on.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.forms {
	background:url('../images/icons/menu/forms.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.forms:hover {
	background:url('../images/icons/menu/forms-on.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.video {
	background:url('../images/icons/menu/video.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.video:hover {
	background:url('../images/icons/menu/video-on.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.marketing {
	background:url('../images/icons/menu/marketing.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.marketing:hover {
	background:url('../images/icons/menu/marketing-on.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.files {
	background:url('../images/icons/menu/files.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.files:hover {
	background:url('../images/icons/menu/files-on.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.cwn {
	background:url('../images/icons/menu/cwn.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.cwn:hover {
	background:url('../images/icons/menu/cwn-on.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.info {
	background:url('../images/icons/menu/info.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.info:hover {
	background:url('../images/icons/menu/info-on.jpg') no-repeat left bottom;
}


li.sub ul li.menuLI div.subItems div.subLink a img {
	vertical-align:bottom;
}




div.submenuTop {
	background:url("../images/submenuTop-trans.png") no-repeat top right;
	height:29px;
	width:465px;
	padding:0;
	margin:0;
	margin-top:10px;

}

div.submenuTop span {
	display:inline-block;
	width:80%;
	border-bottom:1px solid #fff;
	padding-top:15px;
}

div.submenuBottom {
	background:url("../images/submenuBot-trans.png") no-repeat bottom right;
	height:29px;
	width:465px;
	padding:0;
	margin:0;
}

.submenuIMGLeft {
	float:left;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
}